JavaScript Tips

クライアントサイド（Web ブラウザ）で利用できるスクリプト言語として、 Web 開発になくてはならない言語が JavaScript です。かつては Web ページに簡単な（ときには鬱陶しい）アニメーションを入れるだけの玩具のような言語と思われていましたが、現在では活用ノウハウがかなり確立されてきており、高度なオブジェクト指向プログラミングにも耐える実用的な言語として認知されています。このカテゴリでは、便利な Tips やライブラリなど、 JavaScript の活用ノウハウをどんどんご紹介していきます。ぜひ目を通していただいて、リッチクライアントの実装にお役立てください。

1. XMLHttpRequest の使い方
2. Cookie を使ったユーザー認証を JavaScript で実装する
3. JavaScript でサウンドを再生する Audio オブジェクトの使い方
4. JavaScript で IE7 を判別する方法いろいろ
5. Opera で TAB キーによるフォーカスの移動を抑制する
6. IFRAME の内容を動的生成する正しい方法
7. for ループでの配列長の括り出しは JavaScript でも有効か
8. SQLAdmin for Google Gears で SQL に挑戦！
9. Ext JS で HTML 要素をアニメーションさせる
10. Meadow に JavaScript メジャーモードを追加する
11. 高機能な JavaScript 圧縮ツール「jsjuicer」
12. JsUnit を使った JavaScript のユニットテスト
13. 外部から渡されたエスケープ済みテキストを安全に表示する方法
14. Google Gears データベースの基礎（スライド）
15. 使いやすい DHTML ポップアップなどを実現する「DragResize.js」を作りました
16. Google Spreadsheets を簡易 SQL DB に！「Google Visualization API」
17. Google Visualization API 詳細、および Gadgets-in-Docs の作り方
18. Google Visuaization API リファレンス
19. Yahoo! ルビ振りWebサービスをブックマークレット化
20. codeなにがしのソース表示ウィジェット制作ノウハウ
21. RESTful 形式の Google AJAX Feeds API を使って、フィードを JSONP で取得する
22. CalViz ライブラリで簡単 Google Calendar マッシュアップ！
23. JavaScript で HTML の実体参照を展開する
24. 高速な CSS セレクタエンジン「Sizzle」「Peppy」を試す
25. ドラッグで並べ替え可能なグリッドを実現する「draggable_grid.js」を作りました
26. Google Wave も活用する Gears ドラッグ＆ドロップ API の使い方
27. oEmbed でメディア共有サイトのコンテンツを簡単埋め込み
28. JavaScript でリアルタイム 3DCG を実現する WebGL の使い方
29. HTML によるプレゼン作成のススメ
30. 柔軟なフィード表示ライブラリ「feedrenderer.js」を作りました
31. DevFest での WebGL の LT 資料＆補足 - WebOS Goodies
32. Google Spreadsheets のデータを簡単に表示できる「spreadsheetrenderer.js」を作りました
33. Twitter 新 API のドキュメント「Getting Started with @Anywhere」日本語訳