MVCからAjaxへ

　　　　　　　　　　　　　　　　　　　　　　　　　 2007年2月14日発行
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
■■■
■■　　ＩＴ業界の裏話　　　 　　　　　　　　　　　　　　　　No.0209
■
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
　発刊総数：4300部　   　　　　　　　　　　http://it-ura.seesaa.net/
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
 
▼INDEX▼
　■　ご挨拶
　■　徒然コメント　　：MVCからAjaxへ
　
　●　ホットトピック　：TOEICのスコアをグッと伸ばす方法
　●　レポート提供
 
　※■メルマガ／ブログで提供　　●メルマガ読者のみ提供
 

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
　■　ご挨拶
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
 
　どうも、吉澤準特です。
　
　今日は何の日？バレンタインデーです。
　チョコレートが買いにくい日も今日で終わりです。
　
　それはともかく、ボーダフォン（英国）が携帯電話からYoutobeを使え
　るようにしたというニュースが発表されました。
　国内キャリアはこれに呼応するところがあるのでしょうか。
　やるなら、ソフトバンクモバイルが一番ありそうですね。
　
　http://it-ura.seesaa.net/article/33632548.html
　
　
 
 
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
　■　徒然コメント　　：MVCからAjaxへ
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
 
　前号でタンジブルビットについて扱いましたが、話の中でAjaxが出てき
　ました。そういえば扱っていなかったなぁと思い、今回はAjax
　（エイジャックス）を取り上げます。

　まず用語のおさらいから。Ajaxという言葉は知っていても、その正式名
　称を知らない、もしくはうろ覚えという方は多いと思います。これは
　「Asynchronous JavaScript + XML」の略語でして、最初の長ったらしい
　単語は「非同期通信」を意味します。

　これまでのWebアプリケーションでは、Webブラウザから何かアクション
　を起こすと、そのレスポンスが全て戻ってくるまでアプリケーションは
　動かないという問題を抱えていました。
　
　このため、ネットワーク環境が悪化して通信が詰まったり、サーバ側の
　処理が遅くなった場合、ユーザはWebブラウザの前でいつまでも待たされ
　るということが起こっていたのです。

　Webの世界には8秒ルールというまことしやかな言い伝えがありまして、
　この時間を過ぎてもサイトが表示されない、先に進まない場合、ユーザ
　が立ち去ってしまうと言われています。レスポンスの悪いサイトは人が
　寄り付かなくなるということです。
　※最近は3秒ルールなんてのもありますが、ちょっと早すぎです・・・

　これを解消したのがAjaxという技術。レスポンスが戻ってくるまで時間
　がかかるなら、とりあえず戻ってきたデータだけ表示して、ユーザがそ
　れを見ている間に他のデータも持ってくればいいじゃないか、という考
　え方でWebブラウザに対するユーザの不満を見事に解消しました。

　とは言っても、いきなり登場した訳ではなく、実は昔から非同期通信を
　Java Scriptで行う方法がありました。それを使ったGoogle Mapsが有名
　になり、Jesse James Garrettという人が2005年2月にAjaxと名付けたこ
　とで、この名前が世に広まっていったのです。


　一方で、Ajaxの台頭により廃れてきた技術といいますか、設計思想もあ
　りました。そうです、MVCモデルです。
　
　これはWebアプリケーションをモデル（バック処理）、ビュー（出力処
　理）、コントローラー（モデルからビューへの橋渡し）という3要素に分
　解して設計する思想ですが、Ajaxはビューとコントローラーがくっつい
　た形になっており、真っ向からMVCと対抗する思想なんですよね。

　もちろん、まだまだAjaxは少数派でMVCモデルのサイトが多数派ですが、
　Ajaxの開発環境も次第に整ってきており、.NET開発環境でさえ、Ajaxの
　コンポーネントが標準で付いてくるようになったのですから、3年後の
　勢力図は分かりません。

　ちなみに、第3の選択肢としてFlashベースというアプローチもあります。
　マクロメディアのコールドフュージョンでサイトを構築するのが一般的
　でしょうか。こちらもユーザビリティに優れたアプリケーションを作る
　ことができます。


　話が逸れましたが、Ajaxを体感するのに丁度良い面白そうなサイトを紹
　介しておきます。世の中、ブラウザだけでこんな事ができるんですね。
　スゴイ。

　　→ http://it-ura.seesaa.net/article/33631885.html
　　→ http://it-ura.seesaa.net/article/33631962.html

Comments

今はマクロメディアがアドビとなっていますね。

コールドフュージョン
もそうですが、今後はFlexですかね。

Posted by flex at 2007年02月21日 08:55

MVCとAjaxに関しては、サーバサイドのMVCと同時に、クライアントサイドでもMVCの考え方は必要であって、互いに対立するものではないという話もありますよね
参考：
http://www.goodpic.com/mt/archives2/2005/09/ajaxmvc.html

私はAjaxを利用するとしてもMVCの考え方は有効であると思うのですが、どう思われますか？

Posted by hayato at 2007年02月25日 22:05

皆様、コメントありがとうございます。

Flex、確かに今後はそうなりますね。Flexが即座に出てこなかった時点で、私がこの数年間、Webアプリの開発から遠のいていたことがお分かりいただけたかと・・・（笑

MVCとAjaxの関係について、hayatoさんが紹介下さった記事を読みました。その記事では、サーバ側とクライアント側のMVCを分けていますね。近年では、クライアント側のコントローラーに対する比重が増していると捉えて、MVCは変わらずに存在するという考え方は、その通りだと思います。

私の記事では、従来のサーバ側を中心としたMVCタイプの設計モデルが崩れてきていることを言いたかったので、書き方が不適切でしたね。ご指摘ありがとうございます。

Posted by 吉澤準特 at 2007年02月26日 06:23