パワーユーザー必携の海外の拡張機能20選+α
TRANSCRIPT
![Page 1: パワーユーザー必携の海外の拡張機能20選+α](https://reader033.vdocuments.net/reader033/viewer/2022052912/55a05f481a28ab522e8b46b9/html5/thumbnails/1.jpg)
パワーユーザー必携の海外の拡張機能 20選+α
March 5, Sat. By Akira Maruyama
![Page 2: パワーユーザー必携の海外の拡張機能20選+α](https://reader033.vdocuments.net/reader033/viewer/2022052912/55a05f481a28ab522e8b46b9/html5/thumbnails/2.jpg)
自己紹介
![Page 3: パワーユーザー必携の海外の拡張機能20選+α](https://reader033.vdocuments.net/reader033/viewer/2022052912/55a05f481a28ab522e8b46b9/html5/thumbnails/3.jpg)
まるやま あきら鳥取在住。Web歴15年ほど。CSS Niteで何度かスピーカーやりました。
や の拡張機能とか作ってます。
http://dwlog.net/
![Page 4: パワーユーザー必携の海外の拡張機能20選+α](https://reader033.vdocuments.net/reader033/viewer/2022052912/55a05f481a28ab522e8b46b9/html5/thumbnails/4.jpg)
パブリックベータからずっとFireworks一筋!
• 初めからパスでビットマップオブジェクトが描けた
• ライブエフェクトが画期的!
![Page 5: パワーユーザー必携の海外の拡張機能20選+α](https://reader033.vdocuments.net/reader033/viewer/2022052912/55a05f481a28ab522e8b46b9/html5/thumbnails/5.jpg)
今日のアウトライン
• 拡張機能って何?• 海外の拡張機能の紹介‣ レイアウト支援系‣ オブジェクト操作系‣ その他•番外編:便利なアプリの紹介•まとめ
![Page 6: パワーユーザー必携の海外の拡張機能20選+α](https://reader033.vdocuments.net/reader033/viewer/2022052912/55a05f481a28ab522e8b46b9/html5/thumbnails/6.jpg)
拡張機能って何?
![Page 7: パワーユーザー必携の海外の拡張機能20選+α](https://reader033.vdocuments.net/reader033/viewer/2022052912/55a05f481a28ab522e8b46b9/html5/thumbnails/7.jpg)
拡張機能 = Fireworksに機能を追加するもの
• コマンド
• コマンドパネル
• ライブラリ
• パターン
• テクスチャ
• 自動シェイプ
など
![Page 8: パワーユーザー必携の海外の拡張機能20選+α](https://reader033.vdocuments.net/reader033/viewer/2022052912/55a05f481a28ab522e8b46b9/html5/thumbnails/8.jpg)
コマンドとコマンドパネルコマンド → メニューから直接実行
• 中身は JavaScript + Fireworks API
• よく使うものはカスタムキーボードショートカットを割り当てると効率的
• 定形であればヒストリーからも作成可
![Page 9: パワーユーザー必携の海外の拡張機能20選+α](https://reader033.vdocuments.net/reader033/viewer/2022052912/55a05f481a28ab522e8b46b9/html5/thumbnails/9.jpg)
コマンドとコマンドパネルコマンドパネル → Flashで作成されたGUIを持つ
• 標準で入っているパネルの一部も(パス、整列パネルなど)
• パネル上のボタンや値の入力で実行
![Page 10: パワーユーザー必携の海外の拡張機能20選+α](https://reader033.vdocuments.net/reader033/viewer/2022052912/55a05f481a28ab522e8b46b9/html5/thumbnails/10.jpg)
導入方法
mxp形式
で簡単に導入できる
実行ファイルのみ
指定のフォルダに格納する必要がある
![Page 11: パワーユーザー必携の海外の拡張機能20選+α](https://reader033.vdocuments.net/reader033/viewer/2022052912/55a05f481a28ab522e8b46b9/html5/thumbnails/11.jpg)
海外の拡張機能~レイアウト支援系~
![Page 12: パワーユーザー必携の海外の拡張機能20選+α](https://reader033.vdocuments.net/reader033/viewer/2022052912/55a05f481a28ab522e8b46b9/html5/thumbnails/12.jpg)
海外の拡張機能
レイアウト支援系コマンドパネル
• Guides panelコマンド
•960.gs Grid Generators自動シェイプ
•Placeholder
• Tables
![Page 13: パワーユーザー必携の海外の拡張機能20選+α](https://reader033.vdocuments.net/reader033/viewer/2022052912/55a05f481a28ab522e8b46b9/html5/thumbnails/13.jpg)
デモ
![Page 14: パワーユーザー必携の海外の拡張機能20選+α](https://reader033.vdocuments.net/reader033/viewer/2022052912/55a05f481a28ab522e8b46b9/html5/thumbnails/14.jpg)
海外の拡張機能
レイアウト支援系• 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
![Page 15: パワーユーザー必携の海外の拡張機能20選+α](https://reader033.vdocuments.net/reader033/viewer/2022052912/55a05f481a28ab522e8b46b9/html5/thumbnails/15.jpg)
海外の拡張機能~オブジェクト操作系~
![Page 16: パワーユーザー必携の海外の拡張機能20選+α](https://reader033.vdocuments.net/reader033/viewer/2022052912/55a05f481a28ab522e8b46b9/html5/thumbnails/16.jpg)
海外の拡張機能
オブジェクト操作系
コマンドパネル
• Gradient Panel• Gradient Direction Editor• Transform Panel• Object
![Page 17: パワーユーザー必携の海外の拡張機能20選+α](https://reader033.vdocuments.net/reader033/viewer/2022052912/55a05f481a28ab522e8b46b9/html5/thumbnails/17.jpg)
海外の拡張機能
オブジェクト操作系
コマンド• Orange Commands• Fill With Background• Group Commands• Keyboard Resize• Level Horizon
• Smart Resize• Smart Knife• Smart Punch• Linked Images
![Page 18: パワーユーザー必携の海外の拡張機能20選+α](https://reader033.vdocuments.net/reader033/viewer/2022052912/55a05f481a28ab522e8b46b9/html5/thumbnails/18.jpg)
デモ
![Page 19: パワーユーザー必携の海外の拡張機能20選+α](https://reader033.vdocuments.net/reader033/viewer/2022052912/55a05f481a28ab522e8b46b9/html5/thumbnails/19.jpg)
海外の拡張機能
オブジェクト操作系• 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/
![Page 20: パワーユーザー必携の海外の拡張機能20選+α](https://reader033.vdocuments.net/reader033/viewer/2022052912/55a05f481a28ab522e8b46b9/html5/thumbnails/20.jpg)
海外の拡張機能
オブジェクト操作系• 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
![Page 21: パワーユーザー必携の海外の拡張機能20選+α](https://reader033.vdocuments.net/reader033/viewer/2022052912/55a05f481a28ab522e8b46b9/html5/thumbnails/21.jpg)
海外の拡張機能
オブジェクト操作系
• 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
![Page 22: パワーユーザー必携の海外の拡張機能20選+α](https://reader033.vdocuments.net/reader033/viewer/2022052912/55a05f481a28ab522e8b46b9/html5/thumbnails/22.jpg)
海外の拡張機能~その他~
![Page 23: パワーユーザー必携の海外の拡張機能20選+α](https://reader033.vdocuments.net/reader033/viewer/2022052912/55a05f481a28ab522e8b46b9/html5/thumbnails/23.jpg)
海外の拡張機能
その他
コマンドパネル
• CSS Sprite Panelコマンド
•Favicon•Export Selection
![Page 24: パワーユーザー必携の海外の拡張機能20選+α](https://reader033.vdocuments.net/reader033/viewer/2022052912/55a05f481a28ab522e8b46b9/html5/thumbnails/24.jpg)
デモ
![Page 25: パワーユーザー必携の海外の拡張機能20選+α](https://reader033.vdocuments.net/reader033/viewer/2022052912/55a05f481a28ab522e8b46b9/html5/thumbnails/25.jpg)
• 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
海外の拡張機能
その他
![Page 26: パワーユーザー必携の海外の拡張機能20選+α](https://reader033.vdocuments.net/reader033/viewer/2022052912/55a05f481a28ab522e8b46b9/html5/thumbnails/26.jpg)
番外編便利なアプリの紹介
![Page 27: パワーユーザー必携の海外の拡張機能20選+α](https://reader033.vdocuments.net/reader033/viewer/2022052912/55a05f481a28ab522e8b46b9/html5/thumbnails/27.jpg)
• Adobe謹製のAIRアプリ。無料。• 同時に立ち上げておくことで、指定時間毎に同階層にバックアップを作成。
Fireworks-AutoBackup Utility
![Page 28: パワーユーザー必携の海外の拡張機能20選+α](https://reader033.vdocuments.net/reader033/viewer/2022052912/55a05f481a28ab522e8b46b9/html5/thumbnails/28.jpg)
時間を設定
「Enable」ボタンで実行
Fireworks-AutoBackup Utility
![Page 29: パワーユーザー必携の海外の拡張機能20選+α](https://reader033.vdocuments.net/reader033/viewer/2022052912/55a05f481a28ab522e8b46b9/html5/thumbnails/29.jpg)
• Macのみ。無料。
• 自動保存を時間おき、アプリ切り替え時などに実行可能。
• 有料版はバックアップやバージョン管理も。
ForeverSave Lite
![Page 30: パワーユーザー必携の海外の拡張機能20選+α](https://reader033.vdocuments.net/reader033/viewer/2022052912/55a05f481a28ab522e8b46b9/html5/thumbnails/30.jpg)
ForeverSave Lite
1. アプリを登録
2. Save when switching to another applicationにチェック
3. Save when timer endsにチェックして時間を指定
![Page 31: パワーユーザー必携の海外の拡張機能20選+α](https://reader033.vdocuments.net/reader033/viewer/2022052912/55a05f481a28ab522e8b46b9/html5/thumbnails/31.jpg)
番外編
便利なアプリの紹介
• Fireworks-AutoBackup Utilityhttp://www.adobe.com/cfusion/marketplace/index.cfm?event=marketplace.offering&offeringid=10210
• ForeverSave Litehttp://www.tool-forcesw.com/foreversave-lite/
![Page 32: パワーユーザー必携の海外の拡張機能20選+α](https://reader033.vdocuments.net/reader033/viewer/2022052912/55a05f481a28ab522e8b46b9/html5/thumbnails/32.jpg)
まとめ
![Page 33: パワーユーザー必携の海外の拡張機能20選+α](https://reader033.vdocuments.net/reader033/viewer/2022052912/55a05f481a28ab522e8b46b9/html5/thumbnails/33.jpg)
まとめ
•拡張機能を使用すれば、より作業の効率化が図れます
• 特にコマンドはキーボードショートカットを割り当てるとさらに便利
• 海外に目を向けると便利な拡張機能がたくさんあります