パワーユーザー必携の海外の拡張機能20選+α
TRANSCRIPT
パワーユーザー必携の海外の拡張機能 20選+α
March 5, Sat. By Akira Maruyama
自己紹介
まるやま あきら鳥取在住。Web歴15年ほど。CSS Niteで何度かスピーカーやりました。
や の拡張機能とか作ってます。
http://dwlog.net/
パブリックベータからずっとFireworks一筋!
• 初めからパスでビットマップオブジェクトが描けた
• ライブエフェクトが画期的!
今日のアウトライン
• 拡張機能って何?• 海外の拡張機能の紹介‣ レイアウト支援系‣ オブジェクト操作系‣ その他•番外編:便利なアプリの紹介•まとめ
拡張機能って何?
拡張機能 = Fireworksに機能を追加するもの
• コマンド
• コマンドパネル
• ライブラリ
• パターン
• テクスチャ
• 自動シェイプ
など
コマンドとコマンドパネルコマンド → メニューから直接実行
• 中身は JavaScript + Fireworks API
• よく使うものはカスタムキーボードショートカットを割り当てると効率的
• 定形であればヒストリーからも作成可
コマンドとコマンドパネルコマンドパネル → Flashで作成されたGUIを持つ
• 標準で入っているパネルの一部も(パス、整列パネルなど)
• パネル上のボタンや値の入力で実行
導入方法
mxp形式
で簡単に導入できる
実行ファイルのみ
指定のフォルダに格納する必要がある
海外の拡張機能~レイアウト支援系~
海外の拡張機能
レイアウト支援系コマンドパネル
• Guides panelコマンド
•960.gs Grid Generators自動シェイプ
•Placeholder
• Tables
デモ
海外の拡張機能
レイアウト支援系• 960.gs Grid Generatorshttp://www.adobe.com/devnet/fireworks/articles/guides_panel.html
• Guides panelhttp://960.gs/
• Tables作者はJohn Dunning氏。 近日公開予定!
• Placeholderhttp://johndunning.com/fireworks/about/Placeholder
海外の拡張機能~オブジェクト操作系~
海外の拡張機能
オブジェクト操作系
コマンドパネル
• Gradient Panel• Gradient Direction Editor• Transform Panel• Object
海外の拡張機能
オブジェクト操作系
コマンド• Orange Commands• Fill With Background• Group Commands• Keyboard Resize• Level Horizon
• Smart Resize• Smart Knife• Smart Punch• Linked Images
デモ
海外の拡張機能
オブジェクト操作系• Gradient Panel
http://www.adobe.com/devnet/fireworks/articles/gradient_panel.html
• Gradient Direction Editorhttp://www.granthinkson.com/2008/05/15/new-fireworks-panel-gradient-direction-editor/
• Transform Panelhttp://www.senocular.com/fireworks/extensions/?entry=572
• Objecthttp://fireworks.abeall.com/extensions/panels/
海外の拡張機能
オブジェクト操作系• Orange Commands
http://orangecommands.com/
• Fill With Backgroundhttp://johndunning.com/fireworks/about/FillWithBackground
• Group Commandshttp://johndunning.com/fireworks/about/GroupCommands
• Keyboard Resizehttp://johndunning.com/fireworks/about/KeyboardResize
• Level Horizonhttp://johndunning.com/fireworks/about/LevelHorizon
海外の拡張機能
オブジェクト操作系
• Smart Resizehttp://johndunning.com/fireworks/about/SmartResize
• Smart Knifehttp://johndunning.com/fireworks/about/SmartKnife
• Smart Punchhttp://johndunning.com/fireworks/about/SmartPunch
• Linked Imageshttp://johndunning.com/fireworks/about/LinkedImages
海外の拡張機能~その他~
海外の拡張機能
その他
コマンドパネル
• CSS Sprite Panelコマンド
•Favicon•Export Selection
デモ
• CSS Sprite Panelhttp://www.euchoice.com/blog/2010/12/08/css-sprite-maker-a-useful-fireworks-extension/
• Faviconhttp://johndunning.com/fireworks/about/ExportAsFavicon
• Export Selectionhttp://johndunning.com/fireworks/about/ExportSelection
海外の拡張機能
その他
番外編便利なアプリの紹介
• Adobe謹製のAIRアプリ。無料。• 同時に立ち上げておくことで、指定時間毎に同階層にバックアップを作成。
Fireworks-AutoBackup Utility
時間を設定
「Enable」ボタンで実行
Fireworks-AutoBackup Utility
• Macのみ。無料。
• 自動保存を時間おき、アプリ切り替え時などに実行可能。
• 有料版はバックアップやバージョン管理も。
ForeverSave Lite
ForeverSave Lite
1. アプリを登録
2. Save when switching to another applicationにチェック
3. Save when timer endsにチェックして時間を指定
番外編
便利なアプリの紹介
• Fireworks-AutoBackup Utilityhttp://www.adobe.com/cfusion/marketplace/index.cfm?event=marketplace.offering&offeringid=10210
• ForeverSave Litehttp://www.tool-forcesw.com/foreversave-lite/
まとめ
まとめ
•拡張機能を使用すれば、より作業の効率化が図れます
• 特にコマンドはキーボードショートカットを割り当てるとさらに便利
• 海外に目を向けると便利な拡張機能がたくさんあります