WebDesigning Ajaxハジメマシタ連載　掲載一覧

＊連載サンプルはWebDesigningのサイトから実行およびダウンロードすることができます。

掲載号 タイトル サンプル概要 使用ライブラリおよびAPI 種類
2006年3月 CMSツール「っぽいもの」をAjaxで作る 非同期通信を使ってテキストファイルを読み込む なし テキスト
2006年4月 Ajaxで作る自動更新フォトギャラリー 連番画像ファイルを自動判別して読み込み表示 なし 画像
2006年5月 Excelファイルで更新できるページをAjaxで作る エクセル2002で出力されるXMLデータを読み込み表示 Prototype.js テキスト
2006年6月 AjaxでHTMLページにRSSリーダーを作る RSSリーダー JKL テキスト
2006年7月 無料ライブラリで作るお手軽Ajaxフォトビューア 画像スライドショー Prototype.js + Script.aculo.us + Lightbox2 スライド
2006年8月 Ajaxで作る間違いにくい入力フォーム 入力フォームの自動チェック Prototype.js + Validate.js フォーム
2006年9月 Ajaxで作る補完機能つき入力フォーム 入力補助機能（オートコンプリート） Prototype.js + Script.aculo.us フォーム
2006年10月 Ajaxで作るスライダーメニュー アナログ感覚で指定できるアンケート用スライダー Prototype.js + Script.aculo.us フォーム
2006年11月 Google Maps APIを使ったフォトギャラリー 拡大しても撮影した写真が粗くならないようにする Google Maps API 画像
2006年12月 Ajaxで作る一風変わったポップアップウィンドウ 同一ページ内でマルチウィンドウ表示 Prototype.js + Script.aculo.us + Prototype Window Class その他
2007年1月 Ajaxで作るサムネイル表示つきリンク集 リンク文字上にマウスを乗せるとサムネール画像が表示 arc90_linkthumbs.js 画像
2007年2月 Ajaxで作るタブ切り替え式ウィンドウ タブ切り替えによる表示 Yahoo UI Library タブ
2007年3月 Ajaxで作る階層型メニューバー 階層化メニューの表示 Adobe Spry メニュー
2007年4月 Ajaxで作る簡単Web更新システム 非同期通信を使ってテキストファイルを読み込む jQuery テキスト
2007年5月 Ajaxで作るHTMLテンプレート Ajax版SSI (Server Side Include) のようなもの Prototype.js テキスト
2007年6月 Ajaxで作る動的グラフ生成システム グラフ表示 Prototype.js + Plotr 画像
2007年7月 Ajaxで作るRSSリーダーblogパーツ RSSリーダー Google AJAX Feed API テキスト
2007年8月 Ajaxで作るコマ割りフォトギャラリー 漫画的なコマ割表示＋アニメーション Yahoo UI Library 画像
2007年9月 Ajaxで作るマルチメディアビューア マルチメディア表示 Prototype.js + LightWindow スライド
2007年10月 Ajaxで作るスライドイン式サイドメニュー スライドメニュー表示 Prototype.js + Script.aculo.us + Sidebar メニュー
2007年11月 Ajaxで作るスライド式コンテンツビューア スライド的にコンテンツを表示 jQuery + jCarousel Lite スライド
2007年12月 Ajaxで作る立体的回転式メニュー 回転式メニューの表示 MooTools + MooRevolver メニュー
2008年1月 Ajaxで作るニュースティッカ風What's Newメニュー 文字が横から流れてくる電光掲示板のようなもの jQuery + liscroll テキスト
2008年2月 Ajaxで作る画像スライド式メニュー 横に広がるメニュー（アニメーション付き） MooTools + ImageMenu メニュー
2008年3月 四角形ばかりじゃない、写真画像の五変化 写真加工を施して表示する corner.js, edge.js, reflex.js, slided.js, curl.js 画像
2008年4月 HTMLテーブルをもっと便利に使いやすく テーブルのソートなど highlight.js, Prototype.js + TableKit 表
2008年5月 フォームの入力作業をサポートする カレンダーや空欄チェックなど Prototype.js + JSValidate, AjaxZIP2, protocalendar.js フォーム
2008年6月 本格的な写真ギャラリーを手軽に作ろう 豪華な写真ギャラリー jQuery + jqGalViewII スライド
2008年7月 大手サイトに学ぶ、限られたスペースを活かす工夫 スライドパネル、アマゾン風のスライド jQuery + 自作ライブラリ 画像
2008年8月 グラフでデータを比較しやすくしよう 円グラフや折れ線グラフ jQuery, vbar, circle 画像
2008年9月 長いコンテンツは分割して読みやすく ツリーメニューとウイザードメニュー jQuery + Pager, TocMaker, jQuery + Wizard メニュー
2008年10月 ちょっと気の利いた印刷機能を追加する 特定のブロックだけ印刷、リンク先まで表示 jQuery + PrintArea, footnotelinks 印刷
2008年11月 iPhoneの操作性を活かしたコンテンツを作る iPhoneの機能を利用したUI MultiTouch + LightTable, iUI 携帯
2008年12月 Googleの地図サービスを使ってみよう グーグルストリートビューとExtJS ver 2での地図表示 ExtJS + Google Maps API 画像
2009年1月 特別な日にはちょっとした演出でアピールを 雪を降らせる、スプラッシュ画面、マウスに追従 jQuery + 自作ライブラリ 画像