Adobe
製品
Creative Suiteファミリー
Photoshopファミリー
Acrobatファミリー
Flash Platform
Digital Marketing Suite
Digital Enterprise Platform
Digital Publishing Suite
その他の製品一覧
ソリューション
コンテンツオーサリング
教育
金融機関
デジタルマーケティングソリューション
その他のソリューション
ラーニング サポート ダウンロード 会社情報
ご購入
アドビストア安心のサポート& サービス
アカデミック版のご購入学生、教職員、個人
ライセンスのご購入企業、教育機関、官公庁
販売パートナー
検索
 
情報 サインイン
ようこそ、 カート 注文状況 ユーザー登録
マイアカウント
サインアウト
サインインの目的 お客様のアカウントや体験版ダウンロード、製品の拡張機能、コミュニティエリアへのアクセスなどを管理するため
Adobe
製品 セクション   検索  
ソリューション 会社情報
サポート ラーニング
サインイン ようこそ、 注文状況 ユーザー登録
Qty:
Subtotal
Checkout
Adobe Developer Connection / Dreamweaverデベロッパーセンター /

Dreamweaver CS5でのSubversionの使用 – パート3:SubversionをサポートするためのApacheの設定

著者 Andrew Voltmer

Andrew Voltmer
  • ninevolt

Content

  • リポジトリの作成
  • Apacheの設定
  • Dreamweaverの設定

作成日

30 April 2010

ページ ツール

Facebookでシェア
Twitterでツイート
LinkedInでシェア
ブックマーク
印刷

Tags

必要条件

この記事に必要な予備知識

Adobe Dreamweaverに対する一般知識とWebデザイン・Web開発に対する基礎知識。

ユーザーレベル

すべて

必要な製品

  • Dreamweaver (Download trial)

その他の必要条件

Mac OS X 10.6.x

 

この記事は、Dreamweaver CS5でのSubversion使用法を解説する3部構成の記事の第3部です。パート1では、バージョン管理システムのコンセプトとSubversionの概要を紹介しました。 パート2では、Dreamweaver CS5でSubversionリポジトリを使用するための設定方法を紹介しました。パート3の今回は、オリジナルのリポジトリを作成する方法について解説します。

メモ:今回は以前のパートより高度な内容を紹介します。ここでは、リポジトリの設定とローカルマシン上でのApacheアクセスのセットアップを行うために、UNIXコマンドが必要となります。なお、Subversion内蔵のsvnプロトコルを利用してSubversionをセットアップする方法は、この記事の解説対象外です。 Subversionサーバの設定方法に関するリソースについて詳しくは、この記事の最後にある次のステップの節を参照してください。

ここでは、筆者のMacをSubversionリポジトリとして設定する方法を紹介します(従来のクライアント・サーバモデルのサーバに相当)。このためには、Mac OS X 10.5以降に含まれているSubversionのバイナリを利用します。これより前のバージョンのMac OS Xを使用している場合、またはWindowsを使用している場合には、Subversionサイトを参照するか、インターネット検索を利用して、Subversionをローカルに実装する方法を調べてください。

リポジトリの作成

リポジトリを作成する上での最初の手順は、リポジトリファイルの保管先となるローカルハードディスク上の位置を選択することです。この位置は、ローカルクライアントコピーのコードを配置する位置とは異なる点に注意してください。ここで解説する環境では、マシンがクライアントとサーバの両方を兼ねることになります。

筆者の環境では、リポジトリをホームディレクトリに配置することにします。完全なパスは次の通りです。

/usr/local/svn/repo

ディレクトリ名としては、「repo」「repositories」またはそれに類似した分かりやすい名前を付けるようにします。

作業を開始するために、ターミナルアプリケーションを起動してMac(UNIX)のコマンドラインにアクセスします。Macのメニューバーからアプリケーション/ユーティリティ/ターミナルを選択します。

ターミナルアプリケーションには、次のようなプロンプトが表示されます(図1参照)。

Voltage:~ voltmer$
ターミナルのコマンドラインプロンプト。
図1. ターミナルのコマンドラインプロンプト。

このプロンプトのVoltageが筆者のマシン名、voltmerがログイン名にあたります。

ここでは以下のコマンドを利用して次の処理を行います。

  • Subversionリポジトリを保管するディレクトリの作成。
  • svnadminを使用してリポジトリを作成。
  • ディレクトリの中身を表示して、リポジトリが作成されたことを確認(図2参照)。
Voltage:~ voltmer$ sudo mkdir /usr/local/svn Voltage:~ voltmer$ sudo svnadmin create --fs-type fsfs /usr/local/svn/repo Voltage:~ voltmer$ ls /usr/local/svn/repo README.txt dav format locks Conf db hooks
コマンドラインを用いたSubversionリポジトリの作成。
図2. コマンドラインを用いたSubversionリポジトリの作成。

メモ:ここでは各コマンドの前にsudoを入力しています。これにより、すべてのコマンドがsuperuserとして実行されます。sudoコマンドが初めて実行される際には、superuserのパスワードを入力するよう求められます。入力したパスワードはしばらくキャッシュされるので、キャッシュがタイムアウトするまで、この入力を再び促されることはありません。

これで作業完了です。コードを保管するためのリポジトリが用意できました。

Apacheの設定

Mac内蔵WebサーバのApacheを介してリポジトリにアクセスするには、Apacheの構成ファイルとリポジトリの権限設定を変更する必要があります。

プロンプトを開いてApacheの設定用ディレクトリに移動し、Apacheの構成設定が保存されているhttpd.confファイルのバックアップを作成します。

Voltage:~ voltmer$ cd /etc/apache2/ Voltage:apache2 voltmer$ sudo cp httpd.conf httpd.conf.bak

ファイルの編集にはテキストエディタのnanoを使用することにします。このエディタでは、画面下部に表示されたControlキーとアルファベットキーの組み合わせで様々なコマンドを実行できます。(ファイルの編集には任意のテキストエディタを使用できます。)次に示すのは、nanoをsuperuserとして実行するためのコマンドです(図3参照)。

Voltage:apache2 voltmer$ sudo nano httpd.conf
superuserの権限でhttpd.confファイルを編集。
図3. superuserの権限でhttpd.confファイルを編集。

ここでは、WebDAV SVNモジュールを読み込むファイルを編集するとともに、リポジトリのディレクトリを設定する必要があります。httpd.confファイルには、LoadModuleで始まる行が複数含まれています。これらの行の最後に、次の行(図4参照)を追加します。

LoadModule dav_svn_module libexec/apache2/mod_dav_svn.so
DAV SVNモジュールを読み込むための行を追加。
図4. DAV SVNモジュールを読み込むための行を追加。

次に、ファイルの最後尾までスクロールダウンし、以下の行を追加します(図5参照)。

<Location /repo> DAV svn SVNPath /usr/local/svn/repo AuthType Basic AuthName "Subversion" AuthUserFile /usr/local/svn/svn_passwd Require valid-user </Location>
リポジトリを設定するための行を追加。
図5. リポジトリを設定するための行を追加。

この部分では、Webディレクトリの /repo をリポジトリの実際のファイルシステム位置にマップすることをApacheに指示しています。これによりURLの

http://localhost/repo

が /usr/local/svn/repoのリポジトリにリンクされます。

ファイルを保存してnanoを終了するには、Control (^X) を押します。

次に、リポジトリの中身が不正ユーザーによって閲覧されることを防止するために、コンテンツを保護するためのパスワードファイルを作成します。このファイル(/usr/local/svn/svn_passwd)は既にhttpd.confファイルに規定されてはいるものの、実際のファイルはまだ存在しません。このファイルを作成するには、まずリポジトリが保管されるディレクトリに移動してから、htpasswdユーティリティを実行します(図6参照)。

Voltage:apache2 voltmer$ cd /usr/local/svn Voltage:svn voltmer$ sudo htpasswd -c svn_passwd voltmer New password: Re-type new password: Adding password for user voltmer
リポジトリにパスワードを追加するためにhtpasswdを実行。
図6. リポジトリにパスワードを追加するためにhtpasswdを実行。

ユーザーvoltmerのパスワードを入力するよう2度求められます。ここでは、現在のユーザーパスワードが求められているわけではないので、Web SVNアクセス用のものを新規に設定することにします。ただし、同じパスワードの方が良ければ、それを使用することも可能です。次に、Webサーバのみがリポジトリを読み取れるようにする必要があります。次のコマンドを利用してリポジトリとパスワードファイルに適切な権限を設定します(図7参照)。

Voltage:svn voltmer$ cd /usr/local Voltage:local voltmer$ sudo chown –R www:www /usr/local/svn Voltage:local voltmer$ sudo chmod 600 /usr/local/svn/svn_passwd Voltage:local voltmer$ ls -la /usr/local/svn/svn_passwd -rw------- 1 _www _www 22 Sep 2 16:23 svn_passwd
リポジトリとパスワードファイルに対するアクセス制限権限の設定。
図7. リポジトリとパスワードファイルに対するアクセス制限権限の設定。

次に最後の手順としてWebサーバを開始(または再起動)します。Macのシステム環境設定を起動し、コントロールパネルの「共有」を開きます。「パーソナルWeb共有」(図8参照)にチェックが入っていない場合は、この項目にチェックを入れます(図9参照)。

パーソナルWeb共有がオフの場合はオンに設定。
図8. パーソナルWeb共有がオフの場合はオンに設定。
パーソナルWeb共有をオンにするとApacheが始動。
図9. パーソナルWeb共有をオンにするとApacheが始動。

この項目に既にチェックが入っている場合(つまり、Apacheが起動中の場合)は、一旦チェックを外してからチェックを入れ直すことでApacheを再起動できます。すべてが正しく機能していることを確認するために、Webブラウザ(Safariなど)を開き、 http://localhost/repoにアクセスしてみます。問題がなければ、先ほど設定したユーザー名とパスワードの入力を求める画面が表示されます(図10参照)。認証が完了すると、リポジトリのルートディレクトリが表示されます。

リポジトリにアクセスするためのユーザー名とパスワードの入力。
図10. リポジトリにアクセスするためのユーザー名とパスワードの入力。

「Powered by Subversion version…」の1文が表示されるようであれば、設定作業が適切に完了しています(図11参照)。

「Powered by Subversion…」と表示されればSVN向けのApache設定が完了。
図11.「Powered by Subversion…」と表示されればSVN向けのApache設定が完了。

Dreamweaverの設定

新しいリポジトリの設定作業が完了したので、次はDreamweaverでこれを利用するための設定を行います。 まず、Subversionリポジトリ用の新規サイトの設定の節で紹介した手順に従って、HTTPプロトコル経由でリポジトリにアクセスします。

今回は、「テスト」ボタンをクリックして設定を検証すると、プロジェクトが存在しないことが通知されます。これは、ファイルがまだローカルファイルシステムからリポジトリに送信されていないからです。「完了」ボタンをクリックして次に進もうとすると、Subversionディレクトリを作成するかどうかを問う、別のダイアログボックスが表示されます(図12参照)。ここでは「はい」をクリックします。

ダイアログボックスが表示される場合は「はい」をクリックしてSubversionディレクトリを作成。
図12. ダイアログボックスが表示される場合は「はい」をクリックしてSubversionディレクトリを作成。

この時点で、ローカルファイルの一覧にファイルが表示されます。ファイル名のそばにはプラス記号(+)が付き、ローカルファイルとリポジトリのファイルが同じではないことが示されます(図13参照)。

リポジトリと同期されていないことを示すプラス記号(+)が付いたindex.html。
図13. リポジトリと同期されていないことを示すプラス記号(+)が付いたindex.html。

Dreamweaverが、同期されていないと認識するのは、誤りではありません。これは、リポジトリにまだファイルが配置されていないからです。では、ファイルの初期チェックインを行うことにします。チェックインを行うには、サイト最上層のフォルダを右クリックし、メニューから「チェックイン」を選択します(図14参照)。

「チェックイン」を選択して初期チェックインを実行。
図14.「チェックイン」を選択して初期チェックインを実行。

以前に紹介した手順のように、ここでもDreamweaverがコミットメッセージの入力を求めます。「初期チェックイン」と入力してから「コミット」ボタンをクリックします(図15参照)。

コミットメッセージを入力してから「コミット」をクリック。
図15. コミットメッセージを入力してから「コミット」をクリック。

処理が完了すると、Dreamweaver CS5がファイルに付いていたプラス記号(+)を取り除き、リポジトリへのチェックイン(コミット)が完了していることが示されます(図16参照)。あとは、チェックアウト>編集>チェックインの手順で自由に作業を進めるだけです。リポジトリに配置されたプロジェクトの作業に他のユーザーも携わる場合は、ここで紹介した手順に従ってDreamweaver CS5を設定するようにします。

初期チェックインが完了してファイルがリポジトリにコミットされた状態。
図16. 初期チェックインが完了してファイルがリポジトリにコミットされた状態。

次のステップ

この記事の内容に関連する情報は、インターネット上に豊富に存在します。 以下にその一部を紹介します。

  • Subversion公式サイト
  • オンライン書籍『Subversion』

その他の書籍:

  • 書籍『Version Control with Subversion』
  • 書籍『Subversion Version Control』
  • 書籍『Practical Subversion』

More Like This

  • Editing a WordPress theme with Dreamweaver CS5 – Part 2: Setting up your site
  • SQL primer for Dreamweaver users
  • XML in the real world
  • Editing a WordPress theme with Dreamweaver CS5 – Part 3: Adding a logo, header styles, and menu
  • Building a Drupal site in 10 steps
  • Editing a WordPress theme with Dreamweaver CS5 – Part 1: Learning the basics
  • Editing a WordPress theme with Dreamweaver CS5 – Part 4: Building a custom home page
  • Beginner's guide to databases
  • Dreamweaver CS5でのSubversionの使用 – パート2:Subversionを使用するためのDreamweaverの設定

製品

  • Creative Suiteファミリー
  • Photoshopファミリー
  • Acrobatファミリー
  • Flashプラットフォーム
  • Digital Marketing Suite
  • Digital Enterprise Suite
  • Digital Publishing Suite
  • モバイルアプリ

ソリューション

  • カスタマーエクスペリエンスマネジメント
  • コンテンツオーサリング
  • デジタルマーケティング

業種別ソリューション

  • 教育
  • 金融機関

サポート

  • ヘルプ&サポート
  • 注文と返品
  • ダウンロードに関するヘルプ
  • ユーザー登録に関するヘルプ

ラーニング

  • ADC: Adobe Developer Center
  • Adobe TV
  • Design Magazine
  • Photoshop Magazine
  • Focus In

ご購入方法

  • アドビストア
  • アカデミック版のご購入
  • ライセンスのご購入

ダウンロード

  • Adobe Reader
  • Adobe Flash Player
  • Adobe AIR
  • Adobe Shockwave Player

会社情報

  • プレスルーム
  • パートナープログラム
  • 企業の社会的責任(英語)
  • 採用情報
  • 投資家の皆様へ(英語)
  • イベント&セミナー
  • Legal(英語)
  • お問い合わせ
国・地域および言語の選択 日本(変更)
国・地域および言語の選択 閉じる

North America

Europe, Middle East and Africa

Asia Pacific

  • Canada - English
  • Canada - Français
  • Latinoamérica
  • México
  • United States

South America

  • Brasil
  • Africa - English
  • Belgium - English
  • Belgique - Français
  • België - Nederlands
  • България
  • Česká republika
  • Danmark
  • Eastern Europe - English
  • Eesti
  • España
  • France
  • Deutschland
  • Hrvatska
  • Ireland
  • Israel - English
  • Italia
  • Latvija
  • Lietuva
  • Luxembourg - Deutsch
  • Luxembourg - English
  • Luxembourg - Français
  • Magyarország
  • Middle East and North Africa - English
  • Moyen-Orient et Afrique du Nord - Français
  • Nederland
  • Norge
  • Österreich - Deutsch
  • Polska
  • Portugal
  • România
  • Россия
  • Schweiz - Deutsch
  • Suisse - Français
  • Svizzera - Italiano
  • Slovenija
  • Slovensko
  • Srbija
  • Suomi
  • Sverige
  • Türkiye
  • Україна
  • United Kingdom
  • Australia
  • 中国
  • 中國香港特別行政區
  • Hong Kong S.A.R. of China
  • India - English
  • 日本
  • 한국
  • New Zealand
  • Pacific - English
  • 台灣

Southeast Asia

  • Includes Indonesia, Malaysia, Philippines, Singapore, Thailand, and Vietnam - English

Copyright © 2012 Adobe Systems Incorporated. All rights reserved.

当Webサイトをご利用のお客様は、利用条件およびプライバシーポリシー(2011年9月30日更新)にご同意いただいたものとみなされます。

Reviewed by TRUSTe: site privacy statement