前回、CreateJSに簡単に触れましたがCanvasでちょっとしたビジュアルを作成する機会があった為、早速CreateJSを導入しました。先に結論から書くと、ノンライブラリ（Canvas API）で

対象デバイスをPCに限定してFlashを活用したキャンペーンサイトなど特定の状況を除いて、スマートフォン／タブレット対応が求められる場合（大半がそうですが）、HTML5／JSでリッチなコンテンツを作成

altJS（TypeScript、CoffeeScript、Haxeなど）の導入を以前から検討していましたが、CoffeeScriptのような最適化してコンパイルされたコードがリーダブルではないと感じ

CSSのtransformで特定要素を簡単にrotate（回転）したりscale（拡大／縮小）する事が出来るようになりましたが、ユーザーの操作に応じて動的に値を変化させるには座標を取得・計算する必要が

JSの開発をしている時にスマホでconsoleAPIが使えたら開発が効率的になると感じたことはないでしょうか。iOS6以上はWindows環境でコンソールが使用出来なかったり、AndroidはPCと端

jQuery2.0（2013年4月現在β版）では、レガシーブラウザ（IE8以下）のサポートが廃止されます。今後不要になるであろうレガシーブラウザ向けのコード（バッドノウハウ）をごっそり削除する事で軽量

Android2.xでoverflow:scrollやautoが効かない（overflow:hiddenとして処理される）のは有名な話で、困った経験がある方も多いと思います。調べた限りJSで実装するか

レスポンシブWebデザインで構築したサイトをスマホ（狭いスクリーンサイズ）で閲覧すると、列数の多いテーブルは何かしらの対策を行わないと非常に見辛いレイアウトになる事があります。対策として、CSSやJS

レスポンシブWebデザインやスマホ専用サイトを構築する際に、（グローバル／ローカル）ナビゲーションをどこに配置するか？という事は、常々課題だと考えていました。よくあるパターンとしては、下記対応でしょう

レスポンシブWebデザインを導入したサイトにYoutube（iframe要素）を埋め込むと自動リサイズされず、スマホで閲覧した際に画面からはみ出ることがないでしょうか？（下記キャプチャ参照）本エントリ

HTML5が注目され始めた当初はcanvas要素やvideo要素といったものが話題の中心でしたが、最近はWebSocketなどが話題になる機会が増えているのではないでしょうか？本エントリーでは、マルチ

サイトへJSでタブインターフェースや文字サイズ変更機能を実装したとします。これらは他のページへ遷移する毎にリセットされるため、一時的にクッキーなど（※）に状態を保存するような対応をするかと思いますが、

Googleストリートビューが提供開始されたのは随分前の話になりますが、当時は普段行けない海外の風景が気軽に見られるようになり興奮した事を覚えています。その後、対応エリアが順次拡大され、日本国内がスト

リサイズイベントで、所定の処理を再実行したり、レイアウト調整（Canvasのサイズ変更など）を行う。私自身も頻繁に実装しますし、従来から存在するリサイズイベントですが、意図せず短期間に繰り返し（過剰に

CanvasとGoogle Maps APIを組み合わせ、桜前線を構築しました。Google Map単体で豊富な機能を備えていますが、そこにCanvasの表現力を加えることで実現の幅がさらに広まったの

レスポンシブWebデザインはディスプレイサイズ（特に横幅）に合わせてデザインを最適化する事で、1URLで全てのデバイスに対応できることが強み。導入することで最も威力を発揮するデバイスはスマートフォンで

今話題のHTML5 + JavaScriptベースのゲーム開発ライブラリ enchant.js にてもぐら叩きゲームを実装。enchant.jsを使うと、簡易的なゲームはJavaScriptコーディン