笑いながらコードを書く。

vimから出たくないフロントエンドエンジニアの備忘録的な何か。

Sencha touch : itemsで指定したアイテムを左右に並べる場合

{ xtype: 'spacer' }を間に挟むことで実現できる ~ items: [ { xtype : 'button', text : 'Cancel', itemId: 'cancelButton' }, { xtype : 'spacer' }, { xtype : 'button', text : 'Done', itemId: 'doneButton' } ] ~ spacerを間に指定した場合、可能な範…

Sencha touch:showとshowByの違い

showByの場合、渡された要素に紐付く形で表示される。 動作としてはtop,leftが自動的に計算され付与され、三角形の矢印が表示される。showの場合、通常通りの表示となる。

Facebookページのタブにリンクを追加する方法

http://www.koikikukan.com/archives/2011/12/15-015555.php http://www.koikikukan.com/samples/20111215/

-webkit-overflow-scrolling: touch;について

・Android 2.2~2.3系で確認した範囲では使える ・Galaxy Nexusのデフォルトブラウザでは使えない ・Chrome for Android4.0 は使える

chalesでSSL通信をキャッチする設定

http://flcl.jp/charlesiphonessl

ターミナルで差分ファイルを取るコマンド

find . -type f -mtime -2 | xargs gcp --parents -t /hogehoge

Google アナリティクスで外部リンクとかをカウントしたい時

<a onclick="javascript:_gaq.push(['_trackPageview', 'hogehoge/fugafuga']);"href="uhehe/ohoho">擬似カウント</a>

第29回 HTML5とか勉強会 メモとか思ったこととか

アジェンダ ngCore on HTML5 PhoneGap Titanium Mobile 座談会 ngCore on HTML5 紀平 拓男さん ソフトウェアソリューション部所属 FlashPlayer ExGameなどを制作 ngCoreとは? javascriptのゲームフレームワーク ゲーム&ソーシャルに特化したAPI ngGOライ…

vimのsyntasticプラグインでjsdocのエラーがうっとおしい場合

let g:syntastic_javascript_gjslint_conf = "-nojsdoc"

sassでimportする時、ファイルを一つにまとめない方法

@import "style.css"; ではsassの形式に則り、ファイルがまとめられてしまうが、 @import 'style.css'; では従来のcssのimport形式で出力してくれる。

vimfilerでよく使うショートカット

rrカーソル位置をリネーム ccカーソル位置をコピー。→ .で現在ディレクトリにコピー→rで名前変更→名称変更後<CR> </cr>

skypeで検索ショートカット(Mac)

alt + Cmd + f グループ名 or 名前 + Enter 実行後、tabでフォーカスが変わるので表示された一覧を↑↓で選択 + Enter

githubで必要ないファイルをaddしてしまった時の対応方法

git rm --cached anyfile $ echo'anyfile'> .gitignore $ git add .gitignore

githubにコミットした内容を巻き戻す

git push -f origin HEAD^:master

vimscriptでコマンドがインストールされているかどうかチェック

" sassがインストールされているかどうか if !executable('sass') echohl ErrorMsg echo 'requires sass.' echohl None finish endif

jasmine.jsのテスト用テンプレート

// テストしたいクラス名を設定 describe('XXXXX クラスは', function() { //テストしたい変数名 var a = null, b = null; beforeEach(function() { //初期値 a = 'test'; b = 'test'; }); afterEach(function() { //テスト実行後の処理(DOM操作をした場合な…

Compassでグラデーション(gradient)する

Compassでグラデーション(gradient)する場合 @import "compass/css3" .hogehoge { /* linear */ @include background-image(linear-gradient(top, #fff, #eee)); /* radial */ @include background-image(radial-gradient(#fff, #eee)); }

quickfixリストでエラー表示

let errors = [] " Errorline(ファイルパス, エラーのライン, エラーのタイプ, エラー文) call add(errors, Errorline('hogehoge.js', 0, 'Notice', 'ここにエラー文を追加')) setlocal errorformat=%f:%l:%m cgetexpr join(errors, "\n") copen function! E…