注意:

Dreamweaver CC 以降では、ユーザーインターフェイスが簡素化されています。そのため、この記事で説明されているオプションの一部が Dreamweaver CC 以降には存在しない場合があります。詳しくは、こちらの記事を参照してください。

Web アプリケーションの作成に必要なソフトウェア

Adobe Dreamweaver で Web アプリケーションを作成するには、以下のソフトウェアが必要です。

  • Web サーバー
  • Web サーバーと共に動作するアプリケーションサーバー

注意:

Web アプリケーションに関しては、Web サーバーとアプリケーションサーバーという用語は、ハードウェアではなくソフトウェアを意味します。 

  • アプリケーションと共にデータベースを使用する場合は、以下のソフトウェアも必要です。

  • データベースシステム

  • データベースをサポートするデータベースドライバー

    Web ホスティング会社では、Web アプリケーションをテストおよび配置するためのソフトウェアを貸し出すサービスを提供しています。Dreamweaver がインストールされているコンピューターに、必要なソフトウェアをインストールして開発できる場合もあります。また、ソフトウェアをネットワークコンピューター(通常 Windows 2000 または Windows XP コンピューター)にインストールし、チームの他のデベロッパーがプロジェクトに参加できるようにすることもできます。

    Web アプリケーションと共にデータベースを使用する場合は、まずデータベースに接続する必要があります。

Web サーバーの基本事項

動的な Web ページを開発してテストするには、正常に動作する Web サーバーが必要です。Web サーバーは、Web ブラウザーからの要求に応答して Web ページを処理するソフトウェアです。Web サーバーは、HTTP サーバーとも呼ばれます。Web サーバーは、ローカルコンピューターにインストールして使用することができます。

Mac OS を使用している場合は、Mac OS に既にインストールされている Apache Web サーバーを使用できます。

注意:

Adobe では、IIS(Microsoft Internet Information Server)などのサードパーティ製ソフトウェアに対するテクニカルサポートは提供していません。Microsoft 製品に関するサポートが必要な場合は、Microsoft のテクニカルサポートに連絡してください。

IIS(Internet Information Server)を使用して Web アプリケーションを開発する場合、Web サーバーの初期設定の名前は、使用しているコンピューターの名前になります。サーバー名を変更するには、コンピューターの名前を変更します。コンピューターに名前が付いていない場合は、localhost という名前が使用されます。

サーバー名は、サーバーのルートフォルダーに対応していて、Windows コンピューターでは多くの場合 C:¥Inetpub¥wwwroot になります。コンピューター上で実行しているブラウザーに、以下の URL を入力すると、ルートフォルダーに格納されている Web ページを開くことができます。

http://サーバー名/ファイル名

例えば、mer_noire という名前のサーバーの C:¥Inetpub¥wwwroot¥ に soleil.html という Web ページが格納されている場合は、ローカルコンピューターで実行するブラウザーに以下の URL を入力するとページが開きます。

http://mer_noire/soleil.html

注意:

URL では、バックスラッシュではなくスラッシュを使用してください。

また、ルートフォルダーの任意のサブフォルダーを URL に指定すると、サブフォルダーに格納されている Web ページを開くことができます。例えば、以下のように soleil.html ファイルがサブフォルダー gamelan に格納されているとします。

C:¥Inetpub¥wwwroot¥gamelan¥soleil.html

コンピューターで実行するブラウザーに以下の URL を入力すると、このページが開きます。

http://mer_noire/gamelan/soleil.html

使用しているコンピューター上で Web サーバーが実行されている場合は、サーバー名を localhost に置き換えて使用できます。例えば、以下の 2 つの URL は、どちらも同じページをブラウザーに表示します。

http://mer_noire/gamelan/soleil.html

http://localhost/gamelan/soleil.html

注意:

サーバー名と localhost の他に、127.0.0.1(例えば、http://127.0.0.1/gamelan/soleil.html)も使用できます。

Web サーバーの選択

Web アプリケーションを開発およびテストする場合、IIS(Microsoft Internet Information Server)や Apache HTTP Server などの一般的な Web サーバーから選択できます。

Web ホスティングサービスを使用しない場合は、選択した Web サーバーをローカルコンピューターにインストールして開発を行います。Windows および Mac OS で ColdFusion Web アプリケーションを開発する場合は、ColdFusion 8 アプリケーションサーバーのデベロッパー版に付属している Web サーバーを使用できます。この Web サーバーは、無償でインストールして使用できます。

それ以外で Windows を使用している場合は、IIS をインストールして、ローカルコンピューターで Web サーバーを実行することができます。この Web サーバーは、既にシステムにインストールされている可能性もあります。フォルダー構造を調べて、C:¥Inetpub フォルダーまたは D:¥Inetpub フォルダーがあるかどうかを確認してください。IIS がインストールされていれば、インストール時にこのフォルダーが作成されています。

Mac OS ユーザーは、オペレーティングシステムに付属しているローカル Apache Web サーバーを使用できます。

その他の Web サーバーのインストールと設定については、サーバーのベンダーのマニュアルを参照するか、システム管理者にお問い合わせください。

アプリケーションサーバーの選択

アプリケーションサーバーは、Web サーバーによる動的ページの処理を支援するソフトウェアです。アプリケーションサーバーは、予算、使用するサーバーテクノロジー(ColdFusion、ASP、または PHP)、使用する Web サーバーの種類などを考慮して選択します。

予算

ハイエンドアプリケーションサーバーの中には、高価なうえに管理に手間がかかるものもあります。一方、管理が簡単でコストが低いソリューション(ColdFusion など)を提供するベンダーもあります。アプリケーションサーバーの中には、Web サーバーに組み込まれているもの(Microsoft IIS など)や、インターネットから無償でダウンロードできるもの(PHP など)があります。

サーバーテクノロジー

アプリケーションサーバーは、様々なテクノロジーを使用します。Dreamweaver は、3 つのサーバーテクノロジー(ColdFusion、ASP、および PHP)をサポートしています。以下の表は、Dreamweaver でサポートされているサーバーテクノロジーで使用できる一般的なアプリケーションサーバーの一覧です。

サーバーテクノロジー

アプリケーションサーバー

ColdFusion

Adobe ColdFusion 8

ASP

Microsoft IIS

PHP

PHP サーバー

ColdFusion について詳しくは、ヘルプメニューの「ColdFusion ヘルプ」を選択してください。

ASP について詳しくは、マイクロソフトの Web サイト(http://msdn.microsoft.com/ja-jp/library/aa286483.aspx)を参照してください。

PHP について詳しくは、PHP の Web サイト(www.php.net/)を参照してください。

データベースの選択

データベースは、保存するデータの量と複雑さに応じて様々な形式をとります。データベースを選択する場合は、予算、データベースへの予想アクセス数など、いくつかの要因を考慮する必要があります。

予算

ハイエンドアプリケーションデータベースサーバーの中には、高価なうえに管理に手間がかかるものもあります。より操作が容易で低コストのソリューションとしては、Microsoft Access やオープンソースデータベースの MySQL などがあります。

ユーザー

多数のユーザーがサイトにアクセスすることを想定している場合は、想定されるユーザー数に対応できるデータベースを選択します。データモデリングにおける高い柔軟性と、同時に多数のユーザーをサポートする能力が必要な Web サイトの場合は、Microsoft SQL Server や Oracle などのサーバーベースのリレーショナルデータベース(一般に RDBMS と呼ばれます)を使用します。

ColdFusion 開発環境の設定

Windows または Mac OS コンピューターで Dreamweaver 用の ColdFusion 開発環境を設定する方法について詳しくは、アドビ システムズ社の Web サイト(www.adobe.com/devnet/dreamweaver/articles/setup_cf.html)を参照してください。

Windows および Mac OS ユーザーは、フル機能を備えた ColdFusion アプリケーションサーバーのデベロッパー版をアドビ システムズ社の Web サイト(www.adobe.com/go/coldfusion_jp/)から無償でダウンロードしてインストールできます。

注意:

デベロッパー版は、Web アプリケーションを開発およびテストするために、非営利目的で使用してください。これには、配布のライセンスは与えられていません。デベロッパー版は、ローカルホストからの要求と 2 つのリモート IP アドレスからの要求をサポートしています。デベロッパー版には有効期限がないので、必要なだけ Web アプリケーションの開発とテストを行うことができます。詳しくは、ColdFusion ヘルプ(ヘルプ/ColdFusion ヘルプ)を参照してください。

インストール時に ColdFusion を設定し、ColdFusion に組み込まれている Web サーバーを使用するか、またはシステムにインストールされている別の Web サーバーを使用するかを選択できます。一般に、開発環境と本稼動環境は同じ条件にするのが好ましいとされています。そのため、開発用のコンピューターに Microsoft IIS などの既存の Web サーバーがある場合は、必要に応じて、ColdFusion に組み込まれている Web サーバーではなく、既存の Web サーバーを使用してください。

PHP 開発環境の設定

Windows または Mac OS コンピューターで Dreamweaver 用の PHP 開発環境を設定する方法について詳しくは、アドビ システムズ社の Web サイト(www.adobe.com/devnet/dreamweaver/articles/setup_php.html)を参照してください。

PHP アプリケーションサーバーには、Windows、Linux、UNIX、HP-UX、Solaris、および Mac OS X システム用のものがあります。アプリケーションサーバーについて詳しくは、PHP のドキュメントを参照してください。このドキュメントは、PHP の Web サイト(www.php.net/download-docs.php)からダウンロードすることもできます。

ASP 開発環境の設定

Windows または Mac OS コンピューターで Dreamweaver 用の ASP 開発環境を設定する方法について詳しくは、アドビ システムズ社の Web サイト(www.adobe.com/devnet/dreamweaver/articles/setup_asp.html)を参照してください。

ASP ページを実行するには、Microsoft IIS(Internet Information Services)など、Microsoft Active Server Pages 2.0 をサポートするアプリケーションサーバーが必要です。Microsoft IIS は、Windows 2000 および Windows XP Professional に同梱されています。Windows XP Professional を使用している場合は、ローカルコンピューターに IIS をインストールして実行できます。Mac OS を使用している場合は、ASP サービスを提供する Web ホスティングサービスを使用するか、リモートコンピューターに IIS をインストールできます。

アプリケーションのルートフォルダーの作成

Web ホスティング業者にサインアップするか、またはサーバーソフトウェアを自身で設定した後、Web サーバーを実行しているコンピューターに Web アプリケーションのルートフォルダーを作成します。Web サーバーを実行している場所によって、ルートフォルダーはローカルまたはリモートになります。

Web サーバーは、Web ブラウザーからの HTTP 要求に対して、このフォルダーまたはそのサブフォルダー内にあるファイルを返します。例えば、ColdFusion 8 を実行しているコンピューターで、¥ColdFusion8¥wwwroot フォルダーおよびそのサブフォルダー内にあるすべてのファイルを Web ブラウザーで開けるようにします。

以下の表では、選択した Web サーバーの初期設定ルートフォルダーを示します。

Web サーバー

初期設定ルートフォルダー

ColdFusion 8

¥ColdFusion8¥wwwroot

IIS

¥Inetpub¥wwwroot

Apache(Windows)

¥apache¥htdocs

Apache(Mac OS)

Users:MyUserName:Sites

Web サーバーをテストするには、テスト用の HTML ページを初期設定ルートフォルダーに置き、ブラウザーでそのページの URL を入力して開いてみます。URL は、www.example.com/testpage.htm. のように、ドメイン名と HTML ページのファイル名で構成されます。

Web サーバーをローカルコンピューターで実行している場合、ドメイン名の代わりに localhost を使用できます。使用している Web サーバーに応じて、以下の localhost URL のいずれかを入力します。

Web サーバー

Localhost URL

ColdFusion 8

http://localhost:8500/testpage.htm

IIS

http://localhost/testpage.htm

Apache(Windows)

http://localhost:80/testpage.htm

Apache(Mac OS)

http://localhost/~MyUserName/testpage.htm(ここで、MyUserName は、Mac OS ユーザー名です)

注意:

初期設定では、ColdFusion の Web サーバーはポート 8500 で実行され、Windows 版の Apache の Web サーバーはポート 80 で実行されます。

ページが期待どおりに開かない場合は、以下のようなエラーが考えられます。

  • Web サーバーが起動していない。起動手順については、Web サーバーのマニュアルを参照してください。

  • ファイルの拡張子が .htm または .html ではない。

  • ブラウザーの「アドレス」テキストボックスに、ページの URL(http://localhost:8500/testpage.htm など)ではなく、ページのファイルパス(c:¥ColdFusion8¥wwwroot¥testpage.htm など)が入力されている。

  • URL が正しく入力されていない。入力ミスがないことを確認し、http://localhost:8080/testpage.htm/ のようにファイル名の後にスラッシュが付いていないかチェックします。

    アプリケーション用のルートフォルダーを作成したら、ファイルを管理するための Dreamweaver サイトを定義します。

Dreamweaver サイトの定義について

Web アプリケーションを開発するためにシステムを設定したら、ファイルを管理するための Dreamweaver サイトを定義します。

定義するには、以下の要件を満たしておく必要があります。

  • Web サーバーにアクセスできる。Web サーバーは、ローカルコンピューター、開発サーバーなどのリモートコンピューター、または Web ホスティング業者によって管理されているサーバーで実行できます。

  • アプリケーションサーバーが Web サーバーを実行しているシステムにインストールされ、実行されている。

  • Web サーバーを実行しているシステムに Web アプリケーションのルートフォルダーが作成されている。

Web アプリケーション用の Dreamweaver サイトを定義するには、以下の手順に従います。

1. ローカルフォルダーの定義

ローカルフォルダーとは、ハードディスクにあるサイトファイルの作業用コピーを保存するフォルダーです。作成した新しい Web アプリケーションごとにローカルフォルダーを定義できます。ローカルフォルダーを定義すると、ファイルの管理や Web サーバーとのファイル転送を簡単に行うことができます。

2. リモートフォルダーの定義

Web サーバーを実行しているコンピューターにある 1 つのフォルダーを、Dreamweaver リモートフォルダーとして定義します。リモートフォルダーとは、Web サーバーに Web アプリケーション用に作成したフォルダーです。

3. テストフォルダーの定義

Dreamweaver では、作業中に動的コンテンツを生成および表示し、データベースに接続するためにこのフォルダーが使用されます。ローカルコンピューター、開発サーバー、ステージングサーバー、またはプロダクションサーバーのいずれかを、テストサーバーとすることができます。開発する動的ページを処理することができれば、どのサーバーを選択してもかまいません。

Dreamweaver サイトを定義したら、Web アプリケーションの作成を開始できます。

本作品は Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License によってライセンス許可を受けています。  Twitter™ および Facebook の投稿には、Creative Commons の規約内容は適用されません。

法律上の注意   |   プライバシーポリシー