Re:Creator's Chat Vol.2の講演資料です。

1. 実はこんなこともできる
Fireworksの裏技
Re:Creator's Chat Vol.2 2009.2.21

2. 自己紹介
Re:Creator's Chat Vol.2 2009.2.21

3. 丸山 章
（マルヤマ アキラ）
Mixi ID: @kira±0
Re:Creator's Chat Vol.2 2009.2.21

4. I. 岡山出身、鳥取在住、今は単身赴任で
大阪に来て約1年。
II. 10年間Webデザイナーやってました。
III. 現在は派遣で京セラで携帯のUIの仕様
の開発やってます。→3月で終わり
IV. CSS Nite で過去 Dreamweaver ネタ
で話したことも一応あり。
Re:Creator's Chat Vol.2 2009.2.21

5. V. 本も書きました(共著ですが…)。
買ってください。:-)
Re:Creator's Chat Vol.2 2009.2.21

6. 本日のアジェンダ
Re:Creator's Chat Vol.2 2009.2.21

7. I. Extending Fireworksって知ってる？
II. 座標の任意指定
III. Webレイヤーを非表示にする
IV. テキストオブジェクトを
選択しただけでトラッキング
Re:Creator's Chat Vol.2 2009.2.21

8. Extending Fireworks
って知ってる？
Re:Creator's Chat Vol.2 2009.2.21

9. ‣ Fireworksの拡張ガイドのこと。
http://help.adobe.com/en_US/
Fireworks/10.0_Extending/
Re:Creator's Chat Vol.2 2009.2.21

10. ‣ Fireworksの機能をコマンドで
制御するためのオブジェクトや
APIなどのリソースを提供しています。
JavaScript で記述。 var nn = fw.selection.len
if(nn == 1) {
var getkerning_v =
fw.selection[0].textRuns.
ing;
var setkerning_v = Math.r
- 10 ;
fw.getDocumentDOM().setTe
ng_v/100); Re:Creator's Chat Vol.2 2009.2.21

11. ‣ でも日本語化されていません。orz
Re:Creator's Chat Vol.2 2009.2.21

12. 座標の任意指定
Re:Creator's Chat Vol.2 2009.2.21

13. プロパティインスペクタだと…
←これ
座標は整数値
Re:Creator's Chat Vol.2 2009.2.21

14. コマンドだと…
座標は任意の指定が可能
←ここは整数値
のままだったり orz
Re:Creator's Chat Vol.2 2009.2.21

15. fw.getDocumentDOM().moveSelectionTo
({x:X, y:Y}, false, false);
X Yに任意の数値を入れる。
Re:Creator's Chat Vol.2 2009.2.21

16. Webレイヤーを
非表示にする
Re:Creator's Chat Vol.2 2009.2.21

17. こうなる
Re:Creator's Chat Vol.2 2009.2.21

18. ‣ スライスオブジェクトの表示は
ツールパレットで可能。
‣ スライスの場合は、あまり階層は
関係無かったりする。
じゃあWebレイヤー
いらないんじゃない？
Re:Creator's Chat Vol.2 2009.2.21

19. fw.setPref("LayersList_ShowWebLayer",
false);
falseで非表示、trueで表示
Re:Creator's Chat Vol.2 2009.2.21

20. テキストオブジェクトを
選択しただけで
トラッキング（文字詰め）
Re:Creator's Chat Vol.2 2009.2.21

21. デフォルトだと…
この状態だとショートカット
でトラッキングできない。
Re:Creator's Chat Vol.2 2009.2.21

22. コマンドにショートカットを割り当てて
できるよ。
なんでデフォルトで
実装しないの？
Re:Creator's Chat Vol.2 2009.2.21

23. var nn = fw.selection.length;
if(nn == 1) {
var getkerning_v =
fw.selection[0].textRuns.
fw.getDocumentDOM().
initialAttrs.rangeKerning;
setTextCharSpacing(トラッキングの値);
var setkerning_v =
Math.round(getkerning_v*100)
fw.getDocumentDOM().setTextCha
ing(setkerning_v/100);
実際には選択オブジェクトの属性を取得する
必要がありますが、キモはここ。
} else if (nn >= 2){
alert("Please select only on
text object.");
} else {
Re:Creator's Chat Vol.2 2009.2.21

24. まとめ
Re:Creator's Chat Vol.2 2009.2.21

25. I. Extending FireworksでFireworksを
制御できるリソースを入手できる。
II. JavaScriptで開発できる。
III. コマンドを使ってメニューからは
不可能なことも出来たりする。
Re:Creator's Chat Vol.2 2009.2.21

26. 是非試してください。
Re:Creator's Chat Vol.2 2009.2.21

27. サンプルダウンロード
レイヤーの表示非表示
http://homepage.mac.com/akira_maru/fireworks/
mxp/SetVisibleWebLyr_J.mxp
オブジェクト選択でトラッキング
http://homepage.mac.com/akira_maru/fireworks/
mxp/TextTracking_J.mxp
Re:Creator's Chat Vol.2 2009.2.21

28. ありがとうございました
Re:Creator's Chat Vol.2 2009.2.21