なんたらノート第三期ベータスマートフォン用の表示で見るスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。読者です読者をやめる読者になる読者になるなんたらノート第三期ベータ2010-09-24Flashの初期設定パラメータにHTMLを使うFlashFlash非対応デバイスを気にしなきゃならないこのご時世、Webデザインやるときは、Flashコンテンツの代替として、HTMLの代替画像と最低限のJavascriptアニメーションがあって当然って感じになってきました。それどころかむしろ逆に、HTMLとJavascriptだけでコンテンツは成立しているんだけど、よりリッチなお化粧にFlashを追加する、という流れになる場合も多いでしょう。作りを二重化すると、こんどは、顧客のプロモーションサイクルの都合なんかで、リンクや画像が変更になったとき、いちいち、HTMLとFlashを同じように修正/再パブリッシュしなきゃいけないのですごく面倒です。HTML用とFlash用の二箇所を変更しなきゃならないのは同じ。そもそも、同じことを二箇所に書いてるのが原因です。それなら、「FlashがHTMLに書かれた内容をもとにして初期化される」ようにしたらどうでしょう?ものは試しでやってみます。サイトの入口に、新商品などの看板ビジュアルが置いてあるケースを考えます。この看板を、5秒で切り替わるスライドショーにしたとしましょう。Flashは後回しで、まずは、HTMLとJavascriptだけでどうにか成立しているものを作ることにします。alt=&quot;&quot;&gt;&lt;/a&gt;&lt;/div&gt;&lt;/div&gt;こんな感じ。screen0〜2がクロスフェードで切り替わり。これをベースにFlashでお化粧します。FlashPlayerが動く環境なら、もっとリッチなトランジションになります、って言うと、お客さんは大喜びです。ホントに要るのかどうかは聞かないように。客先では、Flashイコールご立派ということになっているので。)FlashVarsでリンク先と画像を受け取れるよう、パラメタライズしますよね。Javascript内にFlashVars用のパラメータ書きますよね。jQuery使ってます。...}というわけで、Flashお化粧版のコードは、こんなふうになりました。alt=&quot;&quot;&gt;&lt;/a&gt;&lt;/div&gt;&lt;/div&gt;コンテンツの保守するのに、HTMLしか触らなくていいようになりました。HTMLがデザインの表現物であると同時に、XPathで値を取り出して来れるXML設定ファイルみたいです。HTMLの属性で済ませられれば、サーバサイド生成で制御してもらうのも簡単です。JavascriptのコードをPHPで吐き出すのは頭沸いてしまいますが、HTMLならどんなテンプレートエンジンでも朝飯前ですしね。あと図らずもこれ、「Flashでしかアクセスしないリソースはブラウザの更新ボタンが通じない」という問題にも対処できるものになっています。先にリクエストされ、そのあとでswfがロードされます。ブラウザの更新ボタンをクリックしたときは、swfが画像をロードするかなり前に、その画像ファイルのキャッシュステータスが更新されてることに。Blog|ブログを報告する。