一晩で覚える初めてのJavaScriptプログラミング・Ajaxで見るもーっと！おジャ魔女どれみキャラクターショー

明けましておめでとうございます。
私生活のあまりの混沌ぶりに堪りかね、暫く更新を停止しておりました。
ぼちぼち再開していこうかと考えておりますので皆様方どうかよろしくお願いいたします。

さて、年明け一発目のネタは私の人生のバックボーンであり、且つ青春そのものであるおジャ魔女どれみを絡めつつもアルファギーク気取りの勘違い野郎代表として今流行り?(構想を進めている間に数ヶ月程乗り遅れた気もするがｗ)のAjaxでフォトギャラリーを作ってみました。グーグルマップとかのパクリですね。

Ajaxで見るおジャ魔女どれみキャラクターショー
(環境によっては動かないかもしれません。IE6とFireFoxでのみ動作確認。動かなかった方はもし宜しければブラウザの種類などを教えていただけると感激でございます。)

CSSだけでもフォトギャラリーはこんな感じで作れますけどJavaScriptだったらもっと自由度が高いわけです。

ダイナミックHTMLとJavaScriptを駆使することでページの更新も無しに動的にコンテンツを動かせます。特別なプラグインは必要ありません。これまで「百害有って一利無し」か，と思われたJavaScriptですが、ここ最近「Ajax」(←読めない)という「アプローチ」が「発見」され、俄かに脚光をあびている今日この頃でございます。

もちろん昔からあった技術を組み合わせただけであり、一部の先進的な方々にとっては今更感溢れる技術なのですが、グーグルマップの衝撃のデビューにより瞬く間に世界中のアルファギーク共を虜にしてしまったようです。

とにもかくにもWEBサイトのユーザーインターフェイス構築のコツはユーザーの手の届かないところを勝手に動かさないことだと思うんですよね。
人間さんってのはテレビを見ている時とネットしている時で脳の使い方が全然違ってくるんですよ。ネットはあくまで能動的、積極的に見ようとするた め、自分のペースを乱されることを何より嫌うわけです。文字が勝手に動くなんてもってのほか!!アイコンが点滅なぞしようものなら「戻るボタン」連打であ ります。それでもし意味不明なBGMでもたれ流れ出そうものなら、その恨み一生忘れません。全てのイベントはユーザーにハンドリングさせるべきなのです。

とまぁ、こんな感じでJavaScriptはこれまでロクな使われ方をされていなかったわけですよ。
俺も「覚える必要ねぇな」とスルー決め込んでいたんですけどね。

WEBページはコンピューティングリソース、特にネットワークのスループットに合わせて最適化しなければなりません。今回のAjaxを使ったフォ トビュアーはネットワークのスループット、とりわけレイテンシの隠蔽を狙って開発したつもりというか、なんというか。だってほら、帯域はもう十分じゃね？ でもまあ、ネットってレイテンシを詰めるのは難しそうなので割と便利なんじゃないかと自画自賛しときます。でも、Ajaxをかじったとしても現 時点ではどこまでいってもギミック、所詮、子供だましであります。今後ネットワークのスループットが向上すれば無用の長物と化すでしょう。あくまで 過渡的なギミックということです。

でも将来的にコンピューティングリソースがどこまでも潤沢になる一方、対照的にソフトウエア工学やプログラミング技法にブレイクスルーが期待でき ないとなれば、計算機の仮想化を今後もさらに進めていくしかなかろうかと。その究極の形が「ブラウザ」なんじゃないかな？と思うのですよ，俺は。
確かに強烈なオーバーヘッドがあるかもしれないけれど、将来的には大半のアプリをブラウザ上で動かせるようになるかもしれない。そうなれば究極 的にクロスプラットフォームな環境が実現するわけである。ステキじゃないですか、ブラウザだけインストールされたPCで全ての仕事が出来るかもしれないの ですよ!?



そして、その始めの一歩、それがAjax。



とりあえず、サムネイル画像がまずロードされ、その後クリックでフォーカスしたターゲットのデカイ画像がアウトオブオーダーでロードしている間にアニメーションで誤魔化しつつも(あまり誤魔化しきれていないけどレイテンシの隠蔽のつもり)、HTMLを吐きます。

しかしながら、せっかくの非同期通信もジオシティーズのモッサリ加減で台無しな気分です。本来はHPとしているBlogに組み込むつもりなんです が、なんか鯖落ちしてるし、時間が無いのでパス。JAVAScript如き、一晩あればどうにかなるだろうと高をくくって始めたら全然ワケワカメなのな。 覚えることが絶望的に多すぎです。一応動くところまでは持ってきましたけど浅い理解のまま作ったんで、怪しい挙動が満載です。あと6時間欲しい。

けどそんな暇人じゃないんで今回はパス。

次は鯖サイドスクリプトいっとこうかな。

やっぱりperl?


私信)ワシントン窟店様、捕捉ありがとうございます。
そして、明けましておめでとうございます。
そうですかぁ、意味不明な挙動をしめしますかぁ。まあそこは自分の実力不足ですな。
クロスブラウザな実装のお勉強はこれから頑張ります！