ul,liタグで画像を並べておいてそれをCSSで同じ位置に持ってくる。それを表示したい画像だけ表示させて、他は隠しておく。順番に画像を表示させる。
ここで、問題になるのは一番最初と最後の要素をどうやって検出するかがだと思う。私の場合は、classタグにフラグを立てておく方法をとる。最初にきたら、一番最初へ戻るようにプログラムすればいい。表示の時は、フェードイン、フェードアウトにするかを決めておいたほうがいい。CSSで表示非表示にするとJqueryで制御しようとするとうまく動作しなくなってしまう。Javascript側で制御するかCSS側で制御するくらいは決めておいたほうがいい。

作ったものは、こちら。

今後のことを考えると、クラスファイル化をしたい。それとsetInterval()とclearInterval()をクラスファイルで定義すると動かなくなるのか考えたいと思った。
今回は、関数に置き換えて作っている。まだまだ経験不足である。関連した記事

• Jqueryでスライドショーを作るときのコツ-概要編-
• インフォメーションアーキテクチャ（情報構造設計）の勉強について
• Flexとflickr APIで遊んでみた
• Flexにおけるディープリンクの付け方
• mixiボイスは、失敗すると思うのは俺だけか？

ちょっと前のFlashコンテンツだと各階層ごとにリンクがなくてブックマークしても結局はトップページから目的のページへまた画面遷移しないといけない。これって、ユーザに負担をかけてしまい、離脱率が高くなってしまう。

そこで、各ページにリンクを付ける機能が必要になってくる。
Flashだと、タイムライン上で設定でき足り、Progression 3を使う方法がある。Flexでは、ライブラリがあるのでこれを利用すると案外簡単に実装できる。

リンクを付ける機能のしくみとしては、アドレスバーのURLを取得してドメイン以下の文字列を取得して解析。その該当するページを探して、画面を切り替える。これは、JavascriptのAJAXを使ったコンテンツでも応用が可能である。

まだ、試してないのでなんとも言えないけど、いずれ必要になってくる機能のひとつである。

参考にしたページ
Deep-linking to frames in Flash websites

UrlKit 0.5（Flexライブラリー）関連した記事

• Jqueryでスライドショーを作るときのコツ-実装編-
• WordPress3.0機能メモ　 featured image アイキャッチ画像
• インフォメーションアーキテクチャ（情報構造設計）の勉強について
• twitter APIの仕様書
• wordpressでページテンプレートを選択できるようにするには・・・

仕事をとおして多くのベンダーと仕事をしているけど、きちんとインフォメーションアーキテクチャを理解している人って、本当に一握りだと感じている。ビジネスゴール（戦略）とユーザゴールを設定して、ユーザセグメント、ペルソナを作ってサイトマップを作って、実際にワイヤーを引いて画面に落とし込んでいく。それをクライアントに理解してもらうこの行為をできる人はあまり居ない。

実務的には、ビジネスゴールとユーザゴールを設定してそれを合うようにサイトマップ＆ワイヤーフレームを作るのが、プロダクションでは一般的じゃないかなと思う。予算の関係もあるだろうし、せめてサイト構造だけは時間をかけて考えるべきことだしね。

どういう人がインフォメーションアーキテクチャを学んだほうがいいか。
これはウェブサイト構築・運営に関わる全職種が知識レベルでもいいので勉強したほうがいいと思う。デベロッパーもシステムエンジニアもデザイナーも勉強してウェブサイトのあるべき姿を想像できたほうがよりよい仕事になると思う。

んじゃ、どうやって勉強するのがいいんだろうか。

いい書籍が結構出ている。
ちょっと前だとオライリーの「Web情報アーキテクチャ―最適なサイト構築のための論理的アプローチ」がある。ちょっと、難しいけどやはり基本中の基本のことが書いているので、読んだほうがいいかもしれない。

読み物として面白いのが「誰のためのデザイン」。
ウェブサイトだけではなくシステムのＵＩの設計にも役に立ちそうな本なので、オススメ。
あとは、読みやすく理解しやすいのが一番かもしれない。

結局、何が言いたかったかというと
ウェブプロダクションでいい仕事、次につながる仕事になるのは、デザイン・コーディングではなくよりクライアント・そのクライアントをとりまくユーザをhappyにすること考えることが必要だということを言いたかったかな。

いろいろとイベントやセミナーが開かれているので参加してみると仕事が広がると思う。

関連した記事

• Flexにおけるディープリンクの付け方
• Jqueryでスライドショーを作るときのコツ-実装編-
• Webサイト・WebシステムをIPhone専用UIを実現する「JQTouch」
• Flexでアニメーション
• as3での印刷について