企業システムにおけるAjax活用のポイント

Ajaxアプリケーションの実現を支えるライブラリ

図1：Ajaxアプリケーションのアーキテクチャとライブラリの使用領域

　図1に示すのは、Ajaxアプリケーションのアーキテクチャである。これまでにも述べたように、Ajaxアプリケーションは、Webベースのクライアント／サーバ・アーキテクチャで動作する。その大きな特徴は、WebブラウザのJavaScriptエンジンにより、クライアント側でプログラムの処理が行える点と、クライアント／サーバ間で非同期通信を行う点である。図中、点線の左側に位置するのはクライアントとなるWebブラウザ、右側に位置するのはサーバだ。

　こうしたアーキテクチャをとるAjaxアプリケーションの開発、特にAjaxを用いた業務アプリケーションの開発では、開発の効率化やアプリケーションの品質向上のために、Ajaxライブラリと呼ばれるライブラリの利用が必須となる。Ajaxライブラリは、機能分野によっていくつかのカテゴリーに分けられる。図1にも記したが、そのカテゴリーは大きく分けて次の3つとなる。

（1）サーバ・リモーティング機能を提供するもの
（2）JavaScriptの言語機能を拡張するもの
（3）ユーザー・インタフェース（UI）表現を豊かにするもの

　このうち、「（1）サーバ・リモーティング機能を提供するもの」については、次回に「DWR（Direct Web Remoting）」を題材にして詳しく解説する予定なので、今回は「（2）JavaScriptの言語機能を拡張するもの」、「（3）UI表現を豊かにするもの」について見ていくことにしたい。

JavaScriptの言語機能を拡張するライブラリ

　JavaScriptの言語機能を拡張するライブラリは、図1のAjaxエンジン全体をカバーするものであり、適用範囲が広い。Ajaxが登場する以前のJavaScriptは、その用途が画面上での簡単な表示操作など狭い範囲に限られていたこともあり、言語機能も低く見られがちであった。その多くは誤解によるものだったのだが、他の言語、例えばJavaなどと比べて見劣りする部分があるのも確かだ。そこで、劣ると見られる言語機能を拡張／補強するようなライブラリが提供されるようになった。その代表格がPrototype.jsだ。

Prototype.js

　「Prototype.js」は、おそらくAjaxライブラリの中でも最もよく使われているものの1つだろう。いわばAjax開発における定番ライブラリだ。このPrototype.jsによってJavaScriptの言語機能を拡張し、さらに同ライブラリのAjaxフレームワークを使うことにより、Ajaxアプリケーション開発の生産性を飛躍的に高めることが可能になる。

　また、Ajaxアプリケーション開発で最もやっかいなクロス・ブラウザ対策（複数種類のWebブラウザにおける動作保証）の面で見ても、主要なWebブラウザでの動作が保証されており、開発者にとっては大きな助けとなる。

　こうした理由から、Prototype.jsは他のAjaxライブラリに組み込まれて使われることが多い。つまり、他のAjaxライブラリの開発において、開発生産性や保守性を高める目的でPrototype.jsが使われているわけだ。

MochiKit

　言語機能の拡張を主なねらいとするライブラリには、Prototype.jsのほかにもう1つ、「MochiKit」がある。MochiKitの開発者はPythonコミュニティに属しており、言語仕様もPythonとよく似ている。これは言語機能を拡張するライブラリというよりも、「言語書式を変換するライブラリ」と呼んだほうがよいかもしれない。

　Ajaxアプリケーションのクライアント側のプログラミング言語は、サーバ側とは異なりJavaScriptのみでほかに選択の余地はないが、JavaScriptの言語仕様に違和感を持つような方は、MochiKitの利用を検討してみてもよいかもしれない。もちろん、MochiKitでも、クロス・ブラウザ対策がとられている。

• 第1回 Ajaxの概要と企業システム開発における使いどころ
• 第2回 業務アプリケーションへのAjaxの適用例（前編）――業務処理効率／データ精度の向上とWebサービスの利用
• 第3回 業務アプリケーションへのAjaxの適用例（後編）――デスクトップ・アプリケーションのWeb化
• 第4回 第4回：Ajaxアプリケーション開発を支援するライブラリ
• 第5回 Ajaxのサーバ・リモーティング・ライブラリ
• 第6回 Ajaxを企業システム開発で使う際の留意点