5月 2011
13件の投稿
google maps api v3 でコンビニとか出ない
デフォルトで出ないようになっているみたい。StyledMapTypeってのを使って、出すよう設定しないとダメ。
Google Maps JavaScript API v3のバグ？
iPhoneシミュレータで貼りつけする方法
一度iPhoneシミュレータの貼りつけを押すとクリップボードの内容がiPhoneシミュレーターのクリップボードにコピーされる。その後PasteすればOK
WindowsからMacにするにあたって諸々メモ
Macの設定らを延々追加するエントリ
keypassどうする →keypassXってのがあってwindowsと同じファイル使える
xamppで開発してたんだけどどうすりゃいい →macにもxamppあるので今まで通りできる
iPhoenシミュレーターどうすりゃ入れられる →app storeでxcode買う
いけてるstickiesあるの？ →app storeでdesktop notesっての買った
Twitterクライアントどうする →YoruFukurou
alt tabみたいのないの →app storeでWitchっての買った
ファイルの切り取り、ペースト無いの →無い。色々ファイラーはある forkliftっての買った。
秀丸でgrep置換が便利だったんだけど →vimでvimgrep→Greplaceなど。
DS_Storeうざい →なんかみんな諦めてる風
...
スマートフォンのUA判別するやつ
gist
jsfiddle
jQueryのopacityアニメとIE6,7,8
fadeInとかfadeOutとかanimateでopacityどうするとか、opacity対応していないIE6,7,8でも素敵に動くすんばらしーと思い、できますできますはいできますとか言ってると痛い目に合った。
まずIE6、7、8ではopacityを使わない代わりに、IE独自のfilterプロパティをいじって、透明度のアニメーションを実現している。このため、他のフィルタと併用できない。これが特に問題になるのが、そのままではアルファPNGを使えないIE6。IE6でアルファPNGを使おうとするのなら、フィルタのalphaImageLoaderを使わなければならないが、透明度のアニメーションもfilterのopacityを使ってる。これを同時に使うのは、jQueryのそのままの実装だと無理。なので、アルファPNGが一つでも混ざったら、そいつをフェードしたりするのは無理。
...
IE7以下だとDOMでimg要素のsrc見ると絶対パスになってる
IE7以下で、img要素のsrcにhoge.gifとか指定しても、DOMで見たらhttp://foobar.com/hoge.gifとかなってる。なんでやねん。
demo on jsfiddle
CSSバグリスト - DOMインタフェースを用いて取得したsrc属性などの属性値が必ず絶対パスになる
jQuery.proxyでイベントハンドラ書くときにself=thisとか書くのがなんかヤダ
さらにa要素でe.preventDefault()するのを参照先にもってくのも変。 なのでこう書けばいいのかも。
var Hoge = function(selector){
this.$el = $(selector);
this._eventify();
};
Hoge.prototype = {
_eventify: function(){
this.$el.click($.proxy(function(e){
e.preventDefault();
this._clickHandler();
}, this));
},
_clickHandler: function(){
alert('omg');
}
};
$.proxy...
自分のgistを全部まるっとローカルに同期するgisty
gisty
を入れます。色々設定してgisty syncとかやると、自分のgistをまるっとローカルにダウンロードできます。
特定のディレクトリ以下をgrepするような何かを書きます。自分はvimなのでこんなん
gist - Ggisty
:Ggisty hoge
とかやると自分のgistからhogeが含まれるのをgrepできる。簡単にスニペット管理できる。(ﾟдﾟ)ｳﾏｰ
もっと身近に、gistコマンド
こんなの使ったりすると、ちょっとsnipしておきたいものをgist hoge.txt とかやると即gistにアップもできる。（gistyでもできる）
gist更新してもgisty syncすれば全部同期される。これは快適…！
1 タグ
MacVimからiTermを開いてカレントディレクトリにcdするやつ
書いた。
gist
元々MacVimからterminalを開くプラグインが存在していて、これをちょっと変えただけ。:Ot もしくは :OpenTerminal するとiTermを開いてカレントディレクトリにcdする。
iTermなりterminalなりをひらいてどうのするってのをやるにはAppleScriptを書かないとダメらしいので調べ調べ数行変えた。
open terminal, filemanager : Open native terminal , file manager app for various platforms
先週windowsからmacに変えたので色々設定している。
prez. - html based rich slide template
色々試してみよう的にスライドのテンプレみたいのを作った。
デモ
prez. on gitHub
※ IE9, Chrome11, Safari5, Firefox4, Opera11
キーボードの o を押すとページ一覧に切り替えられる。後は矢印とかjkhlとかで移動。 一続きのページの並びを縦に展開できるようになってる。
Backbone.jsをベースに作ってみた。一旦ページに存在するデータを取ってきて、モデルらを構築し、そのデータを元にプレゼン用ビューと一覧用ビューを作る。各ページのモデルにはselectedというプロパティがあり、この値は、コントローラー（hashchangeマネージャみたいなの）の変化に応じて切り替えられる。そうして、selectedプロパティがが変わると色々ビューが変化するみたいな。
ページ内のデータを元にこんなデータを作って、これにjQuery...
jQuery.Deferredって何
jQuery1.5から追加された機能。でも全然使ってないので調べた。
jQuery1.5からはdeferredオブジェクトっていうものが登場。 これは、「イケてるキュー（待ち行列）の仕組み～遅延もあるよ～」みたいなものです・・・ 説明がムズイけれどもなんかそんな感じなのです。今までは
function fetch(callback){
doAjaxThings('somefile.json', function(data){
callback(data);
});
}
fetch(function(data){
doSomething(data.property);
});
みたいにコールバック渡さないといけなかったやつを
function fetch(){
return...
mouseover, mouseout, mouoseenter, mouseleave
僕はこれはまでmouseover/mouseoutをフツーに使っていたし、jQueryのhoverも mouseover/mouseoutのショートカットだと思ってたんだけれど、hoverって、mouseenter/mouseleaveのショートカットなんですね。
mouseover/mouseout と mouseenter/mouseleave の違いは要素の内側へのマウス移動でも発火するか否かってことみたいです。mouseover/mouseout は発火するけど mouseenter/mouseleave は発火しない。ってことで、フツーに使う分には mouseenter/mouseleave のほうが便利みたいですよ。
jQuery - .mouseenter()
Document Object Model (DOM) Level 3 Events...
Google ウェブマスター向け公式ブログ: Android のユーザーエージェントの検出について →
これまでは、「ユーザーエージェントから文字列『android』を検出したら、そのユーザーをモバイル バージョンのサイトにリダイレクトする。」このようなリダイレクトが当たり前のように行われていましたが、Android タブレットの登場とともに文字列「Android」だけでは不十分となりました。携帯端末のユーザーエージェントと同様に、Android タブレットのユーザーエージェントにも文字列「android」が含まれているためです。しかし、タブレット ユーザーには大きなデスクトップ バージョンのサイトを表示させたいのではないでしょうか。サイトが文字列「android」だけでユーザーを自動的にリダイレクトしている場合は、Android タブレットのユーザーがモバイル サイトにリダイレクトされてしまいます。
android mobile: スマホ mobile無し: タブレット
