サーバーテクノロジー
- Dreamweaver ユーザーガイド
- はじめに
- Dreamweaver と Creative Cloud
- Dreamweaver のワークスペースとビュー
- サイトの設定
- ファイルの管理
- レイアウトとデザイン
- CSS
- ページコンテンツとアセット
- ページプロパティの設定
- CSS 見出しプロパティおよび CSS リンクプロパティの設定
- テキストの操作
- テキスト、タグ、属性の検索と置換
- DOM パネル
- ライブビューでの編集
- Dreamweaver でのドキュメントのエンコード
- ドキュメントウィンドウでのエレメントの選択および表示
- プロパティインスペクターでのテキストプロパティの設定
- web ページのスペルチェック
- Dreamweaver での区切り線の使用
- Dreamweaver でのフォントの組み合わせの追加と変更
- アセットを使用した作業
- Dreamweaver での日付の挿入と更新
- Dreamweaver でのお気に入りアセットの作成と管理
- Dreamweaver でのイメージの挿入と編集
- メディアオブジェクトの追加
- Dreamweaver でのビデオの追加
- HTML5 ビデオの挿入
- SWF ファイルの挿入
- オーディオエフェクトの追加
- Dreamweaver での HTML5 オーディオの挿入
- ライブラリ項目の操作
- Dreamweaver でのアラビア語およびヘブライ語のテキストの使用
- リンクおよびナビゲーション
- jQuery Widget と効果
- web サイトのコーディング
- Dreamweaver でのコーディングについて
- Dreamweaver のコーディング環境
- コーディングの環境設定
- コードカラーリングのカスタマイズ
- コードの記述と編集
- コードヒントとコード補完機能
- コードの折りたたみと展開
- スニペットでコードを再利用する
- 構文チェックコード
- コードの最適化
- デザインビューでのコードの編集
- ページのヘッドコンテンツの操作
- Dreamweaver でのサーバーサイドインクルードの挿入
- Dreamweaver でのタグライブラリの使用
- Dreamweaver へのカスタムタグの読み込み
- JavaScript ビヘイビアーの使用(基本操作)
- JavaScript に組み込まれているビヘイビアーの適用
- XML および XSLT について
- Dreamweaver でのサーバーサイド XSL 変換の実行
- Dreamweaver でのクライアントサイド XSL 変換の実行
- Dreamweaver での XSLT の文字エンティティの追加
- コードのフォーマット
- 製品間ワークフロー
- テンプレート
- Dreamweaver テンプレートについて
- テンプレートおよびテンプレートから作成されたドキュメントの認識
- Dreamweaver テンプレートの作成
- テンプレート編集可能領域の作成
- Dreamweaver でのリピート領域およびテーブルの作成
- テンプレートの任意の領域の使用
- Dreamweaver での編集可能なタグ属性の定義
- Dreamweaver でネストされたテンプレートを作成する方法
- テンプレートの編集、更新、削除
- Dreamweaver での xml コンテンツの書き出しおよび読み込み
- 既存のドキュメントでのテンプレートの適用または削除
- Dreamweaver テンプレートでのコンテンツの編集
- Dreamweaver でのテンプレートタグのシンタックスルール
- テンプレート領域のハイライト表示の環境設定
- Dreamweaver でテンプレートを使用する利点
- モバイルとマルチスクリーン
- 動的サイト、ページおよび web フォーム
- web アプリケーションについて
- アプリケーション開発のためのコンピューター設定
- データベース接続のトラブルシューティング
- Dreamweaver での接続スクリプトの削除
- 動的ページのデザイン
- 動的コンテンツソースの概要
- 動的コンテンツのソースの定義
- ページへの動的コンテンツの追加
- Dreamweaver での動的コンテンツの変更
- データベースのレコードの表示
- Dreamweaver でのライブデータの入力とトラブルシューティング
- Dreamweaver でのカスタムサーバービヘイビアーの追加
- Dreamweaver を使用したフォームの作成
- フォームを使用したユーザーからの情報の収集
- Dreamweaver での ColdFusion フォームの作成と有効化
- web フォームの作成
- フォームエレメントの HTML5 サポート強化
- Dreamweaver を使用したフォームの開発
- アプリケーションのビジュアル開発
- web サイトのテスト、プレビュー、パブリッシュ
- トラブルシューティング
Web サーバーやデータベースについて説明し、Dreamweaver で web アプリケーションを開発するためのコンピューターの設定を解説します。
Dreamweaver 以降では、ユーザーインターフェイスが簡素化されています。そのため、この記事で説明されているオプションの一部が Dreamweaver 以降には存在しない場合があります。詳しくは、こちらの記事を参照してください。
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 サーバーは、ローカルコンピューターにインストールして使用することができます。
Macintosh を使用している場合は、Macintosh に 既にインストールされている Apache web サーバーを使用できます。
Adobe では、IIS(Microsoft Internet Information Server)などのサードパーティ製ソフトウェアに対するテクニカルサポートは提供していません。サポートが必要な場合は、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 および Macintosh で 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 コンピューターで Dreamweaver 用の ColdFusion 開発環境を設定する方法について詳しくは、 アドビの web サイト(www.adobe.com/devnet/dreamweaver/articles/setup_cf.html)を参照してください。
Windows および Macintosh ユーザーは、 フル機能を備えた 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 コンピューターで 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 コンピューターで 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 をインストールして実行できます。 Macintosh を使用している場合は、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 は、Macintosh ユーザー名です) |
初期設定では、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 アプリケーションの作成を開始できます。