Life is beautiful

先日、ここで発表したFacebookユーザーむけグループウェア「Fruence.com」。今年のトレンドになるであろう「ソシアル・アプリ」の実例という意味もあったが、私自身の中で少し前から形になりつつあった「AJAXを最大限に活用した新しい形にウェブ・アプリケーション」のアーキテクチャの実践という意味合いも大きい。

このアーキテクチャの特徴は以下の３つである。

• サーバー側は、JSON over HTTPのAPIとHTML/CSS（およびそのテンプレート）をスタティックな形でのみ提供する（サーバー側では、ダイナミックなHTMLの生成はしない）
• クライアント側では、JavaScriptを使ってサーバーから取得したJSONとHTMLのテンプレートを組み合わせて（データ・バインドして）表示する。
• ウェブサイトはあたかも独立したアプリのように動き、操作中はURLは一切変化しない

もともとは、HTML5の機能を最大限に活かした「HTML5アプリ」向けのアーキテクチャとして設計していたのだが、ブラウザー間のコンパチビリティなどを考慮していろいろと工夫しているうちに、HTML4でも十分にやりたいことが実現できることが分かったので、HTML5への依存度はゼロである。

このアーキテクチャ、少し前までははRESTful-MVCとも呼んでいたのだが（参照）、RESTと呼んでしまうと「項目の削除はHTTP-DELETEで」「PUTとPOSTの違いは」などと不必要なアーキテクチャ議論に陥りそうなので、自由度の高いJSON over HTTPとした（現にFruenceは、HTTP-GETとHTTP-POSTしか使っていない）。

ということで、すべてをAJAXで行っているという意味で「ピュアAJAXアーキテクチャ（もしくは１００％JAXアーキテクチャ）」と呼ぶことにする。

ちなみに、このアーキテクチャ、「あたかも独立したアプリの用に動く」ことが重要で、「ページごとのSEOが不必要」な場合にのみ適用できるので注意が必要。ページ遷移型のUIで各ページをクローラーに独立したページとして見せたい場合は、JavaScriptが使えないブラウザーを対象にしている場合は、従来型のサーバー側でHTMLをダイナミックに生成するアーキテクチャが適している。

しかし、Fruenceみたいなソシアル・アプリが増えて人々のアクティビティがそちらに移行すると、Googleの支配するURL空間から、Facebookの支配するソシアル・グラフ空間へと色々なものがシフトして行くわけで、その意味でも「現時点でFacebookがGoogleの最大の敵」と言う指摘は正しい。