今注目のWeb開発Tips、お教えします

Developer Center 今月のトピックス

アドビ製品を使いこなしたい、いろいろな制作ノウハウを知りたいという人は、ぜひアドビWebサイト内にある「Developer Center」コーナーにアクセスしてください。 Developer Centerでは、アドビのスタッフやクリエイターたちが、Flash、Dreamweaver、 Fireworksなどのプロダクトの新機能の解説や活用方法、Flex、AIR、Flash Video、FlashLiteといったテクノロジー を使った最新事例や制作ノウハウなど、さまざまな情報を紹介しています。製品を既にご購入いただいた方には製品を徹底的に使いこなしていただきたい、検討中の方にも「アドビ製品でこんなことができるんだ!」と目から鱗? のTipsを多く日本語で提供していきますのでご期待ください。また、Developer Center は、みなさんの知識やノウハウを共有できる場でもあります。みなさんからの開発Tipsを募集しています。詳しくはページの最後をご覧ください。Edge newsletterでは、毎回Developer Centerの最新記事を紹介していきますが、Developer Centerの更新は随時行っていますので定期的にチェックしてみてください。

Flash内のフレームにディープリンク
〜特定のページに直接リンクする〜

http://www.adobe.com/jp/devnet/flash/articles/deep_linking.html

H. Paul Robertson

FlashでWebサイトを構築していて度々ぶつかる問題点として、Webサイト全体を1つのFLAファイルで構築し、パブリッシュしたSWFファイルをWebページに配置した場合、そこにあるのは1つのページだけになること。つまり、Flashコンテンツは「1ページ、1URL」というWebの慣習から外れてしまうということがあります。ページやコンテンツの在り処をURLで伝え合うことが当たり前になっている中、「1ページ、1URL」も重要なユーザビリティと言えるでしょう。

そこでこの記事では、Flashサイト、あるいはFlashヘッダやナビゲーションの特定のパートに、個別のURL(ディープリンク、あるいはダイレクトリンク)でアクセスできるようにする方法を解説します。

記事内容:
「対象となるFlashサイトの構成」
「フレームアンカーを使用する」
「使用する上での注意点」
「さらに学習したい方へ」
ActionScript 3.0 を使った写真やビデオの反射効果

http://www.adobe.com/jp/devnet/flash/articles/reflect_class_as3.htm

Ben Pritchard

ここ最近でよく見かけるコンピュータの中のデザイン表現として、反射効果(Reflection)があります。アルバムのカバー写真やビデオプレーヤの下側にあたかも奇麗な床があって、反射しているような表現です。Photoshopを使えば静止画の反射効果は作れますが、アニメーションやビデオを手作業で反射させるのは到底不可能です。その不可能を可能にする手段として、ムービークリップに適用できるActionScript 3.0ベースのカスタムクラスを作る方法を解説します。

カスタムクラスをムービークリップにコピー&ペーストして、反射具合を調整するだけで、手軽に反射効果を得られます。アニメーションやビデオにも同じように反射を適用できますし、一度適用させてしまえば、ムービクリップの内容を変更しても、それに合わせて反射効果部分も自動的に変更されるのです。

記事内容:
「他のクラスをインポートする」
「Reflectクラスを記述する」
「グラデーションを作成」
「更新頻度の確認」
「メソッドを使用して反射を調整」
「反射効果の解除」
「さらに学習したい方へ 」
Fireworksのデザインを簡単にHTML/CSS化できるSmartCSS拡張機能

http://www.adobe.com/jp/devnet/fireworks/articles/smart_css.html

John Wylie

この記事では、筆者であるJohn Wylie氏がFireworks CS3向けに開発した拡張機能「SmartCSS」を紹介します。SmartCSS拡張機能を使えば、簡単にプロ現場レベルのHTMLファイルとCSSファイルを書き出すことができます

現在のWebページ開発プロセスは、Fireworksでデザインをし、完成した画像をスライスし、DreamweaverでHTML&CSSを使ってFireworks上のデザインを再構築するという、いわゆる二度手間が行われています。これに対するソリューションとして、SmartCSS拡張機能は、Fireworksドキュメントの構造を解析して、複数のモダンWebブラウザに対応したHTMLと CSSコードを生成してくれます。その構造をこの記事で詳しく解説します。

記事内容:
「Webサイト開発プロセスの現状」
「SmartCSSとは」
「SmartCSS拡張機能の使い方」
「さらに学習したい方へ」
Flash 8からFlash CS3 Professionalへの移行

http://www.adobe.com/jp/designcenter/flash/articles/flacs3_migration.html

Jen deHaan

今までFlash 8に慣れ親しんだ皆さんが、新しいFlash CS3 Professionalに移行するメリットと移行のポイントを、アドビのインストラクショナルデザイナーであるJen deHaanがお伝えします。

この記事では、Flash 8と比較しながら、Flash CS3 ProfessionalではどのようにFlashが進化しているのかを解説。強化されたペンツールで、より感性と直結した絵を描きたいという人も、ActionScript 3.0で本格的なプログラム開発をしたいという人も、この記事を読むことでFlash CS3の多くを学ぶことができます。

記事内容:
「改善されたワークスペースとユーザーインタフェイス」
「ワークスペースの新機能」
「ファイル読み込みや他のアドビ製品との連携に関する改善点」
「新しい描画ツール」
「Flashビデオに関する強化点」
「新しいActionScript 3.0コンポーネント」
「ActionScriptとコードエディタに関する変更点」

あなたの Web 開発 Tips を教えてください

Developer Centerでは、Web開発者の皆さんからアドビプロダクトを使った開発Tipsを募集いたします。お送りいただいた情報は、アドビWebサイトの中のDeveloper Centerに掲載するのをはじめ、Edge NewsletterのメールニュースやWebページ、外部Webサイト、セミナー等を通じて、多くの方にナレッジとして共有されます。あなたのビジネスにも大きく貢献しますので、この機会にぜひご投稿ください。

第一期募集 2007年12月31日まで
投稿方法 下記のメールアドレスに、あなたの連絡先、Tipsの概要(最大1,000文字程度)、使用製品を記述してメール件名「Adobe Developer Center記事応募」としてお送りください。掲載させていただく際に、弊社からご連絡させていただきます。
メールアドレス devcon_jp@adobe.com