続・Fireworksとの連携

2002/01/25}
=====================================================[ No.17 2001/01/25 ]==

                Dreamweaver Programming < 続・Fireworksとの連携 >

                                                            [ BACK NUMBER ]
                                   http://www.game3rd.com/dreamweaver/mail/
===========================================================================

◆Fireworksでの書き出し
===========================================================================
前回からの続きです。書き出し方法についてです。Fireworksでは通常、PNGから別
ファイル形式に書き出して使用するソフトです。Webに利用するなら、PNGをそのまま
使うことはできないので、減色または圧縮を行ってGIFやJPEGに変換します。
同じようにして、FlashやPhotoshopで利用するためにSWFやPSD形式に書き出して
使うこともできます。いろいろと書き出す方法がありますが、コマンドから書き出し
行う場合にもフォーマットに応じて書き出し方法を書き換える必要があります。

○GIFやJPEGなどの１枚の画像
最適化パネルで書き出し方法について細かく設定できますが、同じようにして
コマンドで書き出す場合にもオプションを設定して書き出すことになります。

// fileURL: PNG画像のパス
var theDOM = fw.openDocument( fileURL );

// expURL: 書き出し先ファイル名
fw.exportDocumentAs( theDOM, expURL, [オプション] );

この[オプション]に書き出しの設定内容を記述します。

たとえば、GIFであれば

sourceFormat = {
	applyScale:false,
	colorMode:"indexed",
	exportFormat:"GIF",
	jpegQuality:80,
	jpegSmoothness:0,
	jpegSubsampling:1,
	name:"GIF WebSnap 128",
	numEntriesRequested:128,
	percentScale:100,
	useScale:true,
	xSize:0,
	ySize:0
};
fw.exportDocumentAs( theDOM, expURL, sourceFormat );

となり、JPEGの場合は

sourceFormat = {
	applyScale:false,
	colorMode:"24 bit",
	exportFormat:"JPEG",
	jpegQuality:80,
	jpegSmoothness:0,
	jpegSubsampling:0,
	name:"JPEG - Better Quality",
	numEntriesRequested:0,
	percentScale:100,
	useScale:true,
	xSize:0,
	ySize:0
};

fw.exportDocumentAs( theDOM, expURL, sourceFormat );

となります。オプションの設定内容を変えれば、他のBMPやPNGで書き出すことも
できます。今の方法はコマンドで書き出し設定を指定していましたが、PNGに元々
設定している内容をそのまま利用することもできます。

fw.exportDocumentAs( theDOM, expURL, null );

オプションの引数をnullを渡すとPNGの設定を使って書き出しを行います。

このexportDocumentAs関数を使った場合は、スライスが設定されている画像であって
も１枚絵の画像として書き出されるので注意して下さい。

○スライス
先ほどのexportDocumentAs関数では一枚絵になるので、スライスで書き出すこと
はできません。スライスで書き出す場合にはスライス専用の書き出し関数を使い
ます。

// htmlURL: HTMLファイルの書き出し先ファイル名
// expURL: 画像の書き出し先ファイル名。
fw.exportHtmlAndImages( theDOM, htmlURL, expURL );

HTMLと画像の書き出し先を指定してやります。画像とHTMLの保存先を変えることが
できます。書き出し設定はPNGの設定をそのまま利用することになります。

○その他
他にも書き出し方法がいろいろありますが、後は特定の用途のみなので、
詳しい使い方はExtending FireworksのPDFを参照して下さい。

書き出し機能を操ることで、Dreamweaverで画像の生成が行うことができます。
特にFireworksではインターフェイスを作ることができないので、Dreamweaverを
利用すれば凝ったことができます。コマンドに「Webフォトアルバムの作成」が
ありますが、いい見本です。簡単で終わりましたが、次回は２月下旬頃に発行
する予定です。次回のネタはソースの整形についてです。よくこれに悩まされる
ですが、僕なり整形の方法を紹介しようと思います。

◆作成した拡張機能
===========================================================================
今回僕が作成した機能はないんですが、新しい拡張機能が登録されたのでご紹介
します。

○FireworksPNGで保存 (作者 masayan さん)
-- 紹介文 --
サイトウィンドウで指定したイメージファイルをFireworksPNGに変換します。
サイトウィンドウで変換したいファイルを選択(複数指定可)した後、コンテクスト
メニューの「FireworksPNGで保存」を実行してください。
http://www.game3rd.com/dreamweaver/extensions/info/75.htm

○Fireworksプロジェクトログに書き出し (作者 masayan さん)
-- 紹介文 --
サイトウィンドウで指定したPNGファイルをFireworksのプロジェクトログに書き
出します。コンテクストメニューの「プロジェクトログに書き出し」をクリック
してください。
http://www.game3rd.com/dreamweaver/extensions/info/76.htm

○複数イメージの挿入 (作者 masayan さん)
-- 紹介文 --
サイトウィンドウで指定したイメージファイルをページに一気に挿入します。
http://www.game3rd.com/dreamweaver/extensions/info/77.htm

○ルビ挿入 (作者 Tsutomu Kamimori さん)
-- 紹介文 --
XHTML1.1のモジュールとして採用されたRUBY要素を挿入するコマンドです。
RUBY要素の詳細は、http://www.w3.org/TR/2001/REC-ruby-20010531/より入手
できます。このコマンドよりヘルプファイルも添付しました。他の拡張機能に
ついても順次ヘルプファイルを追加する予定です。
http://www.game3rd.com/dreamweaver/extensions/info/78.htm

◆HomeSite5
===========================================================================
Macromediaから新しいHTMLエディタが出ました。普通のテキストエディタとして
使うとかなり重いんですが、HTMLのチェックが便利で、コードの入力も
ヒント機能が付いているのでかなり楽です。閉じタグも勝手に挿入してくれます。
http://www.macromedia.com/jp/software/homesite/
しかし、サイト管理機能は弱いので、DreamweaverかGoLiveが必要になります。
コードを入力するために作られたエディタです。

◆FIRECRACKER-サイト編
===========================================================================
森川さんから何枚かサンプルをもらったので、このメルマガを読んでいる方に
アンケート付きプレゼントをしようと思います。簡単なアンケートに答えて
いただいて抽選で５名の方にお送りしようと思います。
アンケートページは
http://www.game3rd.com/dreamweaver/form/
です。２月１４日までが応募期間になります。メールアドレスを記入していただいて、
当たった方だけにメールを送り、送付先を教えてもらう形になります。

あと、FIRECRACKERの無料セミナーを森川さんが全国を行脚されているのですが、
２７日に大阪に来られます。大阪は僕も近いので２７日は僕も参加する予定です。
よろしかったら来て下さい。
http://www.dhw.co.jp/dhw_cgi/textinput/seturl.cgi?id=4&url=1&d_date=2002&No=1

◆おしまい
===========================================================================
年明けから、今更ながら教習所に通ってます。教習所に行くと時間をかなり取られて
仕事がだんだんとたまってきてます。もうすぐ１段階が終わるので、２月中には
とれるかなと思ってます。最近寒くなってますが、風邪を引かないように気を付け
ましょう。


===========================================================================

                        Dreamweaver Programming

    発行、編集： 植木 友浩 
    登録、解除： http://www.game3rd.com/dreamweaver/mail/

          注意： 記載された情報は各人の責任においてご利用ください。
                 この記事により生じるいかなる損害についても責任は
                 負いかねますのでご了承ください。

                Copyright(C) 1999-2002. Tomohiro Ueki. All rights reserved.
===============================================[ Magazine ID: 0000021775 ]=

                                                                 Thank you!
---------------------------------------------------------------------------
このメールマガジンは、インターネットの本屋さん『まぐまぐ』を利用して
発行しています。( http://www.mag2.com/ )
---------------------------------------------------------------------------
Dreamweaver

メールマガジン

Dreamweaver

Webツール

その他

続・Fireworksとの連携
