Ajax

前回は、品質に影響を与える要件管理のポイントを、HP Quality Modelというアプローチに基づいて書きました。今回は視点を変えて、性能検証について解説します。

Concrete5は、最近、じわじわと知られはじめてきたCMSで、今までのものとは編集方法やレイアウトの仕方などが違うのが特徴です。違うといっ ても便利に使いやすくなっているので、覚えておいて絶対に損はありません。特にコーポレートサイトを作成する場合は、ほかのCMSよりも作りやすそうで す。

数年前からのAjaxの流行により、もはやWebアプリケーションにおいてAjaxは一般的な存在となっています。Ajaxとはもともと Asynchronous JavaScript and XMLの略で、JavaScriptでXMLを使用した非同期通信を行うというものでした。Ajaxを利用することで画面全体をリロードせずにサーバーに データを送信したり、画面の一部を動的に変更したりといった処理が可能になります。

Gearsをインストールすることにより、ブラウザ単体ではできなかったさまざまなことができるようになります。もともとはGoogle社から 「Google Gears」という名前で2007年に発表されたプロダクトでしたが、今年になってシンプルに「Gears」と呼ばれるようになりました。それにより、さ らにオープンソースとしての位置づけが強くなってきた感があります。

Yahoo!のライバルと言えば、Googleをおいてほかにはないでしょう。両者の違いを比べると、「コンテンツ力のYahoo!、技術力のGoogle」といったイメージがあるかもしれません。Yahoo!は、ニュースや、地 図、不動産情報、ショッピング、オークションなど、ここに来るだけでどんな情報でもそろうほどのコンテンツ量を誇っています。対するGoogleは、検索エンジンの技術はもちろん、Google Chromeという独自のWebブラウザの提供、GmailやGoogleドキュメントなどのWebアプリケーションの展開など、次々と最先端の技術力を駆使して、次 々とインターネット業界に革命を起こしています。

「第1回：ActiveWidgetsでAjax！」ではコンボボックスやグリッドなどのActiveWidgetsコントロール表示について解説しました。今回はサーバーリモーティングライブラリ DWR（Direct Web Remoting）を使用してサーバー通信を行い、サーバーから受信したデータを使用してグリッド表示を行います。

This week we will be looking at what it means to design and develop web software as opposed to designing a website. Over the last 5 years or so, there has been a shift towards providing software services online. These services range from email to blogging and photo storage and management. One of the main differences between these web applications and typical websites is the richness of the types of interaction between the application and the user.  

今回から、静岡大学情報学部で筆者らの研究室が取り組んでいる「FREDDY」という手法の説明に入る。その前に、まずは「第1回：JSONと FREDDY、変貌するWeb技術（http://www.thinkit.co.jp/article/116/1/）」で触れることのできなかったJSONPについて、少し説明しておこうと思う。

Webサイトの日々の技術進歩とともに、Webデザイン制作では幅広いスキルが必要とされるようになってきました。Webデザインという広い役割の中でも特に重要視されるのは次の3つのスキルになるでしょう。

最終回では、今まで学習した内容を組み合わせて、より実践的なアプリケーションを作成します。サンプルファイルを見ながら勉強しましょう。

Google AJAX Feed APIはRSS/Atomなどの各種フィードを取得するためのJavaScript APIです。最大の特徴はクロスドメインでも他のサイトのフィード情報を簡単に取得できることです。Ajaxで使われるXMLHttpRequestはセキュリティの都合上、同一ドメインでしか通信できない仕様ですが、Google AJAX Feed APIはJSONPという仕組みを使うことでクロスドメインでの通信を実現しています。