----------------------------------------------
　イベントは、まず基調講演として「Dreamweaver誕生秘話、歴史、現在」からスタート。
　Dreamweaverはウエブ制作における19の夢「19 dreams」というシナリオをもとにプロジェクトがスタートしたのだそうです。
　それから今に至るまでの10年間の進化の歴史を分かりやすく解説してくれました。

　そして次はお待ちかねの「Dreamweaver 大喜利」です。
　ウエブ業界の第一線で活躍している人達がDreamweaverを使った華麗なTipsを紹介してくれるという最高にワクワクする企画なのでした。

　その内容は

１）「MT 連携でソート可能なテーブルを自動更新」鷹野 雅弘 氏

　Dreamweaver CS3になって導入された新機能のうち、Spryというのがあります。
　誰もが自分のサイトに組み込みたいと思う、憧れのAjaxをフレームワーク（ウエブページに組み込める便利パック）を使って簡単に使えるようにしてくれたのがSpryです。

　ここでは、まずXMLの形で準備したデータを、Spryを使ってウエブサイト上でソート可能なテーブルとして簡単に組み込む方法を紹介。
　さらにXMLファイルのメンテナンスをブログツールであるMovable Type4.1を使って行う方法を紹介してくれました。

　Movable Typeは元々CMSとしての利用が可能だったのですが、Version 4になってからはその機能がさらに強化されました。
　その中でもここで活用したのが、fieldを自由に追加出来る機能です。version 3のころからもfieldは追加出来たのですがプラグインが必要でした。4.1になってからはこれが標準機能になったそうです。

　まずXMLデータのために必要なfieldを追加します。
　MTタグを使ってXMLデータ生成のためのテンプレートを作成し、Movable Typeの入力画面でエントリーを追加したり修正することによってXMLファイルをメンテナンスするのだそうです。

　なるほど、これだったら商品管理などをお客様にやってもらうときに便利そうです。

　ただ、Movable Typeは高価なので、この機能だけに使うのはちょっともったいないかもしれません。
　TSV（タブ区切り）ファイルもSpryは読み込めると言っていたので、ちょっと面倒ですがexcelなどでTSVファイルを管理し、それをサーバーにアップするという手もあるのかなと思いました。

　しかし、いつもながら鷹野さんのプレゼンは素敵です。聴いていてすごくワクワクして、同時にほっとします。

２）「デザインビューでいきましょう！」神森 勉 氏

　amazonは、Webサービスとして、その商品データをXML形式で提供しています。
　ここでは、DreamweaverがXSLT（XMLによって記述された文書を他のXML文書に変換するための簡易言語）を使えることを利用し、amazonのXMLデータをウエブページで表示する方法を紹介してくれました。

　まずDreamweaverで空のXSLTファイルを開き、ローカル（またはネット上）のXMLファイルにひも付けます。
　アプリケーションウインドーの「バインディング」にXMLのスキーマが表示されるので、その要素をXSLTのページに配置してゆきます。この時にデザインビューだけで作業出来るのがDreamweaverの素晴らしいところです。

　最後にXSLTのファイルをDreamweaverの「サーバービヘイビア」にあるPHPのXSLT変換機能で変換してページを作成するのだそうです。
　ものすごく面白そうなのですが、実際にやってみないと私にも出来るかどうかわかりません。
　
　ちなみに私のDreamweaverにはXSLTのためのサーバービヘイビアはインストールされていないと表示されてしまいます。
　うーん、よくわからん。

　ちなみにこれに関する情報が神森さんのブログ「DreamweaverでXSLT作成（その１）」に掲載されています。

３）「量産・運用・効率アップ！テンプレート活用事例」伊原 力也 氏

　Dreamweaverの大切な機能に「テンプレート」があります。
　テンプレートを活用することによって、制作者もお客様も利用者もみんなが快適に作業を進められるということを説明してました。

　中でもいいなと思ったのは、テンプレートのプロパティーを変更することによって、CMSかアプリケーションのようにウエブページを更新したり「設定」出来てしまうことでした。
　また、リピート領域やオプション領域を活用することにより、より効率的でレイアウト崩れもないメンテナンスが可能になるのです。

　お客様にメンテナンスをしてもらうには、Movable TypeなどのブログをCMSとして使う方法、Contribute、Dreamweaverテンプレートなどの方法があるのだと思いました。

４）「DW があれば、アクセシビリティチェックもできる！」植木 真 氏

　アクセシビリティーの第一人者植木さんによる講演です。
　アクセシビリティーとは、障碍者や高齢者などを含めて、どんな人でもそのサイトをきちんと利用出来るかと言うことです。

　DreamweaverにはJIS X 8341-3に対応した強力なアクセシビリティーのチェック機能があります。
　ここでは、自分のサイトに合わせたルールの設定（カスタマイズ）や、実際のチェックの模様などを紹介してくれました。
　
　私ももっときちんとアクセシビリティーやらなきゃと思いました。

５）「Dreamweaver に機能を追加して、より作業効率を上げよう！」酒井 克幸 氏

　Dreamweaverでは、ユーザーがJavascriptで拡張機能を作ることが出来ます。
　ここでは、CSSの属性の順番をきれいに並び替える拡張機能を例に、その使い方の説明をしてくれました。

　私はコマンドの記録によるマクロは実際によく使っているのですが、拡張機能は作ったことがないので、いつかはJavascriptを使って拡張機能を作り、作業の効率化をはかれればと思いました。

６）「プログラム開発にも活用できちゃう Dreamweaver」たにぐち　まこと 氏

　実際は「プログラマとデザイナーが仲よくなるために」という感じのテーマに変更になりました。
　プログラマでありながらDreamweaverを多用してるたにぐち氏が、プログラマにとってもいかにDreamweaverが有用かを説明してくれました。

　例えば

・ソースをいじってhtmlの構文エラーになると、色などで表示してくれる
・チェックイン＆チェックアウト機能で、ファイルを共有した連携作業が出来る
・「ライブデータ表示」機能で、実際のデータを表示させた状態で作業を行うことが出来る
・ 右クリック→関数　で、functionの一覧を表示させることが出来る
・自分の好きな外部エディターを登録出来る
・プログラムのユニットをスニペットに登録して再利用出来る

　などのとても便利な機能が紹介されました。

７）「ラクラクかんたん！Flash Video 組み込み手法」金像 瑞穂 氏

　Dreamweaverではflashビデオ（FLVファイル）をドラッグ＆ドロップで簡単にウエブページに入れることが出来ます。
　この時、エンドユーザーのflash playerのバージョンをチェックする機能があったのですが、今まではadobeのダウンロードサイトへ誘導していました。

　今日紹介してくれたExpress Installという機能を使うと、いきなり「新しいflash playerをインストールしますか？」というダイアログが出て、そのままシームレスにバージョンアップが出来るのだそうです。
　この機能を実現するためには、エンドユーザのflash playerのバージョンをチェックするJSファイルと、ダウンロードを行うswfファイルが必要なのだそうです。

　ファイルのダウンロードはExpress Install 適用ガイドから出来ます。

８）「Dreamweaver で使いやすい入力フォームを作りましょう！」藤川　真一 氏

　Spryを利用した、入力フォームの必須入力項目のエラーメッセージの表示などについて話がありました。
　現在のDreamweaver CS3に組み込まれているSpryは最新バージョンではありません。
　ここでは、adobeのサイトからSpryの最新バージョンのファイル（JS、CSS、html）をダウンロードし、実際にサイトに組み込む方法を説明してくれました。

　具体的には

　（１）ヘッダーでJS、CSS各ファイルへのリンクを行う
　（２）サンプルhtmlから必要部分をコピーしてくる
　（３）結びつけるJSのスクリプトをコピーしてくる

　という順番です。
　早く私もSpryを使ってみたくなりました。

９）「もうテキストエディタには戻れない！」近藤 将範 氏

　Dreamweaverのテキストビューをショートカットキーを多用することにより、いかに強力なテキストエディターとして使えるかを紹介してくれました。

　便利なショートカットキーのスライドの写真１、写真２

１０）「生活に役立つ小ネタ集」林 岳里

　いつも立て板に水でadobe製品の説明をしてくれる林 岳里さんが、Dreamweaverに関する有用Tipsを紹介してくれました。

　例えば

・タグの大文字を小文字に変換するには、環境設定の「コードフォーマット」でタグの大文字・小文字の「常に無視する」にチェックを入れてファイルを開く
・インデントを揃えるには、一度ページのコンテンツを削除してペーストし直す
・「検索」における「選択したテキスト」とは、マウスで反転させて選択した部分のみの検索を意味する
・正規表現を使った検索方法

　などなど。
　どれもとってもためになりました。

　以上、各10分という非常に短い時間だったのですが、ものすごく充実した大喜利コーナーでした。
　私はもうずっと興奮しまくり。鼻血を片手でおさえながらメモをとっていました。

　そして最後は「使いこなすと 10 倍仕事が楽になる！Dreamweaver 関連機能 ＋ CS4 SneakPeak」です。
　ここでは、まず便利な拡張機能がいくつか紹介されました

１）iMode拡張機能

　これをインストールすると、DreamweaverでiModeの絵文字の表示や入力、イメージの画像サイズに合わせた最適化、リンク（ページ、電話、メール）の作成、flashの挿入などのiModeサイト制作に関する様々な操作を行えると言う、私にとって喉から手が出るほど欲しい拡張機能です。

　近いうちにAdobe Developer Connectionからダウンロード出来るそうなので、ものすごく楽しみです。
　作ってくださったアンカーテクノロジーの植木 友浩さん、有り難うございます。

２）半角全角変換
３）Movable Type4拡張機能

　そして最後に、将来リリースされるDreamweaver CS4についての説明がありました。
　新しい機能で特に興味深かったのは、JSやflashなどが実際の表示通りに出てくると言う「Live preview」です。これがあれば、ブラウザーで確認する手間が減りそうです。
　また、「Live code」では、ページ操作によって動的にコードが変化する様子が見られました。すごい〜。

　以上、5時間にわたるイベントは、興奮のうちに終了しました。
　こんな素晴らしいイベントを無料で開催し、Adobe Developer Connectionでさまざまな情報を提供してくれるadobeに大感謝です。

　そして、私もいつまでもこうやってウエブの新しい技術で興奮していられたらいいなと思いました。
　目指せ80才プログラマ。

豚肉生姜焼き、こんがりソーセージ | メインに戻る | ホッケ開き、納豆でヘルシー夕食