メモログ

塵が積もって山とならないメモのログ

a style sheet that is blocking scripts と DOMContentLoaded

DOMContentLoaded and stylesheets · molily(via DOMContentLoaded - Mozilla event reference | MDN)にて、head内のスタイルシートとJavascriptの配置の違いで、DOMContentLoadedイベントが発生するタイミングが変わるという内容が掲載されています。スタイルシートのあとにJavascriptが入っていると、DOMContentLoadedはスタイルシートをロードしたあとに発生して、スタイルシートのあとにJavascriptがないと、スタイルシートのロードを待たずにDOMContentLoadedが発生する。

📖 続きを読む

Google Closure: compileしたjavascriptを複数同時に使う

Closure CompilerのAdvanced modeでscriptをcompileした場合、Property RenamingとFlatteningがかかるので、global scope上にabとかBaとか短い名前のプロパティがたくさん作られるようになります。compileしたスクリプトが一つの場合は問題ありませんが、まったく別にcompileしたスクリプトを複数併用しようとすると、プロパティ名が衝突してしまって使うことができないという状態になります。

📖 続きを読む

Filter Effects / Adobe CSS FilterLab

Filter Effects 1.0では、HTML上に配置した画像とかにグレースケールなどのフィルターをかけることができます。Understanding CSS Filter Effects - HTML5 Rocksにて詳しく紹介されていますが、HTMLの要素に適用できるようにSVGから取り入れられた仕様で、多くのFilter Functionは高速に動きます(手元で試している限りではblurも速い)。対応状況は、Can I use CSS Filter Effectsにて。今のところChromeとSafariでのみwebkitのプレフィックス付きで確認できます。

📖 続きを読む

PhoneGap: Androidでカメラを使用するとアプリが止まる

PhoneGapからAndroidでカメラを起動して撮影すると、たまにアプリが止まってしまうという問題について。

これは[#CB-1513] Cordova app gets killed by garbage collector when out of memory due to camera - ASF JIRAに書いてある内容によると、カメラが起動している間は、PhoneGapのアプリ本体はバックグラウンドにいるので、その間にガベージコレクタがメモリを解放しようとして、アプリ本体のアクティビティをkillするのだそう(おそらくカメラ機能はメモリをたくさん使う)。

📖 続きを読む

マラソンとジョギングのメモ

2012年11月3日に行われた湘南国際マラソンに参加しました。去年(2011年)の湘南国際マラソンが初マラソンで、今回が2回目。目標にしていたサブフォーを達成できた。

📖 続きを読む

CSS Transforms: くるくる回るサイコロのサンプル

CSS Transforms関連記事のまとめ的意味を込めて、くるくる回るサイコロを作成してみました。下のサイコロ(の開き)をクリック(またはhover)すると、クリックした間だけアニメーションします。CSSのみ(と思ったらiPhoneだと期待したようにactive状態にならないので、touchstartしたときにdice-actionというclassを追加するようにJavascriptを入れた)。

📖 続きを読む