このチュートリアルでは Dreamweaverに直接Gitを統合し 効率的にチーム作業をする方法を説明します Git統合は、オープンソースプロジェクト対応の GitHub、Bitbucketなど、どのプロバイダーのGitサービスでも使えます プロジェクト内の変更のトラッキングと管理が バージョンコントロール機能で安全にできます Dreamweaverを起動する前に MacまたはPCにGitクライアントをインストールして Gitリポジトリのアカウントにサインアップするか 既存のものを使います。
私はGitHubを使用します DreamweaverとGitリポジトリを接続するには サイト／新規サイト、または「サイトの管理」を選択します Gitとサイトを関連付けるため 「このサイトにGitリポジトリを関連付ける」を選択します 2つのオプションがあります 「Gitリポジトリとして初期化」では ローカルのデータを使ってリポジトリを開始します 「URLを使用して既存のGitリポジトリを複製」では 使用するソースファイルが BitbucketやGitHubなどにあり それをローカルに複製して 使用します ここでは 上のオプションを選択して、「保存」します DreamweaverでGitを使用するには 「ファイル」タブから 「Gitビューを表示」をクリックして Gitビューに切り替えます いくつかの緑色のファイルがあります これらは、リポジトリにコミットされていないため トラックされてないことを示しています ファイルパネルでGitを使用できます 右クリックでGitオプションが表示されます 変更内容のステージ、コミットができます Gitビューで作業を進めます 最初にコミットするときは すべてのファイルを チェックイン済みにします これには2つの手順があります ファイルのステージとコミットです すべてをステージするには 「状態」の横のチェックボックスを選択すれば すべてにチェックマークが付きます これですべてステージ済みとなります コミットするには、このアイコンを使用します コミットできるのはステージ済みファイルのみです ステージ段階のファイルの内容を確認できます index.htmlページを表示してみましょう 展開すると、コードがすべて緑色でハイライトされ リポジトリの新規ファイルであることを示します 閉じましょう コミットのメッセージを追加します 「First Commit」と入力して 「OK」をクリックします Gitパネルを見ると すべて更新されています ファイルパネルを見ると、白字に変わっています すべて更新済みです もし、緑があればそれはコミットが済んでいないことを意味しています ここで内容を編集しましょう index.htmlファイルを使用します 変更を依頼されたとします 「About」を「About Us」に変更して 保存します ここにガターマークが付きました このガターマークは 変更箇所がリポジトリに コミットされていないことを示します クリックすると、変更前と後を確認できます index.htmlの変更は、ここでもわかります 変更点を確認するには 先ほどのガターマーク または、こちらにある 差分ボタンをクリックすれば 何がどのように変更されたか、確認できます これが削除された行 これが追加された「About Us」です 変更を取り消すには Gitパネルの取り消しボタンを使います 右端のボタンをクリックします 変更したファイルのチェックボックスをオンにして 「コミット」をクリックします 自分用にコメントを入力します 展開すると 変更箇所がハイライト表示されています 「OK」をクリックします ローカルリポジトリにプッシュされたので ガターマークが消え Gitパネルからも削除されます ここまではマスターブランチでしたが ブランチを切り替えて作業できます ドロップダウンメニューから選択します このメニューからは 新しいブランチの作成や 既存のブランチの管理もできます 新規作成してみましょう 「iphone-bug-nav」と名付けて 「OK」をクリックします 新しいブランチができました ブランチのマージを行い masterに結合させることができます ローカルリポジトリで作業してきましたが リモートリポジトリも使用できます BitbucketやGitHubなどです 「リモートを作成」をクリックして 名前、URL、ユーザー名、パスワードを入力して、「OK」します Gitパネルには push、pull、fetchアイコンがあります 少し変更を加えてみましょう 保存して、ローカルにコミットします コメントを記入します このアイコンは、プッシュするファイルがあることを示します 「OK」をクリックします GitHubのリモートリポジトリにプッシュされます Dreamweaver CCの画面からとても簡単に使用できます 私は、Gitリポジトリの履歴をよく使います 先ほど作成した「First Commit」 その他の変更履歴が表示されます 便利なことに、他のメンバーの 作業内容も表示されるので ここで、メンバーの名前 コメント、コードの変更を確認できます 他の人と共同作業をすれば その便利さがよくわかります Git統合の概要を紹介しました ヘルプには詳しい情報が記載されています このチュートリアルページのリンクからご覧ください Dreamweaver CCでの共同作業がとてもしやすくなります きっと皆さんも私と同じように Dreamweaver CCの作業ではGitを使いたくなるはずです Dreamweaver CCの作業ではGitを使いたくなるはずです
