2011年3月5日に開催されたCSS Nite LP, Disk 14「Photoshopper meets Fireworks」での公演資料です。

1. パワーユーザー必携の
海外の拡張機能 20選+α
March 5, Sat. By Akira Maruyama

2. 自己紹介

3. まるやま あきら
鳥取在住。Web歴15年ほど。
CSS Niteで何度かスピーカー
やりました。
や の拡張機能とか作ってます。
http://dwlog.net/

4. パブリックベータから
ずっとFireworks一筋！
• 初めからパスでビットマップ
オブジェクトが描けた
• ライブエフェクトが画期的！

5. 今日のアウトライン
• 拡張機能って何?
• 海外の拡張機能の紹介
‣ レイアウト支援系
‣ オブジェクト操作系
‣ その他
• 番外編：便利なアプリの紹介
• まとめ

6. 拡張機能って何?

7. 拡張機能 = Fireworksに
機能を追加するもの
• コマンド • テクスチャ
• コマンドパネル • 自動シェイプ
• ライブラリ
• パターン など

8. コマンドとコマンドパネル
コマンド → メニューから直接実行
• 中身は JavaScript + Fireworks API
• よく使うものはカスタムキーボード
ショートカットを割り当てると効率的
• 定形であればヒストリーからも作成可

9. コマンドとコマンドパネル
コマンドパネル
→ Flashで作成されたGUIを持つ
• 標準で入っているパネルの一部も
(パス、整列パネルなど)
• パネル上のボタンや値の入力で実行

10. 導入方法
mxp形式
で簡単に導入できる
実行ファイルのみ
指定のフォルダに格納する
必要がある

11. 海外の拡張機能
∼レイアウト支援系∼

12. 海外の拡張機能
レイアウト支援系
コマンドパネル
• Guides panel • Tables
コマンド
• 960.gs Grid Generators
自動シェイプ
• Placeholder

13. デモ

14. 海外の拡張機能
レイアウト支援系
• 960.gs Grid Generators
http://www.adobe.com/devnet/fireworks/articles/
guides_panel.html
• Guides panel
http://960.gs/
• Tables
作者はJohn Dunning氏。 近日公開予定！
• Placeholder
http://johndunning.com/fireworks/about/Placeholder

15. 海外の拡張機能
∼オブジェクト操作系∼

16. 海外の拡張機能
オブジェクト操作系
コマンドパネル
• Gradient Panel
• Gradient Direction Editor
• Transform Panel
• Object

17. 海外の拡張機能
オブジェクト操作系
コマンド
• Orange Commands • Smart Resize
• Fill With Background • Smart Knife
• Group Commands • Smart Punch
• Keyboard Resize • Linked Images
• Level Horizon

18. デモ

19. 海外の拡張機能
オブジェクト操作系
• Gradient Panel
http://www.adobe.com/devnet/fireworks/articles/
gradient_panel.html
• Gradient Direction Editor
http://www.granthinkson.com/2008/05/15/new-fireworks-
panel-gradient-direction-editor/
• Transform Panel
http://www.senocular.com/fireworks/extensions/?entry=572
• Object
http://fireworks.abeall.com/extensions/panels/

20. 海外の拡張機能
オブジェクト操作系
• Orange Commands
http://orangecommands.com/
• Fill With Background
http://johndunning.com/fireworks/about/FillWithBackground
• Group Commands
http://johndunning.com/fireworks/about/GroupCommands
• Keyboard Resize
http://johndunning.com/fireworks/about/KeyboardResize
• Level Horizon
http://johndunning.com/fireworks/about/LevelHorizon

21. 海外の拡張機能
オブジェクト操作系
• Smart Resize
http://johndunning.com/fireworks/about/SmartResize
• Smart Knife
http://johndunning.com/fireworks/about/SmartKnife
• Smart Punch
http://johndunning.com/fireworks/about/SmartPunch
• Linked Images
http://johndunning.com/fireworks/about/
LinkedImages

22. 海外の拡張機能
∼その他∼

23. 海外の拡張機能
その他
コマンドパネル
• CSS Sprite Panel
コマンド
• Favicon
• Export Selection

24. デモ

25. 海外の拡張機能
その他
• CSS Sprite Panel
http://www.euchoice.com/blog/2010/12/08/css-
sprite-maker-a-useful-fireworks-extension/
• Favicon
http://johndunning.com/fireworks/about/
ExportAsFavicon
• Export Selection
http://johndunning.com/fireworks/about/
ExportSelection

26. 番外編
便利なアプリの紹介

27. Fireworks-AutoBackup Utility
• Adobe謹製のAIRアプリ。無料。
• 同時に立ち上げておくことで、
指定時間毎に同階層に
バックアップを作成。

28. Fireworks-AutoBackup Utility
時間を設定
「Enable」ボタンで実行

29. ForeverSave Lite
• Macのみ。無料。
• 自動保存を時間おき、アプリ
切り替え時などに実行可能。
• 有料版はバックアップや
バージョン管理も。

30. ForeverSave Lite
1. アプリを登録
2. Save when switching to
another applicationにチェック
3. Save when timer ends
にチェックして時間を指定

31. 番外編
便利なアプリの紹介
• Fireworks-AutoBackup Utility
http://www.adobe.com/cfusion/marketplace/
index.cfm?
event=marketplace.offering&offeringid=10210
• ForeverSave Lite
http://www.tool-forcesw.com/foreversave-lite/

32. まとめ

33. まとめ
• 拡張機能を使用すれば、
より作業の効率化が図れます
• 特にコマンドはキーボードショート
カットを割り当てるとさらに便利
• 海外に目を向けると便利な
拡張機能がたくさんあります

34. ご静聴ありがとう
ございました
@akira_maru