Dreamweaver4

2000/12/29
=====================================================[ No.10 2000/12/29 ]==

                Dreamweaver Programming < Dreamweaver4 >

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

◆はじめに
===========================================================================
今年最後のメルマガ発行となりました。発行していない間に 米マクロメディアでは
Dreamweaver 4が発売され、日本でも2月発売です。Fireworks 4 はすでに両方で発売
されます。どうせなら、一緒に出してほしかったんですが、Photoshop 6.0 に対抗し
たんですかね。僕は、Fireworks 単体のアップグレードはやめて Photoshop 6.0を
買いました。(^^;

http://www.macromedia.com/software/dreamweaver/ (米)
http://www.macromedia.com/jp/software/dreamweaver/ (日本)

前回、SWF書き出しの続きをやると書いていましたが、Dreamweaver 4 には標準搭載
されたので、Dreamweaver 4 の機能紹介とあわせて、Dreamweaver 4 のSWF 書き出し
の方法を説明しようと思います。

◆拡張ファイル
===========================================================================
Exchange Dreamweaver は米サイトにはあるんですが、日本にはないので自分で作り
ました。登録することも可能です。Extension Manager をインストールしていれば、
簡単に拡張ファイルをインストールすることができます。

http://www.game3rd.com/dreamweaver/extensions/

現在はヘルプがありませんが、使用方法と作成方法を説明しようと思っています。

Dreamweaver Conferenceで Dreamweaver Awards が行われたんですが、Fireworks
統合部門で、テーブルからスライス画像を作成する Extension がノミネートされ
ました。この部門は 4 人しか居ないので、登録している人全員が、選ばれていま
した。(^^;

http://www.macromedia.com/software/dreamweaver/news/awards.html

◆Dreamweaver 4
===========================================================================
Dreamweaver 4 の新機能については、
http://www.macromedia.com/jp/software/dreamweaver/productinfo/features/
このページを見ていただくとして、拡張機能に絞って説明します。

新機能が追加されると、当然拡張機能も同じことができるように拡張されるので、
新機能と同じなんですが、Dreamweaver 3 以上にいろいろと拡張できるように
なっています。

うれしい機能順に並べてみました。ここで紹介している以外の拡張機能については、
で、Extending Dreamweaverをダウンロードして下さい。
http://www.macromedia.com/support/dreamweaver/extend/extend_dw4.html

1. Flash オブジェクト

オブジェクトに、Flash テキストとFlash ボタンが新しく追加されました。この
2つのオブジェクトは、Flash オブジェクトを使って SWF ファイルを作成してい
ます。この Flash オブジェクトの正体は、オフライン Generator です。Java が
必要になったので、なんでなのかと思ったら、このためでした。オフライン 
Generator が搭載されているので、1日数回の更新するようなものなら、Dreamweaver
だけで更新することも可能です。書き出しフォーマットには、SWF,GIF,JPGに対応して
います。Generator テンプレートを利用することができるので、Fireworksの連携
以上にいろいろできそうです。Generator と同様に Java を使ってオブジェクトを追加
することもできます。

Javaを使わなくても、Flashボタンのスタイルを追加するだけでも面白そうです。
http://www.macromedia.com/support/dreamweaver/assets/flashbutton/

こんな機能つけたら、Generator 持っているユーザーが怒りそうな気がするん
ですがどうなんでしょう。(^^;

Flash テキストとFlash ボタンは、再編集可能になっていますが、この機能を
簡単に実装できるように値をFlashに埋め込めるようになっています。また、
Dreamweaverで書き出したものであれば、自動的にプレビューするようになって
います。拡張するために生まれてきたような機能です。

今回、一押しの拡張機能です。

2. ツリービュー、カラーパレット

コマンドやビヘイビアなどダイアログを表示する場合に、<FORM>内の内容が表示され
るので、HTMLに準拠した項目しか使えなかったのですが、今回、Dreamweaver用に
オリジナルのタグが追加されました。ツリービューとカラーパレットです。
ツリービューを使えば、フォルダなど、階層構造をしているものを表示することが
できます。UltraDevの場合だと、データベースの設定のところに使われています。

ツリービューはこんな感じに定義します。
<MM:TREECONTROL name="CtrlName" size=6 style="width:400px; height:300px" >
<MM:TREECOLUMN name="Column1"value="名前">
<MM:TREECOLUMN name="Column2"value="値">
<MM:TREECOLUMN name="Column3"value="説明">
<MM:TREENODE value="うえき"selected>
<MM:TREENODE value="ともひろ|24|おとこ"></MM:TREENODE>
<MM:TREENODE value="なつこ|??|おんな"></MM:TREENODE>
<MM:TREENODE value="たけひこ|0|おとこ"></MM:TREENODE>
</MM:TREENODE>
</MM:TREECONTROL>

これを表示すると下のようなイメージになります。
http://www.game3rd.com/dreamweaver/mail/dlg.gif

つぎに、カラーパレットです。今までだと、手入力だった色の設定がこれを使えば、
パレットから色を選択することができます。Flash テキストやFlashボタンで使わ
れています。

カラーパレットはこのように定義します。
<input type="mmcolorbutton" name="color" value="#000000">

これだけだとパレットだけ表示されるので、手入力に対応するには、テキストボッ
クスが必要です。
<input type="mmcolorbutton" name="color" value="#000000">
<input type="text" name="colorField" size="10" maxlength="7" value="#000000">

定義しただけでは、ただあるだけなので、関連付けるには、状態が変化するたびに
スクリプトで制御する必要があります。

カラーパレットは色の選択にかなり役に立ちますが、リストビューは使いどころが
難しいですね。

3. フォント名の取得
JavaScriptを使って、マシンにインストールされているフォントの一覧を取得できる
ようになりました。フォント名が手入力だったのが、これを使えば、簡単にフォント
を選択できるようになります。

dreamweaver.getSystemFontList( "TrueType" or "All" );

また、フォントがサポートしているスタイルを取得することもできます。

dreamweaver.getFontStyles( "fontName" );

Flashがらみが多いんですが、Flash テキストや Flash ボタンで使用されています。

4. レポート

レポート機能は、サイト内にあるファイルを、IMGタグのALT属性がないものを調べ
たり、空タグの有無を行って、レポートを作成する機能です。この機能をカスタマ
イズすれば独自のレポートを作成することができます。ファイルサイズのチェックや
スペルチェックなどができそうです。

5. ソース管理
ソース管理に、標準で WebDAVや SourceSafe を使って管理できるようになってい
ますが、カスタマイズすれば他のツールで、管理することが可能になります。
CVSが利用できそうです。

UltraDevだとこれら以外に、データベース接続、JavaBeansの利用が可能になってい
ます。UltraDevは日本でもそろそろ出しそうなので、アップグレードするなら、
UltraDevにしようかなと思ってます。

◆セミナーの結果
===========================================================================
12月18日に、厚生年金会館芸術ホールでセミナーをしました。大阪では 500 人は
難しいと思ったんですが、突破してすごくいいセミナーになりました。
(僕のセミナーがよかったとは言えないんですが。(^^;)

セミナーのときに使ったレジュメはここで公開しています。UCONのもあります。
http://www.game3rd.com/seminar/

◆おしまい
===========================================================================
Dreamweaver 4はほんと楽しみなソフトになりました。日本でも Exchange を開始
するらしいので、日本発の拡張ファイルが増えてくるのを楽しみにしてます。
次回は、Dreamweaver 4 が出る前には出したいと思っています。その頃には、
Dreamweaver 4専用の拡張ファイルが見せられるんじゃないかなぁと思ってます。
トライアル期間がある限りなんですが。(^^;

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

                        Dreamweaver Programming

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

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

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

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


TOP > Dreamweaver> メールマガジン > Dreamweaver4