ライブラリ紹介
google-code-prettifyの使い方
ソースコードの色分けをしてくれるライブラリ、google-code-prettifyの紹介
highlight.jsの使い方
ソースコードの色分けをしてくれるライブラリ、Highlight.jsの紹介
Google Map
画面全体に地図を表示する(V2)
width:100%指定では綺麗に画面全体に地図表示ができなかった為、Scriptで細工
単純な地図表示(V3)
The Google Maps API V3を使用した単純な地図表示の例
カスタムオーバーレイ
google.maps.OverlayView()を使用して、簡易なカスタムオーバーレイを作成
サンプル
audioタグ
audioタグを利用して音声の再生と操作(Firefox3.5使用)
ドラッグ&ドロップ
HTML5のドラッグ&ドロップイベントの簡易なサンプル(Firefox3.5使用)
JavaScript1.8.1のサポート
ネイティブなJSONの取り扱いやtrim等(Firefox3.5使用)
画像のローテート表示(JQuery使用)
画像をフェードさせながらローテート表示する
モンティ・ホール問題
モンティ・ホール問題をJavascriptで実演しつつ解説
時計
テキスト版と画像版、SVG版等のリアルタイム時計
背景画像変更
clickで背景画像変更
画面の中央辺りに要素を表示する
画面の中央にアラートのような要素を表示。スクロールしていた場合も対応
Javascriptでドラクエ1のオープニング真似事
オープニング、名前入力、最初の画面まで
Javascriptでドラクエ1のフィールドの真似事
Xでメニュー表示、カーソルで移動
GoogleMapにラーミアを飛ばしてみる
Google Map APIで表示した地図の上を、鳥(ラーミア)が飛んでいきます