Ajax Webアプリケーション奮闘記 〜関西温泉マップ〜

Ajax Webアプリケーション作成にあたり、技術的メモや奮闘内容、未解決問題等を掲載していきます。 もちろん、関西温泉マップはβ版なので無料でご利用いただけます。


私おすすめのレンタルサーバー | ここが便利！レノボWeb広告限定ストア

AjaxWebアプリケーションのデザインパターンに関するリンク

Ajax Webアプリケーションに関して、
これから勉強するべく、参考としたいリンクを個人的にメモ。

【そもそもデザインパターンとは？】
・デザインパターンとは：ITpro

【IBMのサイト】
・Ajax と XML: Ajax に共通の 5 つのデザイン・パターン
・Ajax と XML: Ajax の 5 つのアンチパターン
・Web サービスの脆弱性を避けながら Ajax アプリケーションをスピードアップさせる
・Ajax RSS リーダー
・Ajax と XML_ Ajax の最高傑作から学ぶ

【IT Proのサイト（Ajaxと関係ないかも・・でもキホン）】
・まつもと直伝 プログラミングのオキテ 第8回：ITpro
・まつもと直伝 プログラミングのオキテ 第9回：ITpro
・まつもと直伝 プログラミングのオキテ 第10回：ITpro
・矢沢久雄の早わかりGoFデザインパターン 目次：ITpro
・基礎からのオブジェクト指向 目次：ITpro
・特集 オブジェクト指向は難しくない！----目次：ITpro
・羽生田栄一の「デザイン・パターン論」 目次：ITpro
・オブジェクト指向分析・設計の基本---目次：ITpro

【その他】
・デザインパターン[モデリング] -TECHSCORE-
・Web 2.0：次世代ソフトウェアのデザインパターンとビジネスモデル（前編）:コラム（終了） - CNET Japan
・オブジェクト指向とデザインパターンブログ

【書籍】
・Ajaxデザインパターン ―ユーザビリティと開発効率の向上のために

Webページ高速化のTips

[紹介ページ]
・あるＳＥのつぶやき: Webページを高速化するための14のTips

[原文]
・Rules for High Performance Web Pages

「関西温泉マップ」でレスポンスの悪さは気になっていたので、次期Ajaxアプリで役に立つかも。

φ(￣∇￣o) ﾒﾓｯﾁｬｴ

MVCモデルについて

MVC(Model View Controllerの略)とはWebアプリ等のソフトウェア設計パターンの一つで、以下の３つの部分で構成される。

・Model：データの処理を行う
・View ：見た目
・Controller：Webアプリの制御（ViewとModelを制御）

MVCモデル


Webアプリ作成に当たり、このモデルを使うと次のような利点がある。
・機能毎の分類が明確
・コンポーネント毎の独立性が確保される
・開発が分業しやすい
・他のコンポーネントの変更による影響を受けにくい

一般的な制御フローは以下の通り。
�．罅璽兇�Viewを操作する
��ControllerがViewからのイベントを処理する
��ControllerがModelにアクセス
��ViewがModelからデータを取得し、ページを更新
�キ，料犧遒�あるまで待機

各コンポーネントの詳細は以下の通り
[Controller]
WebページとWebページ間の切替えなどの情報を集中管理。
遷移先のページに関する情報を個々のWebページから取り除き、全てこのControllerで管理する。個々のWebページは必ずControllerに飛ぶようにする。この事により、ページ遷移を変更したい場合は、Controllerの動作を変更するだけで良い。
一般的には、こうした遷移の情報は設定ファイルに書き込んでおく。
strutsのコントローラはアクションサーブレットというJavaサーブレットが担い、遷移先の情報はstruts-config.xmlの設定ファイルに記述する。
Ruby On Railsなどの最近のフレームワークは内臓されているコードジェネレータを利用し、機能毎に複数のControllerを生成する。

[View]
ユーザが直接目にするWebページを提供する。
複数のWebページの共通部分からなるテンプレートを予め用意しておき、そのページの中に表示するデータを入れ替えることで、Webページを生成する。わかりやすい例で言えば、ブログのテンプレートと記事の関係がこれに当たるだろう。
Webページを出力する際にテンプレートに実データをはめ込んで最終的なHTMLを完成させるのだが、テンプレートには、動的に生成したり、置換する箇所に目印をつけておく。後でその箇所を実際のデータで置き換える。
ブログのテンプレートがまさにその形になってる。

[Model]
ユーザがWebページで入力した値をはじめとする様々なデータを使って実際の処理を行う。SQLを発行してDBにアクセスするのが一般的だが、最近流行りのRuby On RailsなどはO/R(Object/Relation)マッピングが内臓されており、SQLを記述しなくても、O/Rマッピングツールが裏でSQLを発行してくれる。プログラマはDBを意識しないで、オブジェクト指向プログラミングを行えばよい。また、SQLをツールが発行する点は、SQLインジェクション対策にもなる。

無料ホームページ アフィリエイト レンタルサーバー FC2ブログ 一戸建て