パワーユーザー必携の
海外の拡張機能 20選+α




   March 5, Sat. By Akira Maruyama
自己紹介
まるやま あきら
          鳥取在住。Web歴15年ほど。
          CSS Niteで何度かスピーカー
          やりました。


   や   の拡張機能とか作ってます。

      http://dwlog.net/
パブリックベータから
ずっとFireworks一筋!

• 初めからパスでビットマップ
 オブジェクトが描けた
• ライブエフェクトが画期的!
今日のアウトライン
• 拡張機能って何?
• 海外の拡張機能の紹介
    ‣ レイアウト支援系
    ‣ オブジェクト操作系
    ‣ その他
•   番外編:便利なアプリの紹介
•   まとめ
拡張機能って何?
拡張機能 = Fireworksに
 機能を追加するもの

• コマンド    • テクスチャ
• コマンドパネル • 自動シェイプ
• ライブラリ
• パターン          など
コマンドとコマンドパネル
コマンド → メニューから直接実行

• 中身は JavaScript + Fireworks API
• よく使うものはカスタムキーボード
  ショートカットを割り当てると効率的

• 定形であればヒストリーからも作成可
コマンドとコマンドパネル
  コマンドパネル
   → Flashで作成されたGUIを持つ

  • 標準で入っているパネルの一部も
   (パス、整列パネルなど)

  • パネル上のボタンや値の入力で実行
導入方法
mxp形式

  で簡単に導入できる


  実行ファイルのみ

指定のフォルダに格納する
必要がある
海外の拡張機能
∼レイアウト支援系∼
海外の拡張機能

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

        レイアウト支援系
• 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
海外の拡張機能
∼オブジェクト操作系∼
海外の拡張機能

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

     オブジェクト操作系

コマンド
• Orange Commands        • Smart Resize
• Fill With Background   • Smart Knife
• Group Commands         • Smart Punch
• Keyboard Resize        • Linked Images
• Level Horizon
デモ
海外の拡張機能

            オブジェクト操作系
•   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/
海外の拡張機能

           オブジェクト操作系
• 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
海外の拡張機能

        オブジェクト操作系
• 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
海外の拡張機能
 ∼その他∼
海外の拡張機能

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

               その他
• 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
番外編
便利なアプリの紹介
Fireworks-AutoBackup Utility

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


             時間を設定
            「Enable」ボタンで実行
ForeverSave Lite

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



  2. Save when switching to
another applicationにチェック



                              3. Save when timer ends
                              にチェックして時間を指定
番外編

  便利なアプリの紹介

• 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/
まとめ
まとめ

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

  @akira_maru

パワーユーザー必携の海外の拡張機能20選+α