「Ajax的デザインって」

| 0 comments

  • このエントリーをはてなブックマークに追加
  • このエントリーをはてなブックマークに追加

デザイン好きです。
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 さんHP」参照。
近日中に時間作って組み込んでみる予定でいます。

▼ソース配給サイト: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年の夏です。

コメントを残す

Required fields are marked *.


▲このページトップへ

takumaの「デザインはあれでアートはそれで」