案件でKnockout.jsを触って感触が良かったので何か公開できるものを考えました。

以前、東京メトロAPIのアプリコンテストに応募して残念ながら落選したのですが、API自体はありがたいことに継続して運用されているので、現在地や出先の住所から一番近い東京メトロの出入口を検索するアプリを作ることにしました。

Dokokara.info どこから（東京メトロの駅に）入るのが近いかわかるアプリ

東京メトロ列車位置情報アプリmetloc

コンテストの公式サイト

※一部ブラウザに最適化できていません。アクセスする前に注意事項をご覧ください。

私も最近はレスポンシブ案件を受けることも多くなってきていまして、レガシーIEに対応する際は個人的な経験からRespond.jsを使用しています。（masonry.jsを実験した時にcss3-mediaqueries.jsは問題があった）

PCサイズの時だけにjQueryのプラグインを適用したい、といった状況で、ブレークポイントに合わせてJavaScriptを発火する必要があったのですが、どうもIE8だけブレークポイントが違っているので調べてみました。

きんどるでついポチッとしてしまった「マッチ箱の脳」という一般向けの人工知能の入門書を読んでみたところ、第1章のおやつの例が気に入ったのでゴリっと作りました。

MiddlemanはRuby製静的サイトジェネレータ メタ言語サポートで高速コーディング（できるはず）compassも同梱 ライブリロード（Ctrl+Rとかしなくてよい）

数々のJavaScriptスライドショーを使ったり書いたりしてきましたが、自分なりに機能を盛り込んだものを作りました。実装は2種類あります。1つは、スライドを配置したコンテナごと動かす方法、もう1つは前後のスライドを重ね合わせて前のスライドをトランジションさせる方法です。

あけましておめでとうございます 年賀状くれた方ありがとうございました。

自分プロジェクトで関東地方の鉄道運行情報を一覧できるサイトを作りました。

関東地方鉄道運行情報（試験中）

3点リーダー（…）や引用符（“、”）の表示のされ方を主要ブラウザで比べてみました（↑なんか下についてるの気になりますよね）。

東電のPDFが見にくいなあと思って。

CANVASタグにAPIで取ってきたデータを描画してみた。感覚としてはFlashのGraphicsクラスをいじるのに近いです。

JavaScriptでスクロールバーを作ってみた。

JavaScriptでドラッグ＆ドロップ。

ページ分割などでよくあるインターフェース。これをコーディングするとき、ul要素（とli要素）ではセンタリングできないのでtable要素を使っていました。

最近、FLASHのカタログサイトなんかでページめくりのメタファーを使ってるのを見て、これを普通のHTMLサイトにも使えないかという思いつきで作りました。

ブラウザごとに異なるチェックボックスの外観を統一したい！

※このエントリーは愚痴ですので、ご承知おきを。

なぜなら、VISTAが普及すればするほどIE6の使用率は下がり、無駄なバグつぶしに時間を浪費しなくて済むからだ。まあ、普段おれはstrictでコーディングしてるからどっちでも関係ないけどな！

IEは、ローカルでの の使用や SWFファイルの再生などをしようとするとブラウザのウィンドウ上部に「セキュリティ保護のため、コンピュータにアクセスできるアクティブコンテンツは表示されないよう・・・」というアラートがでる。画面が真っ白のままでこのアラートはユーザー体験としてひどすぎる。