Fireworksデベロッパーセンター
ホーム
CSS スプライト作成に便利な拡張機能「CSS Sprite Extension」
湯口りさ氏 RsStudio（2010年6月2日）
最近のWeb制作で利用されている「CSSスプライト（CSS Sprites）」という手法と、その実装を便利にしてくれるFireworksの拡張機能「CSS Sprite Extension」について解説します。
オリジナルのテクスチャを作って、デザインの幅を広げよう
林大輔氏（2009年9月10日）
Fireworksには、あらかじめたくさんのテクスチャが用意されています。もちろん、自分でオリジナルのテクスチャを作ることも出来ます。今回は、オリジナルテクスチャの作り方・適用の仕方を紹介します。
Fireworks、FlashおよびDreamweaverを使用した簡単なインタラクティブコンテンツの作成
Dan Carr氏 (2009年2月16日)
このチュートリアルでは、Double Identityという架空の映画のWebサイトで使用する簡単なプロモーション用Webページを作成します。
シンボルを使用して作業効率を高めよう
むらかみ けぃ氏（2009年4月3日）
Fireworksには画像やパスデータ、テキスト等のオブジェクトをシンボル化するという機能が搭載されています。オブジェクトのシンボル化は、制作作業に様々なメリットをもたらしてくれます。
Fireworks CS4での標準規格に準拠したWebデザインの作成
Matt Stow氏（2008年11月17日）
より優れたWebデザインの作成を目標に、今回強化されたCSS書き出し機能の使用法を紹介します。
Adobe Fireworks CS4 チュートリアル
アドビ システムズ社（2008年11月25日）
このチュートリアルでは、AdobeR FireworksR CS4 を使用して、ページの最初のデザインの草案作成から、ワイヤーフレームの作成、最終的なデザインの作成に至るまでの Web サイトアプリケーションを作成する手順について説明します。
ショートカットキーで作業スピードをアップさせよう
山田あかね氏（2008年９月９日）
Fireworksでは、あらかじめ用意されているショートカットキーを利用するだけでなく、特定の作業に自分好みのショートカットキーを割り当てて使うことができます。
エンタープライズIT環境でのFireworksの使用
Nathan Smith（2008年３月10日）
エンタープライズのコラボレーション環境で作業するデザイナーやデベロッパーにとって、Fireworksがいかに卓越したツールであるかを紹介します。
Fireworks CS4 ベータ版 新機能プレビュー
森房 卓史 2008年5月27日
今日におけるRIA（リッチ・インターネント・アプリケーション）の開発におけるデザイナー・デベロッパーワークフローでは、Fireworksは無くてはならない存在になっております。そんなFireworks CS4のパブリック・ベータ版を体験してみてください。
ActionScript 3.0でのFireworksイベントの処理
ActionScript 3.0を使用して作成したカスタムパネルでFireworksイベントを認識して応答する方法について学習します。
Fireworksを使用したユーザインターフェイスのモックアップの作成
ユーザインターフェイスデザインの模型を作成することで、迅速にWebサイトまたはデスクトップアプリケーションの仕様を作成して構築します。
Fireworksを使用した美しいWebサイトの設計
Web設計の様々なコンポーネントを視覚的に見栄えの良い方法でまとめ上げる方法を学びます。しっかりしたレイアウトの基盤を作成するための基本的なツールについても学習します。
Fireworks CS3を使用したカスタムリッチテキストエディタFlex 2コンポーネントの作成
Fireworks CS3からMXMLを書き出すカスタムリッチシンボルを開発して、既存のFlexコンポーネントライブラリを拡張します。
Adobe Fireworks CS3の紹介
Fireworks CS3の今後リリースされる注目の新機能について、Fireworks製品のスペシャリストであるAlan Musselmanが紹介しています。
Fireworks CS3とのFlex 2の統合について
Flex MXMLページをFireworks CS3レイアウトから直接生成できるようにする新しい書き出しオプションを調べます。
Fireworks CS3を使用した効果的でインタラクティブなWebサイトプレゼンテーションのデザイン
Fireworks CS3の新しい機能を使用してWebサイトのデザインでストーリーを伝える方法を学びます。
ファーストステップガイド
Fireworksの使用を開始するには、以下の簡単なステップに従ってください。
Fireworks CS3をダウンロードしてインストールします。
Fireworks CS3の体験版を使用してFireworksの使用を開始します。デベロッパーセンターの記事やチュートリアルの中にはFireworks CS3を必要とするものもありますが、多くはまだFireworks 8を対象としています。CS3のワークスペースについて学習します。
「Using the workspace」（Joseph Loweryによるビデオ）を見ます。このビデオでは、DreamweaverとFireworksのワークスペース間で共有されるインターフェイスエレメントの使用方法が紹介されています。Fireworksヘルプの使い方を身に付けます。
Fireworksで、ヘルプメニューを選択するか、Fireworksドキュメンテーションページにアクセスするか、Fireworks LiveDocsを使用します。これら３つの領域には同じヘルプドキュメンテーションが用意されています。ビデオチュートリアルを見て学習します。
オンラインビデオホスティングアプリケーションのAdobe CS3 Video Workshopで、その他のビデオチュートリアルを見ます。これらのビデオは、Adobe Creative Suite 3を購入すると入手できるDVDにも含まれています。詳細については以下を参照してください。Fireworksデベロッパーセンターのチュートリアルや記事でFireworksの詳細をマスターします。
アドビのコミュニティリソースを通じて他のFlashユーザと情報交換します。
オンラインビデオホスティングアプリケーションのAdobe CS3 Video Workshopには、以下のビデオチュートリアルが含まれています。これらのビデオは、Adobe Creative Suite 3を購入すると入手できるDVDにも含まれています。
はじめに
Using the Fireworks workspace
Joseph Lowery
パネル、メニューおよびその他のインターフェイスエレメントなど、DreamweaverとFireworksのワークスペース間で共有されるインターフェイスエレメントを使用します。
製品間の統合
FireworksへのPhotoshopファイルのインポート
Tom Green
Photoshopからファイルを読み込みます。レイヤー階層、XMPデータ、レイヤースタイル、ブレンドモードなどを維持する方法も学習できます。
Understanding 9-slice scaling
Tom Green
９スライスの拡大縮小とは何か、なぜ便利なのかを学習し、９スライスの拡大縮小を使用しているボタンと使用していないボタンを比較します。
Using Bridge in a web design workflow
Joseph Lowery
コンテンツを表示するためのワークスペースのプレビュー、レーティング、フィルタリングおよび操作の方法を学習します。Bridgeを他のCS3アプリケーションとサイドバイサイドで効率的に使用する方法も学習できます。
Using 9-slice scaling
Tom Green
Fireworks、FlashおよびIllustratorのシンボルに９スライスの拡大縮小を適用し、ガイドを操作するための最適な方法を学習します。
Importing, copying, and pasting between web applications
Garrick Chow
Dreamweaver、FireworksおよびFlashの間で読み込み、コピーおよびペーストを行い、これら３つのアプリケーションの間でラウンドトリップ編集を行うための効果的なテクニックを学習します。
Batch-processing file names, keywords, and metadata
Michael Ninness
Adobe Bridgeで一連のイメージの名前を一度にすべて変更し、名前変更のバッチ処理のオプションを管理します。
Understanding the Fireworks and Flash workflow
Alan Musselman
FireworksとFlashの間のコピー＆ペーストのワークフローとラウンドトリップ編集について学習します（FireworksからFlashにリッチシンボルをコピー＆ペーストする方法など）。
シンボルとオブジェクト
Using layers and creating layouts
Tom Green
Photoshopのレイヤー、レイヤー効果、ブレンドおよびライブエフェクトをFireworksに読み込んだ後に変更する方法を学習します。
インタラクティビティ
ページパネルの使用
Tom Green
マスターページを使用して複数のページからなるレイアウトを作成し、ページの作成方法、ページ間の移動方法、指定したページでレイヤーを共有する方法などを学習します。
Creating rich symbol property scripts
Tom Green
JavaScriptを学習しなくても作成できるリッチシンボルのプロパティスクリプトを作成し、プロパティスクリプトの生成方法や、生成したプロパティスクリプトをFireworksのリッチシンボルで使用する方法を学習します。
Exporting a web gallery from Fireworks
Tom Green
Fireworksの新しいWebギャラリーツールを使用して、イメージをバッチ処理してFlash Webギャラリーを書き出します。
リッチシンボルによる迅速なプロトタイピング
Trevor McCauley
一般的なインターフェイスエレメントを使用してWebサイトのインターフェイスのプロトタイプをすばやく作成し、サイトを運用環境に移す準備をします。
Creating a rich symbol with 9-slice and 3-slice scaling
Tom Green
Fireworksの９スライスの拡大縮小を使用してWebサイト用のボタンをスライスし、３スライスの拡大縮小を使用してスクロールバーをスライスします。
Fireworks 8のチュートリアルと記事については、Fireworks 8: Getting Started page*を参照してください。
サンプル
Fireworksコミュニティから新しく提供された次のサンプルを確認します。Fireworks CS3で何が開発できるかを学ぶためにこれらを確認します。
XD Brownbagポスター*
Ryan Hicks
XD Brownbagポスターでは、Fireworks CS3のグラデーション透明度コントロールとEllipseのグラデーションの複数ハンドルの方向コントロールの便利さを示します。これらを使用して、実際の光の動きを摸倣して描画します。
ブレット
José Angel Rivera Domínguez
ブレットでは、ベクターと組み合わせたFireworks CS3のビットマップ操作の効果的な使用方法を示します。
反射ボール
José Angel Rivera Domínguez
反射ボールは、Fireworks CS3のビットマップツールを使用したさらに多くのカスタムエフェクトを使用するために、ビットマップの周囲の移動やビットマップへの統合を簡単に行うことができる、編集可能なベクターオブジェクトで構成されています。
再色付け
Angelo Sabal
再色付けは、ビットマップツールとベクターツールの両方を使用してFireworks CS3の限界を押し広げる複雑なデザインです。
ロゴの設計
Angelo Sabal
ロゴの設計には、どのように開発されたかを理解するために分解できる、Fireworks CS3で作成されたロゴタイプの大きなコレクションが含まれています。
effectiveUIの開発ワークフロー
Lance Christmann
このサンプルの各イラストレーションは、ほとんどすべてのベクターオブジェクトを使用して完全にFireworks CS3で作成されました。また、現在は、ソースファイルの別のフレームに配置されています。（注意： このサンプルのイラストレーションは、教育のために使用されることだけを目的としており、どのような形であれ複製することはできません。これらはeffectiveUIの独占的資産です。）
Fireworksデベロッパーセンターで含める対象となるサンプルについてお知らせください*。
ダウンロード
Fireworks8に対するソフトウェアの更新をダウンロードし、Fireworks CS3の体験版をダウンロードします。また、Fireworksのコマンドパネル、スタイルおよびリッチシンボルをダウンロードして、Fireworksのデザインおよび開発作業のレベルを一段階引き上げることができます。
コマンドパネル
既存の機能を拡張するため、およびイメージ拡張機能、オブジェクトの操作などのためのコマンドパネルをFireworksに追加します。
スーパーガイド1.0
Steven Grosvenor
任意のサイズ、角度および透明度の等角投影法のイラストレーションを作成します。使用を開始するためのユーザガイド（PDF）が含まれています。（新規）
Fireworks to XAMLパネル*
Grant Hinkson
このコマンドパネルを使用して、既存のFireworksアートワークをWindows Presentation Foundationプロジェクトに移行します。
コマンドスクリプト
コマンドスクリプト（マクロ）をFireworksに追加し、ワークフローを改善します。（新規）
お気に入りアイコンとして書き出し
John Dunning
16×16ピクセルのドキュメントを用意し、それを使用してお気に入りアイコンを作成して、特定のWebサイトまたはWebページに関連付けます（このコマンドはWindows版のFireworksだけで実行されます)。
ページコマンド
John Dunning
Fireworks CS3でページを使用するときに共通のタスクを実行します。ページの削除、複製および名前の変更以外にも、フレームのページへの配分、ページへのファイルの読み込み、すべてのページへの書き出し設定の適用、およびモックアップの特定のページへの移動を行うことができます。
フレームおよびレイヤーのユーティリティ
John Dunning
長い時間をかけずに様々なフレームおよびレイヤーを使用します。共通のフレームおよびレイヤーのメニューコマンドに対して、またはフレームごとにレイヤーを非表示にするには、キーボードショートカットを使用します。選択を新しいサブレイヤーに移動し、最も上のレイヤーを上または下に移動し、左から右に積み重ねます。
グループコマンド
John Dunning
簡単にグループを操作できます。グループに適用されたエフェクトを失わずに、クリップボードのコンテンツを選択したグループにペーストします。選択したグループのサブエレメントの属性をコピーし、同じ構造を共有する別のグループにペーストします。
QuickClips
John Dunning
アイコン、背景グラフィック、テキストのブロックなどの頻繁に使用されるエレメントをドキュメントに挿入します。この拡張機能は、QuickClipsライブラリのいくつかのWindowsカーソルアイコンに付属しています。
ソロコマンド
John Dunning
現在選択されている１つ以上のエレメント以外のすべてのエレメントを非表示にします。ソロエフェクトのオンとオフを切り替えることによって、エレメントをエレメントだけで、またはすべてのエレメントのコンテキスト内で確認できます。
スタイル
次のスタイル（STLファイル）をダウンロードして、新しいスタイルをスタイルパネルに組み込みます。
古い用紙
José Angel Rivera Domínguez
古い用紙のエフェクトをシミュレートするためのカスタムテクスチャを使用したLive Filtersを含む、高品質の用紙のスタイルをすばやく適用します。（新規）
クリエイティブ
これらのスタイルをオブジェクトに適用して、迅速に魅力的なエフェクトを使用し、簡単に色を変更し、Live Filtersおよびレイアウトに適したスタイルのテクスチャを使用します。
リッチシンボル
OS レベルのコントロールやボタン、アニメーション、テーマ、行頭文字など、あらかじめデザインされたアセットを利用して、すばやく作業に取りかかれます。 アセットはすべて、どのプロジェクトからでもアクセスできる共有ライブラリに収録されています。
PaperGrams
Danielle Beaumont
PaperGramsは、鉛筆と紙のような感覚を模して作成された、手描きのフロー図エレメントとワイヤフレームエレメントです。CS3の共有ライブラリのリッチシンボルとして、これらは、背景の色とフォントのシンボルプロパティを使用して、インテリジェントに拡大または縮小できます。
Fireworksデベロッパーセンターで含める対象としてダウンロードするものをお知らせください*。
コミュニティ
開発に関する知識を共有し、他のデベロッパーが何を作っているのかを確かめ、Fireworks開発コミュニティの中でコーディングに関する質問をすることができます。
Fireworksコミュニティのアクティブなメンバーを探す
Fireworksユーザグループを探す
お住まいの地域にFireworksユーザグループはありますか。ユーザグループに申し込んで開始してみましょう。正式なAdobe Fireworksユーザグループは、基本的な要件だけで開始できます。それは、グループ専用のアクティブなWebサイトを持っていること、および毎月ユーザグループのミーティングを開催することです。それだけで申し込むことができます。
お住まいの地域でFireworksユーザグループを開始する場合は、次の手順で申し込みます。
- 申し込み書*に必要事項を書き込みます。
- ユーザグループのサイトの作成を開始し、１回目のミーティングを計画します。
- 詳しくは、このプログラムの担当者であるEd Sullivan宛てに電子メールでお問い合わせください。
Fireworksリソースに接続する
次のリソースを使用してFireworksコミュニティに参加します。
Fireworks Design Center
デジタルデザインとモーショングラフィックにおける最新情報について学びます。月に２回、最新のチュートリアルと記事を確認し、創作の参考になるギャラリー作品をご覧ください。
Fireworksサポートフォーラム
Fireworksについての特定の質問に対する回答をお探しですか。フォーラムに質問を投稿し、Fireworksコミュニティのアドビ コミュニティエキスパートや他のユーザから支援を受けることができます。
