2007.08.14
「Ajax的デザインって」
デザイン好きです。
WEB的最新表現大好きです。
Takumaです。
【Ajax：Asynchronous JavaScript + XML】
Webブラウザに実装されているJavaScriptのHTTP通信機能を使って、Webページのリロードを伴わずにサーバとXML形式のデータのやり取りを行なって処理を進めていく対話型Webアプリケーションの実装形態。 Ajaxでは、指定したURLからXMLドキュメントを読み込む機能を使い、ユーザの操作や画面描画などと並行してサーバと非同期に通信を行なうことで、サーバの存在を感じさせないシームレスなWebアプリケーションを実現することができる。(by Yahoo辞書)
うーんと。今回は完全にWEBのお話です。最近、仕事でお勉強の時間ができたTakumaはAjaxをいじっています。(ちょい時代遅れ気味。。。)
そもそもこのAjaxってなんよという事ですが、簡単に言うとJavaScriptであんな事やこんな事をWebページのリロードしないで、HTTP通信機能でやり取りして処理を進める対話型Webアプリケーションの実装形態・・・らしいよ。
以前はネットの通信速度が遅すぎて一々HTTPアクセスして処理するのが出来なかったけど近年になって、インフラが整いこれが問題なくできるようになった技術。
つまりは、元から出来たけど実用化するのにインフラの完備を待ってた技術。
うん。ワイもよくわからん。
というわけで、様々なサンプルを探して気になったのを
いろいろ作品サイトに組み込んで遊んでみている今日この頃です。例えば、
【アコーディオン型ナビゲーション】
▼サイトトップページ▼
http://www.takumart.net/
の下部分にある、項目名を触ると上下に動くヤツ。
▼参考サイト：WEBデザイン BLOG.さん▼
http://weblibrary.s224.xrea.com/weblog/webdesign/javascript/ajax_rico.html
▼ソース配給サイト：Rico さん▼
http://openrico.org/rico/home.page
【ポラロイド風デザイン】
▼ダウンロードコーナー▼
http://www.geocities.jp/takuma_saitou/download/
の「Flash Playerをご利用しない方はこちらよりご覧ください。」サムネイル。
▼参考サイト：ホームページを作る人のネタ帳 さん▼
http://e0166.blog89.fc2.com/blog-entry-211.html
▼ソース配給サイト：instant.netzgesta.de さん▼
http://www.netzgesta.de/instant/
【画像ビューワー】
かっちょよく、便利なAjax画像ビューワー。
サンプルは「Lightbox2 さんＨＰ」参照。
近日中に時間作って組み込んでみる予定でいます。
▼ソース配給サイト：Lightbox2 さん▼
http://www.huddletogether.com/projects/lightbox2/
▼改良版サイト：Lightbox+さん▼
http://serennz.sakura.ne.jp/toybox/lightbox/
▼改良版サイト：Lightbox Plasさん▼
http://serennz.sakura.ne.jp/toybox/lightbox/?ja
これ以外にも、様々な動的表現が可能になって、
外国サイトとかでじゃんじゃんサンプルが配布されています。
Flashで同じ表現するとしても、SEOからの側面で考えるとAjax表記の方が良いのは明らかですし、両方を考慮したナビゲーションデザインが可能になるわけでして・・・
より柔軟な発想や対応が求められています。
やっぱりデザインと設計(コーディングとスクリプト除く)のポジションで数年はいく事を心に再決心した(↑は苦手。遠い昔やったけど。)2007年の夏です。
Comment & Trackback
Comment