Sitemap

Adobe Dreamweaver には Git 統合機能があり、統一されたインターフェイスを使用して、ファイルの編集とバージョン管理を 1 つのアプリケーションで行うことができます。

Dreamweaver サイトを Git リポジトリに関連付けると、Dreamweaver を Git クライアントとして使用できます。変更をプルおよびプッシュしたり、コミット メッセージを書き込んだり、差分を表示したり、マージを実行したりできます。Git GUI や git コマンドなどの他の Git クライアントを引き続き使用でき、Dreamweaver はそれらとシームレスに連携します。別のクライアントを使用してローカル リポジトリで Git 操作を実行すると、Dreamweaver によって更新が検出され、Dreamweaver で Git ステータスが自動的に更新されます。

次の手順に従って、Dreamweaver サイトを Git リポジトリに関連付けます。これらの例では、Git サーバーは GitHub です。

Git を使用するように Dreamweaver を構成する

ノート

これらの手順では、新しい Dreamweaver サイトの git 構成について説明します。既存の Dreamweaver サイトがある場合は、手順が少し異なります。Dreamweaver は、受け入れられる構成について少しうるさいです。これらの手順は似ていますが、ここでは説明しません。

新しい Dreamweaver サイトを作成する

  1. ドリームウィーバーを開きます。
  2. [サイト] メニューで、[新しいサイト] を選択します。
  3. サイト名を入力します。たとえば、mysite-git と入力します。

新しいローカル サイト フォルダーを作成する

  1. ローカル サイト フォルダーの場合は、空のフォルダーを選択します。存在しないフォルダーの名前を入力すると、作成されます。サイトが作成されると、リモート Git リポジトリがこのディレクトリに複製されます。

Dreamweaver での Git 資格情報の設定

  1. [Git リポジトリをこのサイトに関連付ける] を選択します。
  2. [URL を使用して既存の Git リポジトリを複製] を選択します。
  3. リポジトリの https:// URL を入力します。
  4. [Git ユーザー名] には、GitHub ユーザー名を入力します。
  5. 2FA (二要素認証) を使用している場合は、[パスワード] にアクセス トークンを入力します (以下を参照)。 2FA を使用していない場合は、通常の Git パスワードを入力します。

  1. [テスト] をクリックして、認証が機能していることを確認します。
  2. [認証情報を保存] というラベルの付いたボックスをオンにします。
ノート

資格情報を今保存しないと、後で保存できなくなる可能性があります。

  1. [保存] をクリックします。

リモート GitHub リポジトリは、ローカル サイト フォルダーに複製されます。これで、これらのファイルを編集するときに、Dreamweaver を Git クライアントとして使用できます。

GitHub 2FA の個人用アクセス トークンを生成する

  1. Web ブラウザーで、GitHub アカウントにログインします。
  2. まだ確認していない場合は、電子メール アドレスを確認します。
  3. 任意の GitHub ページの右上隅にあるアカウント アイコンをクリックします。メニューから [設定] を選択します。
  4. 左側で、[開発者設定] をクリックします。
  5. 左側にある [パーソナル アクセス トークン] をクリックします。
  6. [新しいトークンを生成] をクリックします。
  7. トークンの説明には、何でも入力します。
  8. スコープについては、デフォルトのオプションを使用できます。Repo とそのサブオプションがチェックされていることを確認してください。
  9. [トークンの生成] をクリックして、生成した以前のトークンを無効にし、新しいトークンを作成します。新しいトークンをコピーしてプライベート ドキュメントに貼り付けます。このトークンは GitHub で二度と見ることができないため、安全な場所に保存してください。

このトークンは、Dreamweaver 統合を含む、https:// URL を使用するすべての GitHub 操作のパスワードとして使用する必要があります。

Dreamweaver での Git ワークフロー

以下は、Git に関連付けられた Dreamweaver サイトを編集するときに使用する一般的なワークフローです。

  1. Dreamweaver インターフェイスの Git ウィンドウが非表示になっている場合は、[ウィンドウ] メニューで [Git] を選択します。 (Git メニューを含むサイド メニューを切り替えるには、F4.)
  2. ファイルを編集する前に、Git Pull を実行します。プルはローカル リポジトリを同期するため、最後のプル以降に他の人が行ったすべての新しい作業が行われます。

  1. 変更をファイルに保存する前に、Dreamweaver に「コミットするものがありません。作業ディレクトリはクリーンです」と表示されます。
  2. ファイルに変更を保存すると、そのファイルはステージングされていないファイルとして表示されます。ステージングされていないファイルは Git によって追跡されておらず、コミットの一部ではありません。
  3. 変更したファイルをステージングするには、ファイル名の横にあるボックスをオンにします。コマンドラインに相当するものは git add ですファイル名。

  1. オプション: ファイルのステージングを解除して、変更がコミットに含まれないようにする場合は、ファイル名の横にあるチェックボックスをオフにします。コマンドラインに相当するものは git reset HEAD ですファイル名。
  2. 変更をコミットする準備ができたら、[コミット] ボタンをクリックします。

  1. このファイル グループの変更を簡単に説明するコミット メッセージを入力します。このメッセージは、コマンド git commit -m "メッセージ"。[OK] をクリックします。

  1. Git ユーザーの詳細を入力するよう求められる場合があります。コミット メッセージであなたを識別するフル ネームと電子メール アドレスを入力します。この情報の入力を求められるのは 1 回だけです。コマンドラインに相当するものは git config --global user.name "フルネーム」、および git config --global user.email 「アドレス」。
  2. コミットをリモート リポジトリにプッシュする準備ができたら、[Git Push] をクリックします。
  3. 特に理由がない限り、デフォルトのプッシュ設定を使用できます。[OK] をクリックします。同等のコマンドラインは git push origin master です。

ノート

最後にプルした後、他の誰かがコミット内のファイルの 1 つを変更した場合、競合をマージする必要があることが通知されます。多くの場合、変更は自動的にマージできます。マージが完了したら、コミットを再度プッシュすることができます。

トラブルシューティング

  • Git ウィンドウに情報がまったく表示されない場合は、サイトが正しく構成されていない可能性があります。Dreamweaver サイトを削除し、ローカル サイト フォルダーを削除 (または新しいフォルダーを選択) して、最初からやり直します。
  • 最初に Git 認証情報をテストしようとしたときに Dreamweaver がハングした場合は、Windows Defender ファイアウォールによってブロックされている可能性があります。Dreamweaver のファイアウォール設定をリセットするには、Dreamweaver を再インストールし、アプリケーションの初回起動時にファイアウォール アクセスを許可してください。
  • Git が Dreamweaver で正しく動作していないように思われる場合は、Git を再インストールしてみてください。Dreamweaver は内部で Git コマンド ライン ツールを使用するため、古いログイン情報または別の構成が存在する可能性があります。その場合、Git を再インストールすると、この情報がリセットされ、問題が解決されます。

関連情報

すべてのカテゴリ: バグフィックス情報