Life is beautiful

　数日前に、ケイタイ版のAJAX RSSリーダーを公開したが、今回は「なぜケイタイにAJAX、特に非同期通信が重要か」を良く表すアプリケーションのサンプルが出来たので、ここで公開する。

　　
　ブックリーダーのデモ

　ドコモの携帯電話をお持ちの方は上のＱＲコードをカメラで取り込めばアプリをダウンロードできる（今、シアトルにいるので、申し訳無いが実機でのテストはできない。もし、不具合に気がついた場合コメント欄などで報告いただけるとありがたい。）。そうでない方は上の「ブックリーダーのデモ」をクリックしていただければ、エミュレーター上でもデモを見ることができる（IE6.0、Firefox 1.04、Safari 2.0 で動作確認済み）。

　ウェブ・サービスを利用する（つまり、通信によりデータをサーバーに取得に行く）携帯電話用ウェブ・アプリケーションを作る場合に特に注意しなければいけない主な点を上げると、以下のようになる。

（１）ネットワーク遅延が通常のインターネットと比べてとても大きい（数秒間）
（２）ワーキングメモリの量が少ない（５００ＫＢ～２ＭＢ）
（３）一度に通信できるデータ量が少ない（１０ＫＢ～３０ＫＢ）
（４）パケット量に比例した通信料金を徴収される従量課金方式である

　こういった特徴があるために、同期通信しかできない今の世代のブラウザーでウェブ・アプリケーションを作ると、画面を少しスクロールしては「次へ」というリンクを選び、そのたびに数秒間待つ、というとても使い勝手の悪いものになってしまうのである。

　そこで、ここでは非同期通信専用に作ったスクリプト・エンジン（UIEngine）を使い、ネットワーク遅延を出来るだけユーザーの目に触れないような形でブック・リーダーを作ってみた。このアプリのアーキテクチャーを簡単に説明すると、以下のようになる。

　最初にダウンロードするのはスクリプト・エンジンのみ（約２８ＫＢ）である。ユーザーがアプリ（実はスクリプトエンジン）を立ち上げると、スクリプトで記述されたブックリーダー・アプリのテンプレート（約３．４ＫＢ）をダウンロードする（ただし、これはスクラッチパッドにキャッシュされるので、２回目からの通信は必要無い）。続いて、スクリプトで記述されたブックリーダーのロジックが、段落ごとに別々のＸＭＬファイルに格納された本の中身（この本の場合１４６個のファイル）を、非同期通信でサーバーから取得する（一段落あたり、１～２ＫＢ）。ただし、無駄な通信を省くため、ユーザーが見ている部分の後の６段落分のみを先読みするようにしてある。また、同じ段落を再度サーバーから読み込むことを避けるために、一度読み込んだ段落の内容はスクラッチパッドに保存するように作ってある。

　この様に非同期通信を活用する事により、ユーザーの感じるネットワーク遅延を限りなく少なくすることが出来るし（文章を上から順番に読む限り遅延は見えない）、ブラウザー・アプリにつき物の「ウェブ・ページ」という概念から開放され大量の文章が一続きの文章としてアクセス可能になる。その上「先読み」と「キャッシュ」のおかげで、ある程度までは（最大で６段落先まで）オフラインで読むこともできる。

　ちなみに、本質とは関係ないが、おまけ（というか、ＵＩの実験）として「速読トレーニング」の機能も入れてみた。「下」キーを押すことにより３行ずつスクロールすることができるのだが、新しく現れた部分のバックグラウンドを３秒間だけ少し薄い色にしているのだ。こうすることにより、スクロール直後にどこに目線を移せば良いかが明らかになるし、（色が薄い間に読み終わるようにして読み続けることにより）「速読」のトレーニングにもなるのだ。