30 April 2010
ページ ツール |
Adobe Dreamweaverに対する一般知識とWebデザイン・Web開発に対する基礎知識。
すべて
この記事は、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$
このプロンプトのVoltageが筆者のマシン名、voltmerがログイン名にあたります。
ここでは以下のコマンドを利用して次の処理を行います。
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
メモ:ここでは各コマンドの前にsudoを入力しています。これにより、すべてのコマンドがsuperuserとして実行されます。sudoコマンドが初めて実行される際には、superuserのパスワードを入力するよう求められます。入力したパスワードはしばらくキャッシュされるので、キャッシュがタイムアウトするまで、この入力を再び促されることはありません。
これで作業完了です。コードを保管するためのリポジトリが用意できました。
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
ここでは、WebDAV SVNモジュールを読み込むファイルを編集するとともに、リポジトリのディレクトリを設定する必要があります。httpd.confファイルには、LoadModuleで始まる行が複数含まれています。これらの行の最後に、次の行(図4参照)を追加します。
LoadModule dav_svn_module
libexec/apache2/mod_dav_svn.so
次に、ファイルの最後尾までスクロールダウンし、以下の行を追加します(図5参照)。
<Location /repo>
DAV svn
SVNPath /usr/local/svn/repo
AuthType Basic
AuthName "Subversion"
AuthUserFile /usr/local/svn/svn_passwd
Require valid-user
</Location>
この部分では、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
ユーザー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
次に最後の手順としてWebサーバを開始(または再起動)します。Macのシステム環境設定を起動し、コントロールパネルの「共有」を開きます。「パーソナルWeb共有」(図8参照)にチェックが入っていない場合は、この項目にチェックを入れます(図9参照)。
この項目に既にチェックが入っている場合(つまり、Apacheが起動中の場合)は、一旦チェックを外してからチェックを入れ直すことでApacheを再起動できます。すべてが正しく機能していることを確認するために、Webブラウザ(Safariなど)を開き、 http://localhost/repoにアクセスしてみます。問題がなければ、先ほど設定したユーザー名とパスワードの入力を求める画面が表示されます(図10参照)。認証が完了すると、リポジトリのルートディレクトリが表示されます。
「Powered by Subversion version…」の1文が表示されるようであれば、設定作業が適切に完了しています(図11参照)。
新しいリポジトリの設定作業が完了したので、次はDreamweaverでこれを利用するための設定を行います。 まず、Subversionリポジトリ用の新規サイトの設定の節で紹介した手順に従って、HTTPプロトコル経由でリポジトリにアクセスします。
今回は、「テスト」ボタンをクリックして設定を検証すると、プロジェクトが存在しないことが通知されます。これは、ファイルがまだローカルファイルシステムからリポジトリに送信されていないからです。「完了」ボタンをクリックして次に進もうとすると、Subversionディレクトリを作成するかどうかを問う、別のダイアログボックスが表示されます(図12参照)。ここでは「はい」をクリックします。
この時点で、ローカルファイルの一覧にファイルが表示されます。ファイル名のそばにはプラス記号(+)が付き、ローカルファイルとリポジトリのファイルが同じではないことが示されます(図13参照)。
Dreamweaverが、同期されていないと認識するのは、誤りではありません。これは、リポジトリにまだファイルが配置されていないからです。では、ファイルの初期チェックインを行うことにします。チェックインを行うには、サイト最上層のフォルダを右クリックし、メニューから「チェックイン」を選択します(図14参照)。
以前に紹介した手順のように、ここでもDreamweaverがコミットメッセージの入力を求めます。「初期チェックイン」と入力してから「コミット」ボタンをクリックします(図15参照)。
処理が完了すると、Dreamweaver CS5がファイルに付いていたプラス記号(+)を取り除き、リポジトリへのチェックイン(コミット)が完了していることが示されます(図16参照)。あとは、チェックアウト>編集>チェックインの手順で自由に作業を進めるだけです。リポジトリに配置されたプロジェクトの作業に他のユーザーも携わる場合は、ここで紹介した手順に従ってDreamweaver CS5を設定するようにします。
この記事の内容に関連する情報は、インターネット上に豊富に存在します。 以下にその一部を紹介します。
その他の書籍: