実際のサンプルサイト第1回のまとめはじめにはじめして、トゴル・カンパニーのNORI(伊藤のりゆき)といいます。Flashを使って10年。最近のFlashは、ActionScript3の登場で、かなり高度なプログラムが可能になりました。Flashユーザにとって1つの悩みは、どのように更新しやすいWebを作るかではないでしょうか?もちろん、バックエンドにDB関係のエンジニアがいて、DBとの接続が前提の中規模以上のWebであれば、そんな心配は無用でしょう。規模がそれほど大きくない場合、どうすれば良いでしょうか。解決策として、更新情報を書いた外部テキスト(Flashから見て外にあるため外部と呼びます)を、FTPソフトでアップロードし、Flashで読み込み表示するという方法がありました。肝心の外部テキストの更新すら戸惑う場面がありました。Type(以下、MT)の登場によって、外部テキスト更新における従来の問題が大きく改善されようとしています。従来の方法とMTを導入した方法では更新の容易さも違うそこで、FlashにMTを連携させることで実現できることを、この連載を通してお伝えできればと思います。外部テキストとは?もう一度、原点に返り、FlashとMTを組み合わせたい理由を考えましょう。FlashはWebに欠かせない表現ツールの1つで、デザイナーの自由な発想を助けてくれますが、このFlashだけでWebサイトを作ろうとすると、ある問題にぶつかります。それは、更新が大変だということです。Flashムービーで最新ニュースを出したいとすると、ニュースを表示するテキスト部分は、ニュースが更新されるたびに、修正が発生します。CS4などの編集ソフトウェアと、オリジナルの.flaファイルが必要です。修正して、swfというファイルを書き出し直して、アップロードすれば、Flashムービーの中のニュースが更新されたことになります。これは、どのような頻度であっても、面倒だと思う人が多いでしょう。このとき、すこしでもFlashの知識を持ち合わせていれば、ニュースに該当する部分だけをテキストファイルにしておき、Flashがリアルタイムで読み込むという仕組みを思いつきます。次にあげたのは、Flash5の時に作成した日記用Flashです(6月・JUNEのみ機能します⁠)⁠。これは、まだ、外部テキストといっても、変数形式を読めるだけなので、テキスト側には工夫やルールが必要でした。たしかに、これは、flaファイルを毎回開いていたときと比べれば、画期的です。内容を更新したいときはテキストファイルの修正だけで良いので楽です。Flashで外部テキストが読めるようになったとき、インターフェースはFlashでつくり、内容は外部テキストで管理するコンテンツが作られました。それでも、一般的に使いづらかったのは、否めません。肝心の外部テキストを作成しFTPするのは面倒だったからです。外部テキストは、プログラムが読み込み易いように作られたカンマ区切りやXMLなどのフォーマットを採用しています。それらのルールに従って人間が記述するのは、プログラムを書くのと同じくらい正確さが要求されます。先ほど紹介したFlash日記の外部テキストデータは次のようなルールでしたdata=で始まる改行は最後だけ日付と本文は;(半角セミコロン)で区切る日記は,(半角カンマ)で区切る次がルールに従って作成したテキストファイルです。data=6月11日;近所にたい焼き屋を見つけた。期間限定のアンコとかあるようだから今度、行ってみよう,6月12日;今日は雨。頭痛がするので明日こそ晴れるといいなぁ。6月13日;昨日と打って変わって今日はとても良い天気。明日も晴れるといいなぁ。6月14日;たい焼き屋さん、いまいち・・・接客が酷いので食べずに帰ってきた。6月15日;近所のスーパーに古本屋さんができていると聞き、さっそく偵察にいってきた。内容は偏っているけど、面白い。食・エコ・子供に関するものが得意らしい。6月16日;晴れているけど、眼精疲労で目が痛い・・・目薬で改善されるかなぁ,6月17日;わざわざ遠方まで来てくれるので、自宅事務所で打ち合わせ。助かるなぁ~読み込むFlashを作成した本人であれば、外部テキストを更新するのも容易かもしれません。Webに疎い人(クライアントには多いですが)にとっては、外部テキストの更新は容易ではありません。XMLフォーマットだから簡単です、メモ帳で編集できるので大丈夫です、などは、HTMLやActionScriptも理解できるからこそ言えることです。厳密なフォーマットの外部テキストを編集するのは、まだ人間の仕事ではなかったのです。MTなのか?できれば、何かのプログラムで書き出すのがベストです。データを更新する人のITスキルは想定外のこともあるので,そのハードルを下げるための工夫が必要でしょう。そこで、データの入り口が、ブログのようなUIを備えていれば更新もしやすいのではないかと思います。ブログで入力したデータを、HTMLではなく、外部テキストに書き出すことはできないでしょうか。MTを使って通常のテキストを書き出すことは可能です。独自のCSV形式や、XMLなどもできます。カスタムフィールドを使えば、MT側で入力項目を拡張することも容易なのです。文字コードの変換はプラグインが必要ですが、最初からFlash標準の文字コードであるUTF-8でMTを構築すれば、その問題もなくなります。FlashとMTを組み合わせることで、思い通りの表現をしながら、テキストなどの情報は、常にブログから更新しやすくしておくという一挙両得のWEBサイト構築が可能となります。MTなどのブログシステムは、携帯電話でも記事の投稿が可能なものもあり、Flashサイトでありながら、携帯電話で更新ができるということも言えるでしょう。FlashにMTを組み合わせることで、予想していた以上に可能性が広がります。仕組みの概要Flashが読み込むのは、外部テキストです。フォーマットはとくに指定する必要はないのですが、ここでは、他のアプリケーションからも、将来的に使うことを想定し、また、人間が見たときにその意味がわかりやすいようにという意味で、XMLフォーマットにします。MTは、index.htmlを書き出す代わりに、~.xmlを書き出し、XMLファイルをFlashが読み込むことになります。ユーザは、MTからブログの感覚で更新すれば、Flashコンテンツの中を更新できることになります。XML)を使用すれば、従来より直感的に扱いやすくなります。実際のサンプルサイト今回の連載では、筆者の元々MTで作られている写真ブログサイトにFlashインターフェースをかぶせてフルFlashサイトにしていきます。MTで更新しているHTMLサイトと将来的なFlashサイトの仕組みこのブログでは、MTにより管理されている写真が通常のHTML形式で出力されています。Flash+MTにすれば、XHTML+CSSの知識が少なくても制約をほとんど感じずにデザインが可能ですし、さらにMTでのコンテンツ(写真)管理は、今までと同じ方法で行うことができます。第1回のまとめMTとFlashを組み合わせることの一番の目的は、更新性の良いフルFlashサイト構築です。次回は、実際にデザイン・APIなどの仕様を考え、それをFlashに実装するためのテストを行う予定です。Ltd.ページ内容の全部あるいは一部を無断で利用することを禁止します⁠。個別にライセンスが設定されている記事等はそのライセンスに従います。