Dreamweaver での Git の使用

Dreamweaver は、ソースコードを管理するためのオープンソース分散バージョン管理システムである Git に対応しています。Git を Dreamweaver に統合することで、どこからでもコードを自由に変更し、後で変更を Git の中央リポジトリにマージすることができます。Git により、ファイル内のすべての変更を追跡し、以前のバージョンに戻ることもできます。

Git リポジトリは、Git で簡単にブランチの作成および管理をすることができるため、グループで作業する場合にも便利です。たとえば、デザイナーがサイトのデザインの変更作業を行う場合などです。同時に、他のチームメンバーが同じサイトの変更要求に対応している場合は、どちらも Git を使用して別々に作業することができます。このような場合、両者とも別々にブランチを作成し、それぞれのローカルリポジトリで変更を行うことができます。ローカルリポジトリには、ソースに対して行ったすべての変更の完全な履歴が保存されます。一時的に作業を中断して変更を中央リポジトリにマージする作業は、いつでも行うことができます。マージすることで、中央リポジトリに、両者の変更が反映された最新のコードが常に保持されます。

詳しくは、以降の Dreamweaver で Git の使用を開始する方法の説明を参照してください。

Git の使用が初めての場合、最初に Git クライアントをダウンロードして、Git アカウントを作成する必要があります。Git クライアントは、Dreamweaver 内から Git を使用するために欠かせない操作です。

Git アカウントが既にある場合は、アカウントにログインしてください。Git クライアントをダウンロードします。 

Dreamweaver で Git を使い始めるには、次の手順を実行します。

Git パネル

Git クライアントはデフォルトの設定でインストールすることをお勧めします。その後、Dreamweaver によって、実行ファイルのパスが自動的に選択されます。

これで、Dreamweaver を起動し、サイトを Git リポジトリに関連付けることができます。

Dreamweaver では Git パネル（Windows／Git）を介して Git 操作がサポートされています。このパネルを使用して、コミット、プッシュ、プル、フェッチなどの一般的な Git 操作を行います。

Git とサイトの関連付け

Dreamweaver で Git の使用を開始するには、最初に Dreamweaver サイトを Git リポジトリに関連付ける必要があります。Git リポジトリは、ファイルの変更を追跡するために作成するフォルダーのようなものです。コンピューター上に作成できる Git リポジトリの数に制限はありません。システム上の各リポジトリは独立しています。つまり、1つの Git リポジトリに保存される変更が別の Git リポジトリの内容に影響を与えることはありません。

Web サイトをリポジトリに関連付けるには、リポジトリを作成するか、既存のリポジトリを複製します。リポジトリを初期化するか作成すると、現在の作業ディレクトリ内に空の Git リポジトリが作成され、.gitignore ファイルを含むフォルダーが作成されます。

ただし、既存の Git リポジトリを複製した場合は、親リポジトリのすべてのファイルがローカルシステムに複製されます。

詳しくは、Git リポジトリの初期化方法またはリポジトリの複製方法の説明を参照してください。

Git リポジトリの初期化

Dreamweaver で Git の使用を開始するときは、まずリポジトリを作成します。サイト用に新しい Git リポジトリを初期化すると、Dreamweaver サイトに関連付けられているファイルを追加できる新しい Git リポジトリが作成されます。

既存のリポジトリの複製

Github、Bitbucket または他の一般的なホスティングサービスでホストされている既存の Git リポジトリを既に使用している場合は、次の手順で Dreamweaver 内でリポジトリを複製することができます。既存のリポジトリを複製すると、ターゲットリポジトリのコピーがローカルシステム内に作成されます。

Git を使用したバージョン管理

Dreamweaver サイトを Git リポジトリと関連付けたので、Git 内のファイルをファイルパネル（Git ビュー）に表示できるようになりました。Git では、ローカルリポジトリ内のファイルは次のように分類されます。

• 未追跡ファイル：Git リポジトリに一度もコミットしたことがないファイル。Git リポジトリを初期化した後、ファイルは、コミットするまで未追跡になります。
• 未変更ファイル：変更されていないファイル
• 変更されたファイル：編集されているファイル
• ステージされたファイル：変更され、コミットする準備ができているファイル

Git を使用して、ファイルに対する変更を追跡することができます。ローカルシステムのファイルを変更すると、変更されたファイルは、ファイルパネルに別の色で表示されます。ファイルをダブルクリックしてコードビューで開くと、変更された行にふち取りマークも表示されます。作業を続けた後、変更されたファイルを Git にコミットして、変更を同期できます。

ファイルをコミットするとき、Git では、コミットごとにログメッセージを入力することができ、差分機能を使用して変更を確認することができます。各ファイルとリポジトリ全体のバージョン履歴を表示することもできます。

Dreamweaver 内での編集の追跡と Git への変更のコミット方法についての説明を参照してください。

Git での編集の追跡

Dreamweaver のファイルパネルに、FTP ビューと Git ビューを切り替えるための Git アイコンがあります。Git ビューに切り替えるには、Git アイコンをクリックします。

Git リポジトリを初期化したが、ファイルをコミットしなかった場合、ファイルは未追跡状態のままです。ただし、リポジトリを初期化した後でファイルをコミットした場合、Git によってこうしたファイルが認識されます。

別のリポジトリのすべてのファイルを複製した場合、ファイルは、再度 Git によって認識されます。

ファイルを変更し、「保存」をクリックすると、変更されたファイルは、ファイルパネルに別の色で表示されます。変更そのものをコードビューに表示するには、変更されたファイルをダブルクリックします。

ふち取りマークによって、変更が行われた行が示されます。緑のふち取りマークは、追加された新しいコードを示します。黄色のふち取りマークは変更されたコードを示し、赤のふち取りマークは削除されたコード行を示します。

黄色のふち取りマークをクリックすると、コードの変更箇所が示されます。削除されたコード行は赤で表示され、新しく追加されたコードは緑色で表示されます。

削除されたコード行の左隅に R シンボルがあります。削除されたコードをファイルに追加し直すには、この R シンボルをクリックします。

ふち取りマークを使用して、変更を Git リポジトリにコミットする前に、差分を表示して変更を見直します。

変更されたファイルの差分の表示

Git パネルを開くと、変更されたファイルのリストが表示されます。このリストのファイルをクリックし、前回のコミット後にファイルに加えられた変更（差分）を確認することができます。ファイルの差分を表示するには、Git パネルで次のいずれかの操作を行います。

• ファイルレベルで編集内容を表示するには、各ファイルをクリックします。赤のハイライトは前のバージョンを示し、緑のハイライトは変更が行われたバージョンを示しています。
• 差分を表示するファイルを選択します。（差分アイコン）をクリックします。Git 差分ダイアログボックスが表示され、変更が赤と緑でハイライト表示されます。

変更のコミット

変更を元に戻す

変更をコミットしたが、前のバージョンのファイルに戻す場合は、次の操作を行います。

タグの作成

Git に変更をコミットするときは、いつでもタグを作成することができます。タグを使用して、重要なコミットをマークできます例えば、クライアントによってリクエストされた主要な変更のチェックインがあります。タグは、特定のコミットに対するポインターとして機能します。

ファイルの履歴を見る

ファイルを Git にコミットするときは、毎回、ファイルの履歴とコミットの詳細を確認できます。この機能は、重要なコミットと、コミットに関連付けられているタグを識別するために役立ちます。

1. Git パネルで、次のいずれかの操作を行います。

• 必要なファイルを選択し、（ファイル履歴を表示アイコン）をクリックします。
• ファイルパネルでファイルを右クリックし、「ファイル履歴」を選択します。

選択したファイルの Git ファイル履歴が表示されます。同じダイアログボックスで、このファイルに対するコミットの詳細を確認することもできます。

リポジトリ履歴の表示

Git でファイルの履歴を表示する以外に、リポジトリレベルで行った変更を表示することもできます。リポジトリレベルで行ったすべての変更とコミットを表示できます。リポジトリ履歴を表示するには、次の手順を実行します。

Git を使用した共同作業

Git の非常に優れた特徴の 1 つが、ブランチです。大抵のバージョン管理システムとは異なり、Git のブランチは、関連するすべてのファイルまたはコードの独立した行と同一であると見なすことができます。デフォルトで、リポジトリには、「マスター」 という 1 つのブランチがあります。マスターブランチは、主要な、あるいは決定的なブランチです。マスターからブランチを作成して、各ブランチで編集することができます。

別のブランチからブランチを作成することもできます。この場合、親ブランチのコピーが作成されます。同じ Git リポジトリの両方のブランチで、個別に作業することができます。例えば、あるブランチでサイトの新しい機能に関する作業を行っているときに、別のブランチで変更要求に対応することができます。

Git では、現在のブランチをターゲットブランチにマージして、変更を統合することができます。2 つのブランチをマージしても、両方のブランチは独立して存在し続けるので、親ブランチとターゲットブランチで作業を続けることができます。

Dreamweaver では、開発者とデザイナーがサイトの作業を並行して行うときに、各ユーザーがマスターからブランチを作成して、別々に変更することができます。必要に応じて、加えた変更を別のブランチに簡単にマージし、両方のブランチでの作業を続行することができます。

Git でのブランチの作成と管理について詳しくは、以下の各セクションを参照してください。

Git でブランチを作成する

ブランチのマージ

リモートリポジトリの操作

Git のリモートリポジトリは、別のネットワークでホストされているプロジェクトのバージョンです。リポジトリとの接続を作成することによって、リモートリポジトリにアクセスできます。リモートリポジトリに指定されているアクセス権限に応じて、そのリポジトリに対して読み取り専用アクセスまたは書き込みアクセスを行うことができます。

グループでの作業中、リモートリポジトリを使用して、他のレポジトリとの間でデータのプッシュとプルを行うことができます。Dreamweaver の Git パネルで、リモート接続を作成し、Fetch、Git Push、Git Pull、Remote Refresh などの様々な Git 操作を行うことができます。

リモートリポジトリの作成および管理方法については、以下の手順を参照してください。

リモートリポジトリの追加

リモートリポジトリを追加して、ファイルや作業の進行状況を共有し、別のネットワークでホストされているプロジェクトファイルにアクセスすることができます。リモートリポジトリを追加すると、ターゲットリポジトリとのリモート接続が確立します。Dreamweaver では、Git パネルでリモートリポジトリを作成することができます。

リモートリポジトリを追加する前に、他のリポジトリで公開設定が有効になっていることを確認します。

リモートリポジトリの管理

リモートリポジトリを追加し、接続を確立したら、リモートリポジトリからファイルをフェッチし、ローカルリポジトリにプルすることができます。リモートリポジトリにファイルをプッシュすることもできます。ただし、Git Push アクションを初めて実行する前に、リモートリポジトリからファイルをフェッチしておく必要があります。

ファイルをプッシュする前に、ローカルリポジトリ内のすべてのファイルをコミットしておく必要があります。ローカルリポジトリにステージされたファイルがある場合、Git Push は成立しません。 

Dreamweaver 内で以下の Git 操作を実行することができます。

すべてフェッチ

すべてのリモート接続からすべてのファイルを取得するには、 をクリックします。Git Push または Git Pull を実行する前に Git Fetch を実行することをお勧めします。この操作はリモートからファイルをフェッチするだけであり、ローカルリポジトリを変更することはありません。

リモートリポジトリからのファイルのプル

1 つのリポジトリまたはリポジトリグループから変更をプルすることができます。Git Pull アイコンをクリックすると、Git Pull ダイアログボックスと様々なオプションが表示されます。

リモートリポジトリへのファイルのプッシュ

リモートリポジトリに接続した後、ファイルを変更してコミットすると、変更が Git によって記録されます。Git パネルの Git Push アイコン をクリックすると、変更されているファイルの数がすぐに表示されます。これらのファイルを、リモートリポジトリにプッシュすることができます。

Git Push を実行すると、ローカルリポジトリに対して実行したコミットが、リモートリポジトリにプッシュされます。

Dreamweaver 内からファイルをプッシュするには：

Git パネルでのファイルの検索

Git パネルの検索バーでは、ファイル名でファイルを検索することができます。この機能は、サイトに関連付けられたファイルの数が多い場合に特に便利です。

ファイルを検索するには、検索バーに目的のファイル名を入力します。検索クエリーを含むファイルがすぐに表示されます。

無視リストへのファイルの追加

Git でファイルが操作されないようにする場合は、.gitignore にファイルを追加することができます。Git でコミット、プッシュ、プルなどの操作が実行されるときに、このフォルダー内のファイルは常に無視されます。リポジトリを複製している他のユーザーも .gitignore フォルダー内のファイルを認識できるように、.gitignore ファイルをリポジトリにコミットする必要があります。

.gitignore にファイルを追加するには、Dreamweaver のファイルパネルに移動します。Git で無視するファイルを選択して右クリックし、Git／.gitignore に追加を選択します。

任意の時点で .gitignore からファイルを削除するには、ファイルパネルでファイルを選択します。右クリックし、Git／.gitignore から削除を選択します。

.gitignore ファイルを変更した場合は、変更後に必ずローカルとリモートのリポジトリにファイルをコミットしてください。

コマンドラインを使用した Git へのアクセス

この記事の前のセクションでは、Git パネル（UI）を使用してサイトへの Git リポジトリの関連付け、リモート接続の作成と管理、ファイルのリポジトリへのプッシュ、ファイルのリポジトリからのプルなどのタスクを実行する方法を説明しました。git コマンドを使用して行える操作はこれだけではありません。

ターミナルを使用して Git 操作を実行するには、次のいずれかの操作を行います。

• ウィンドウ／Git をクリックし、Bash/Terminal コンソールを開くアイコンをクリックします。
• ファイルパネルで、Git ビューに切り替えます。リポジトリドロップダウンリストの横にある Git ターミナルを開くアイコンをクリックします。

一般的な git コマンドを表示するには、Git クイック操作ガイド（英語）を参照してください。

コマンドラインからの Git リポジトリの初期化などの特定の操作を実行した場合、これらの操作も Dreamweaver インターフェイスに反映されます。

ただし、Dreamweaver アプリケーションを閉じたときに、コマンドラインを使用してファイルを変更することもできます。この場合、次の状況で Dreamweaver を起動すると、次のメッセージが表示されます。

Dreamweaver での Git 環境設定の指定

Dreamweaver の Git 環境設定を使用して、Dreamweaver で Git を使用するためのいくつかの設定を定義することができます。環境設定ダイアログボックスを使用して、ターミナルへのパスやタイムアウト設定などの Git 環境設定を指定することができます。