コンテンツ
- 正当な理由がない限り、Flashを使用しないでください
- ActionsScriptで実際のクラスを使用してください
- Flashの紹介はしないでください
- 最新のIDEを使用してください
- すべてのデータを外部に保管してください
- すべてに正しく名前を付けることを忘れないでください
- コンパイル中にアセットを埋め込みます
- ユーザーを必要以上に待たせないでください
- サードパーティの拡張機能を使用してください
完全にインタラクティブなウェブサイトの開発は、テクノロジーが現在変化している素晴らしい体験です。その目的で使用されるプラットフォームに関して大きな変化が見られるだけでなく、HTML5は誰ですか? –だけでなく、それらを開発するときに採用されるワークフロー(いわゆる) リッチ ウェブサイト。
フラッシュは後者の特に鋭い例だと思います。プラットフォームは、それが何であるかだけでなく、何年にもわたって大きく進化してきました できる するが、 どうやって 人はそれをすべきです。その意味で、私たちが作成する豊富なオンラインエクスペリエンスは、これまで以上に強力になる可能性があるため、これをもう少し効率的に行う方法についていくつか説明します。
正当な理由がない限り、Flashを使用しないでください
Flashに関する最大の神話の1つは、FlashがHTMLの同じ目標を達成するために使用されることを意図しているというものです。そうではありません。インタラクティブ機能、ビデオ、サウンド、アニメーションを優先する場合はFlashが最適ですが、それ以外のすべての場合、HTMLは、その形状や形式を問わず、はるかに適したテクノロジです。
同じように フォーマット あなたが作成するものの 環境 どこで動作させたいか、選択するプラットフォーム(HTML、Flash、またはその他)は、解決しようとしている問題によって異なります。 FlashでWebサイトまたはWebサイトの一部を作成する前に、それを使用して達成したい目標について考えてください。多くのテキストベースのコンテンツをすばやく簡単に提示する必要がありますか?コンテンツをモバイルデバイスを含むすべての種類のプラットフォームで利用できるようにしますか?次に、ユーザーエクスペリエンスを犠牲にして、不要なフレーバーを追加するだけではいけません。予約をするためだけにレストランの電話番号を知りたいが、デバイスでレストランのWebサイトにアクセスすると、FlashWebサイトが表示されるスマートフォンユーザーのことを考えてみてください。このウェブサイトは、デスクトップユーザーにクールな方法でレストランの写真を表示したり、ロマンチックなディナーの前にユーザーの気分や期待を設定したりするのに適していますが、潜在的な顧客の本当のニーズに対応できていません。
デスクトップユーザー向けのインタラクティブなエクスペリエンスを作成したい場合は、現在、Flashが正解です。しかし、あなたの目標は何ですか–提供する 経験、または 情報?
ActionsScriptで実際のクラスを使用してください
Flashとその言語であるActionScriptは、長い道のりを歩んできました。私たちが利用できるすべての機能と、Flashプロジェクトがとることができる複雑な形を使用して、スクリプトコードを記述します。 タイムライン もうあまり実用的ではありません。代わりに、ActionScript言語のオブジェクト指向プログラミング(OOP)の側面を利用し、できれば言語の最後のバージョン(ActionScript 3)を使用して、すべてを外部クラスとして保持するのが最善のアプローチです。
クラスを使用するということは、基本的にコードを異なる部分に分割することを意味し、これらの部分はそれぞれ独自の機能を実行します。この構造を構築し、各クラス内にあるべきコードを記述する適切な方法を知ることは、最新のFlashプロジェクトを作成および管理する上で不可欠です。さらに、より一般的な記述、 再利用可能 クラス形式のコードは、古いプロジェクト用に開発された機能を新しいプロジェクトに簡単に取り込むことができることを意味します。
Flashの紹介はしないでください
フラッシュイントロは1998年に大流行したかもしれませんが、今日では、訪問者と彼らが見たいコンテンツとの間の刺激的な壁にすぎません。ウェブサイトが表示される前に「イントロをスキップ」ボタンが必要な場合は、そのイントロはまったく必要ない可能性があることに注意してください。
最新のIDEを使用してください
Flash開発に関する最大の神話の1つは、Webサイトを作成する際の主要なツールとして、最新のCSフレーバーでAdobe独自のFlashを使用する必要があるというものです。ここに秘密があります:あなたはしません。実際、すべきではありません。 Flashプラットフォームは、過去数年で大きく進化し、Webサイト開発にははるかに優れたオプションがあります。プロジェクトの管理、コードの記述、エクスペリエンスのデバッグとデプロイをはるかに効率的な方法で支援するエディター。ここでの最大の競争相手は、Adobe独自のFlash Builder、私の個人的なお気に入りのPowerflasherのFDT、およびFlashDevelopです(これは最後のものは無料です)。
Flash統合開発環境(IDE)を常に使用している場合は、何が欠けているのかわからない可能性があり、成熟したものを使用するようになるまでの学習曲線は急になります。エディターをその全機能にコーディングします。しかし、プロジェクト管理と動的コード補完、実際のIDEが提供するチェックと生成に慣れた後は、ベクトル編集機能を備えた本質的にメモ帳に戻ることは不可能です。
すべてのデータを外部に保管してください
Flash Webサイトは通常、関連するすべてのデータを圧縮形式で含むファイルのこの巨大な膨張と見なされます。 Webサイトのどこかでコンマを変更する必要がありますか?プロジェクトを開き、テキストを変更して、SWFを再コンパイルします。ギャラリーの画像を変更する必要がありますか?プロジェクトを開き、イメージを変更して、SWFを再コンパイルします。
そんなはずはありません。 「Flashコンテンツの編集」がFlash内のTextFieldをダブルクリックし、別の何かを入力することを意味していた時代は終わりました。最新のFlashWebサイトでは、すべてのデータを外部化する必要があります– XML形式(テキスト用)および動的である必要がある画像用のJPEGまたはPNGファイル。
動的コンテンツの使用は、メンテナンスを非常に簡単にするアプローチです。 Webサイトのどこかでコンマを変更する必要がありますか?関連するXMLを変更するだけです。何も再コンパイルする必要はありません。画像を変更する必要がありますか?関連するファイルを置き換えるか、リストされている特定のXMLノードを別のファイルを指すように変更するだけです。正しく構築されていれば、追加のXMLファイルを1つ構築するだけで、他のプロジェクトを変更することなく、新しい言語でWebサイトを作成することもできます。
実際、FlashWebサイトを次のように考えるべきではありません。 ウェブサイト。彼らは次のように考える必要があります エンジン。開発者は、静的コンテンツをインタラクティブに表示するだけでなく、外部コンテンツを取得して、一連の(インタラクティブ)ルールに基づいてユーザーに提示するエンジンを構築する必要があります。これらのルールに従ってコンテンツの作成を処理するフロントエンドを構築しますが、コンテンツをコンテンツから分離します。すべてをいつでも編集できる外部ファイルに保存します。そうすれば、あなたの将来の自己はあなたに感謝するでしょう。
すべてに正しく名前を付けることを忘れないでください
シンボル、インスタンス、クラス、変数–それが何であるかに関係なく、正しく名前を付ける必要があります。 「image00001_final」が何であるかは誰にもわかりませんが、「ProductImage01」の方が簡単に消化できます。
Flashプロジェクトのすべての部分の命名規則を考え出します。これは良いスタートですが、独自の規則を作成することは問題ありません(それに固執することを忘れないでください!)。
コンパイル中にアセットを埋め込みます
ウェブサイトのすべてのコードを実際のエディターで記述した場合、ウェブサイトの実行中に動的に読み込む必要のないアセット(画像、サウンド、シェイプ)を使用することは避けられません。実際、フォントなどの多くのアセットはすべきではありません。代わりに、SWFファイル内に直接埋め込む必要があります。その場合、コンパイル時にプロジェクトに埋め込む必要があります。
この場合、Flash IDEなしで作業することは、呪いと祝福です。すべてのアセットを外部ファイルとして保持することで、アセットを(元の形式で)簡単に見つけて、必要に応じてコンパイルする前に変更できます。ただし、それらの一部の編集は、ライブラリ上のアイテム(Flash CS 5内にあるものなど)をダブルクリックして、ベクターのいくつかのポイントを移動するほど簡単ではありません。
ここでの最善のアプローチはさまざまですが、通常は外部エディター(ベクターエディター、イメージエディター、サウンドエディター、さらにはFlash CS5自体)でアセットを作成し、[Embed]タグを使用してAS3クラスに埋め込みます。このオンラインに関する情報はたくさんありますが、この記事は良いスタートです。
ユーザーを必要以上に待たせないでください
Flashプラットフォームの仕組みにより、開発者はWebサイトの一部を表示する前に、Webサイトの訪問者にコンテンツ全体をダウンロードするように強制するのが一般的です。これにより、ユーザーのアクションに対するWebサイトの応答性が損なわれるという厄介な瞬間が発生するため、可能な限り回避する必要があります。
訪問者をWebサイトの新しい領域に紹介する前に、厳密に必要なものを超えてロードしないようにしてください。コンテンツをできるだけ動的にし、必要に応じてロードします。また、バックグラウンドでデータをロードしてみてください– ゴーストローディング - いつでも可能なとき。あなたは訪問者が次に製品サムネイルの次のページに行くかもしれないと思いますか?今すぐこれらのサムネイルの読み込みを開始し、表示されるまでどこかに非表示にしておくか、不要になったときに削除してください。
そして、何かをロードするときは?ロードされている量と残りの量を示すプログレスバーを必ず表示してください。派手なものである必要はありません(通常はとにかくそうすべきではありません)–ただ便利です。
サードパーティの拡張機能を使用してください
インターネット用語では、Flashはかなり古いテクノロジーです。当然、そのコミュニティは大きく進化しており、FlashでWebサイトを開発するときに対処しなければならない最も一般的な問題の解決策もあります。
これは、の数にかなりよく反映されています オープンソース Web全体でFlash開発者が公開しているコードプロジェクト。サードパーティのクラスライブラリ、複雑なフレームワーク、コンポーネント、さらにはWebサイトテンプレート(商用かどうかに関係なく)の形で、オンラインで見つけて自分のプロジェクトで再利用できる多くの拡張機能があります。
ActionScriptで解決したい問題に関係なく、必要なことをすでに実行しているプロジェクトが存在する可能性があります。そのため、急いでいる場合、またはプロジェクトでテスト済みの真の拡張機能を使用する利点が必要な場合は、GitHub、Google Code、またはその他の多くのオンラインリソースにアクセスして、必要な部分を見つけてください。