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

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

JSでオブジェクト指向っぽく開発させるVimプラグイン(マゾ仕様)を作った。

https://github.com/AtsushiM/oop-js.vim おもいっきりhttp://www.slideshare.net/MoriharuOhzu/ss-14083300の影響を受けて最近開発していたので「ならプラグインにしてしまえばいいんじゃね?」ってことで作ってみた。 スライドとは結構内容違うけど割りと…

Google Closure Compilerで圧縮レベルを最大にする

--compilation_level ADVANCED_OPTIMIZATIONS

webkit系のinput要素などに適用されるスタイルを初期化する

-webkit-appearance: none;

Google Maps APIで、地図の読み込み完了時に処理をしたい場合

google.maps.event.addListenerOnce(map, 'idle', function() { // write code. });

Android 4.1.1のデフォルトブラウザではcanvasをjsなどで動かすとバグる

内容を移動させたい場合はcanvasを移動させるのではなく、drawImageで位置を指定する

mobile safariではonclickは連打できない

onclickをbindしても連打すると反応がなくなる。ontouchstartなら行ける。

テキストをシャッフルしつつ表示する

後で見なおしてみる。 function ShuffleText(container, speed, easing) { this.container = container; this.speed = speed; this.easing = easing; this.isShuffling = false; } ShuffleText.prototype.shuffle = function (targetText, endress) { if (th…

enchant.js使用時、iOSでviewportが書き換えられ、画面が広がってしまう場合の対処方法

iOSの場合、どうにもviewportを書き換えてる模樣。自前でzoom:0.5;してmargin:0 auto; でセンタリングしたら可笑しくなったので気づいた。 http://yslibr4ry.blogspot.jp/2012/06/enchant-js-iphone.html どうにも勝手にやっちゃってる系みたいなのでどうに…

使ってるvimプラグインの一覧

vim

登壇してたら使ってるプラグイン教えて欲しいと言われたので。 今のところの一覧です。 " My Create plugin " NeoBundle 'AtsushiM/simple-todo' NeoBundle 'AtsushiM/simple-memo' " NeoBundle 'AtsushiM/simple-bookmark' " NeoBundle 'AtsushiM/simple-do…

SenchaでitemTpl中で日付フォーマットする方法

~ <div class="date">{[Ext.Date.format(values.date, "Y/m/d")]}</div>, ~ {[]}で囲むとjsで処理が書けるらしい。 values.dateが{date}と等価。

git rm で間違って消してしまった場合

git reset HEAD hoge/fuga git checkout hoge/fuga

そのブラウザでondevicemotionが使えるかどうか判定する方法

if ('ondevicemotion' in window) { //true } http://jsdo.it/Atsushi.Mizoue/lSoF

senchaでPanelとかを縦横センタリングしたい時

config: { ~ centered: true, ~ } 他に条件あるかもしれないけどとりあえず。

senchaでPanelとかを縦横センタリングしたい時

config: { ~ centered: true, ~ } 他に条件あるかもしれないけどとりあえず。

ChromeのウェブインスペクタでUserAgentを上書きしているとCharlesが正しく動作しない

Chromeでスマートフォンを確認する際やたら時間を取られたので。 インスペクタの機能でUserAgentを変更できるがこれをやっているとどうにもChralesのBreakpointで停止しない模樣。正確に調査していないが恐らくヘッダの情報見て云々していると思われるのでそ…

Android 4.1.1のデフォルトブラウザ&Chromeで今までのバグが治ってるかどうか検証してみた。

手持ちのGalaxy Nexusがアップデートされたのでさくっと検証してみる。 最初から4.1.1の場合はChormeが入ってるようですがアップデートされた場合は デフォルトブラウザが削除されるわけでは無いようなので念のため両方で。 以前はめんどくさくてやってなか…

WebエンジニアがVimに乗り換える必要性を考えてみる。

Vim使いたての素人がこんな事書いていいのかどうかは置いておいて。 FacebookでvimvimいってたらHamachiya2さんが 「imの利点、他のエディタより優れているところ、Vimに乗り換えるべき理由をわかりやすくまとめた記事があればいいのにと思う。だいたい初心…

Sencha Touch 2でshow,hideをアニメーションさせたい場合

~ config:{ ~ showAnimation: {type:'slideIn', direction: 'up', duration: 200}, hideAnimation: {type:'slideOut', direction: 'down', duration: 200}, ~ } ~ など。

Chrome拡張でpermissionsを指定する際はURLの最後を/*にしたほうが良い

{ "name": "TEST", "version": "0.1", "description": "test", "permissions": [ "http://asionm.hatenablog.com/*" ], "content_scripts": [ { "matches": ["https://www.google.co.jp/search*"], "css": [], "js": ["jquery-1.7.2.min.js", "main.js"] } ]…

FQLでJOINっぽい動作をするfql.multiquery

FB.api({ method: 'fql.multiquery', queries: { 'q1': q, 'q2': 'select uid,name,profile_url from user ' + 'where uid IN(select actor_id from #q1)' } },function(){}); #q1でqueries.q1の結果を元に実行する。

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形式で出力してくれる。