特 別 寄 稿

WE SPEAK SOAP

第8回

FrontPageから使うFlash生成
サービス

XMLウェブサービス
ビジネスとテクノロジーの新たな変革

篠原 慶

今 回 は 、F l a s h アニメーションを 生 成し、自 分 のウェブページに 追 加 できるウェブサービス「DynamicFlash」を、Office XPファミリーの1つであるFrontPage 2002から使う方法を紹介する。

Flashアニメーションを生成する

示できる。最近ではウェブページ一面にェブサービス「DynamicFlash」を利用しウェブサービス利用されてユーザーインターフェイスとしてた、FrontPage 2002のアドインプログラ利用されるケースも増えており、活躍の範ムを紹介する。
「DynamicFlash」は、ウェブ技術にかか囲も急速に広がっている。

Flashは、マクロメディアが開発したアニわるソリューションを提供するファイヤーラメーションの表示・作成の技術だ。Flash

このFlashアニメーションを簡単に生成で作成したアニメーションは、拡大・変形するウェブサービスが提供されている。機

イフによる画像の劣化がなく、かつ表示も速能は限定されているものの、これを利用だ（図1）。アニメーションの大きさや表示いといった特徴があり、ウィンドウズやマッすることで、Flashアニメーションを簡単にする文字列などを引数に、HTML形式でキントッシュであればプラグインをインスト自分のウェブサイトに追加できる。

結果を返すので、これをHTMLドキュメ

今回は、Flashアニメーションの生成ウールするだけでウェブブラウザー上に表が無償で提供するウェブサービス

ントに貼り付ければ、即Flashアニメーシ

サンプルプログラムの実行に必要なもの●事前にインストールしておくもの
・Office XPまたはFrontPage 2002
・Office XP Web Services Toolkit 2.0
http://www.microsoft.com/japan/office/developer/webservices/download.asp●利用するウェブサービスと情報・ウェブサービス：DynamicFlash
http://www.firelife.eu.com/dynamicflash/dynamicflash.asmx?wsdl

・サービスについての情報（メソッドの説明）
http://www.firelife.eu.com/dynamicflash/dynamicflash.
asmx?op=GenerateDynamicFlashHtml●今回のサンプルプログラム
http://internet.impress.co.jp/im/xmlwebservices/

208 +++ iNTERNET magazine 2003.11 +++図1 ファイヤーライフのウェブサイト。図からはわかりにくいが、ページにFlashアニメーションが利用されている

インターネットマガジン／株式会社インプレスR&D©1994-2007 Impress R&D

1メニューに追加された［DynamicFlash］をクリックする

2［DynamicFlash の設定］
ダイアログで、生成するFlash 画像のタイプやサイズなどを設定する

3［色の選択］ダイアロ
グ で は 、生 成 するFlash 画像の背景色を設定する

4［生成］ボタンをクリックすると、ウェブサービスによりFlash 画像が生成され、FrontPageの現在のページに挿入される

図2

サンプルプログラムの使い方ョンが表示される。できることは少ないが、すると、［DynamicFlashの設定］
ダイアロ［メニュー］チェックボックスでは、Flash仕様がシンプルな分、非常に使いやすいグボックスが表示される。の組み込みメニューを表示するかどうかのが特徴だ。

を指定する。
［ループ］チェックボックスでダイアログボックスの［タイプ］
コンボボッ
クスでは、1か 2のいずれかを選択する。

は、アニメーションを繰り返し実行するかウェブサービスを使った

1は 名前を登録してくれてありがとう とどうかを指定する。

サンプルプログラム

いった場面用の、2は ショッピングカートそれぞれに何らかの値を選択し、［生処理の合計を表示 といった場面用の成］ボタンをクリックしてみよう。正常にFlashアニメーションだ（図3）。

Flashが生成されれば、現在のHTMLフ

まずは、実際にサンプルプログラムを使って、FrontPage 2002とウェブサービス［横幅］［縦幅］のテキストボックスでは、ァイル上にFlashアニメーションが表示さこの サンプルプログラムの 実 行 は 、任意のピクセルで数値を指定する。デフれるはずだ。もちろん、必要に応じて位置Office XP（SP3以降）、およびFrontPage

ォルトの場合、横幅は550ピクセル、縦幅を変更することもできるし、このまま保存2002、Office XP Web Services Toolkit

は400ピクセルになる。

すれば、ウェブ上でこのFlashアニメーションが表示される（図4）。の連携を体験してみよう（図2）。

2.0（WSTK）がインストールされているこ［背景色］
テキストボックスでは、任意のとが前提なので、事前に確認すること。

色をRGBで指定する。RGBは赤、緑、青

いったん、［DynamicFlashの設定］
ダイ

今回は、これまでのサンプルプログラムの順に 00 〜 FF の 16 進数 2 文字、計 6 文

アログボックスを終了するには、ダイアログに比べて、実行するための準備に若干手字で色を表現する。右横にある［選択］
ボ

ボックス下側の［閉じる］ボタンをクリック

間がかかる。したがって、ここではまず設タンをクリックすると、［色の選択］ダイアロする。これで、［DynamicFlashの設定］
ダ

定された状態であることを前提に、プログボックスが開き、このダイアログボックスイアログボックスが閉じられる。

グラムの一連の動作を説明し、実行のたから簡単に色を指定できる。

アドインを止めたいときは、まずメニュ

めの設定は「サンプルプログラム実行のた［テキスト文字列］
テキストボックスでは、ー項目を削除する。
［ツール］
メニューからめの準備と設定」で後述する。

Flash 上に表示する文字列を指定する。

［マクロ］＞［マクロ］を選択する。
［マクロ］

サ ン プル プ ログ ラムを 設 定 後 、FrontPage 2002を実行する。
メニューの［DynamicFlash］
をクリック

ここで指定できるのは、半角英数字のみ。

ダイアログボックスのマクロ名リストから残念ながら日本語などの2バイト文字は使［menu̲close］
を選択し、［実行］ボタンをえないので注意してほしい。

クリックすると、FrontPage2002のメニュ

インターネットマガジン／株式会社インプレスR&D©1994-2007 Impress R&D+++ iNTERNET magazine 2003.11 +++209

ーの一番右端にあった［DynamicFlash］が削除される。
そして、
［ツール］
メニューから［マクロ］＞［Visual Basic Editor］
を選択してVisualBasic Editorを開く。左上にある［プロジェクト］
ウィンドウで［DF̲ModuleMain］
を選択し、右クリックで表示されるメニューから［DF̲ModuleMainの解放］をクリックする。続けて、DF̲UserFormMain、D F ̲ U s e r F o r m C o l o r D l g 、c l s w s ̲

図3 DynamicFlashで選択できるFlashのタイプは2種類。タイプ1は登録ページに適したもの（左）、タイプ2はショ
ッピングサイトの会計ページに適したもの（右）DynamicFlashWebServicについても同様の操作で解放する。
ここで、Visual Basic Editorを閉じれば、FrontPage 2002から［DynamicFlash］が取り除かれているはずだ。

サンプルプログラム実行のための準備と設定
今回のサンプルプログラムが含まれているファイル（dflash.zip）
を、本誌のサポ

図4 作成されたFlashアニメーションをウェブブラウザーで表示したところートサイトからダウンロードする。そして、任意の場所に解凍する。ファイルには次の5つのファイルが含まれている。

FrontPageでのマクロ設定の注意点
・ DF̲ModuleMain.bas（標準モジュール）・ DF̲UserFormMain.fr（［DynamicExcelのマクロは、XLSやXLAのファイル単位でマクロを管理してアクセスすることができたが、FrontPageでは、Microsoft FrontPage.fpmと呼ばれる1つのマクFlashの設定］メインフォーム定義）

ロにのみアクセスできる仕様になっている。

・ DF̲UserFormMain.frx

FrontPageのマクロを配布しなければならない場合、Microsoft FrontPage.fpmを（メインフォームのリソースファイル）配布することになるが、既存の Microsoft FrontPage.fpmにマクロが記述されてい・ DF̲UserFormColorDlg.frm

ると上書きされてしまうことになるので、注意が必要だ。

（［色の選択］
フォーム定義）
・ DF̲UserFormColorDlg.frx
http://www.firelife.eu.com/dynamicflash/（色選択フォームのリソースファイル）

繰り返しインポートを行う（図5）。

FrontPage 2002を起動して、［ツール］込む。WSTKをインストールすると、［ツー

メニューから［マクロ］＞［Visual Basicル ］メ ニ ュ ー に［ Web Service

すると、右側の［検索結果］に［DynamicEditor］を 選 択 し て［ Visual BasicReferences］という項目が追加されているFlashWebService］が表示されるはずだ。

Editor］
を開く。

はずだ（図 6）。もしなければ、WSTK が［DynamicFlashWebService］にチェッインストールされているかどうかを確認しクを付けて、右下の［追加］ボタンをクリッてみよう。

クする
（図7）
。

次に、ウェブサービスのWSDLを読みここで解凍しておいたファイルをプロジェクトにインポートする。まず、メニューか

dynamicflash.asmx?WSDL

ら［ファイル］＞［ファイルのインポート］
を選［Web Service References］
ダイアログ

これで、新たに追加されたウェブサー択し、［ファイルのインポート］
ダイアログボボックスが表示されるので、WSDL のビス「DynamicFlashWebService」が、クックスから、解凍したファイルを1つ選択しURLを左下のウェブサービスURLに入力ラスモジュールとして登録される。プログて［OK］
ボタンをクリックする。3つのファし、［検索］ボタンをクリックする。

ラムを組むうえで、これらのファイルを意識する必要はなく、今後プログラム内でウェ

イル（basファイルとfrmファイル）について、

210 +++ iNTERNET magazine 2003.11 +++インターネットマガジン／株式会社インプレスR&D©1994-2007 Impress R&D

WE SPEAK SOAP

ブサービス「DynamicFlashWebService」

るのもおもしろい。サービスがあれば、そブサービスを利用する側から、ウェブサーを使うには clsws̲DynamicFlashWeb

れを予想もしない方法で活用するユーザ

ビスを提供する側にまわってみるのはいServicオブジェクトを呼び出して、メソッドーが現れる可能性もあるからだ。

かがだろうか。

を実行させるだけでよい。ここで利用すまだまだウェブサービスという技術の周るウェブサービスでは、ただ 1 つとなる辺には、多くのビジネスチャンスが転がっwsm̲GenerateDynamicFlashHtmlメソている。それを拾い上げるつもりで、ウェファイヤーライフhttp://www.firelife.eu.com/

ッド が 提 供されている。ここで、一 度
Visual Basic Editorを閉じておく。
次に、「DynamicFlash」を使いやすくするためのメニュー項目を追加しよう。
［ツール］
メニューから［マクロ］＞［マクロ］を選択する。
［マクロ］
ダイアログボックスのマクロ名リストから［menu̲open］
を選択して
図5［ファイルのインポート］
ダイアログボックス。ファイル自体は 5 つあるが、実際に読み込む必要があるのは basファイ
ルと2つのfrmファイルだけだ［実行］
ボタンをクリックすると、FrontPage
2 0 0 2 の メニ ュ ー の 一 番 右 端 に［DynamicFlash］が追加される。これで準備は完了だ。

図6
［ツール］
メニューに追加された［Web ServiceReference］
を選択する

自分でプログラムを作る場合には、この後にフォームの作成とコーディングが続くが、この部分についてはサンプルプログ
ラムを参考にしてほしい。

まずは身近なものからウェブサービス化
今回紹介した「DynamicFlash」は、機能的に制限が大きく、必ずしも実用的とは言えないが、手軽にFlashアニメーションを使えるようにした機能をウェブサービスという手段で提供した点がユニークであり、すばらしいアイデアだと言える。

図7
利用するウェブサービスを選択し、クラスモジュールとして登録する

このようなウェブサービスを提供することは、新たなビジネスチャンスのきっかけになるかもしれない。たとえば、もう少し多様な機能を用意し、誰もが使いたくなるようなFlashアニメーションを生成できることが前提になるが、広告やリンクを埋め込んだ形でFlashアニメーションを提供してしまうことも考えられるだろう。今回紹介したウェブサービスは、あくまでもサンプルとしての提供であり、本格的に取り組.NETテクノロジー 9月号 好評発売中
特集：「外なる敵、内なる敵から社内システムを守る！

Windows Server 2003セキュリティー対策」

む気になれば、相当なものを提供するこ定価1,400円ともできるはずだ。

全国有名書店で発売中
http://dotnet.impress.co.jp/

まずは、身近なアプリケーションの機能をとりあえずウェブサービスから始めてみインターネットマガジン／株式会社インプレスR&D©1994-2007 Impress R&D+++ iNTERNET magazine 2003.11 +++211

［インターネットマガジン バックナンバーアーカイブ］ ご利用上の注意
この PDF ファイルは、株式会社インプレス R&D（株式会社インプレスから分割）が 1994 年～2006 年まで発行した月刊誌『インターネットマガジン』の誌面を PDF 化し、「インターネットマガジン バックナンバーアーカイブ」として以下のウェブサイト「All-in-One INTERNET magazine 2.0」で公開しているものです。

http://i.impressRD.jp/bn
このファイルをご利用いただくにあたり、下記の注意事項を必ずお読みください。
z 記載されている内容（技術解説、URL、団体・企業名、商品名、価格、プレゼント募集、アンケートなど）は発行当時のものです。
z 収録されている内容は著作権法上の保護を受けています。著作権はそれぞれの記事の著作者（執筆者、写真の撮影者、イラストの作成者、編集部など）が保持しています。
z 著作者から許諾が得られなかった著作物は収録されていない場合があります。
z このファイルやその内容を改変したり、商用を目的として再利用することはできません。あくまで個人や企業の非商用利用での閲覧、複製、送信に限られます。
z 収録されている内容を何らかの媒体に引用としてご利用する際は、出典として媒体名および月号、該当ページ番号、発行元（株式会社インプレス R&D）、コピーライトなどの情報をご明記ください。
z オリジナルの雑誌の発行時点では、株式会社インプレス R&D（当時は株式会社インプレス）と著作権者は内容が正確なものであるように最大限に努めましたが、すべての情報が完全に正確であることは保証できません。このファイルの内容に起因する直接的および間接的な損害に対して、一切の責任を負いません。お客様個人の責任においてご利用ください。

このファイルに関するお問い合わせ先
All-in-One INTERNET magazine 編集部
im-info@impress.co.jp
Copyright © 1994-2007 Impress R&D, an Impress Group company. All rights reserved.