--- schema_version: "1" id: dada2ee44398bf62199f76bdfbdbbacfdcbd7d229f7449140a4f98bbdc6cdc7e title: ソースファイルの制御 collection: mulesoft version: current locale: ja-jp portal_url: https://docs.salesforce.com/mulesoft/current/ja-jp/anypoint-code-builder/start-scm.md canonical_url: https://docs.mulesoft.com/jp/anypoint-code-builder/start-scm source_site: docs.mulesoft.com content_type: documentation content_hash: 65f41b783bbe96df1265cdb57c5dfc95fd4020b0e8d9182b0c1647e75ff320c6 description: MuleSoft Documentation Site latest: true --- # ソースファイルの制御 ![logo cloud IDE](/mulesoft/current/ja-jp/_/img/logos/deployment-cloud-ide.png "Cloud IDE") Cloud IDE ![logo desktop IDE](/mulesoft/current/ja-jp/_/img/logos/deployment-desktop-ide.png "Desktop IDE") Desktop IDE **進行中のベータリリース**​: **クラウド IDE は進行中のベータリリースです**​。ベータ状態での Anypoint Code Builder の使用には、IDE で入手できる、該当するベータサービス契約条件が適用されます。 ソース制御管理 (SCM) を使用して、設計、インテグレーション、実装プロジェクトを保存および共有します。 便利な SCM では、プロジェクトの品質を確保するための各ファイルの変更履歴と分岐手法、完全なトレーサビリティ、ファイルの以前のバージョンを復元する機能、Anypoint Code Builder 環境が失われたり削除されたりしたときにソースコードを復元する方法が提供されます。 GitHub および Git コマンドラインインターフェース (CLI) は、業界で広く使用されており、デスクトップ IDE やクラウド IDE の VS Code で標準 (最小限の設定) でサポートされています。このページの手順では、ソース制御のための GitHub のセットアップおよび使用方法について説明します。他の SCM システムの VS Code 拡張機能もセットアップおよび使用できます。詳細は、 [「SCM Providers (SCM プロバイダー)」](https://code.visualstudio.com/docs/sourcecontrol/overview#_scm-providers)​を参照してください。 詳細は、VS Code ドキュメントの [「Using Git source control in VS Code (VS Code での Git ソース制御の使用)」](https://code.visualstudio.com/docs/sourcecontrol/overview)​を参照してください。Git についての詳細は、 [Git ドキュメント](https://git-scm.com/book)​を参照してください。 ## [](#prereqs)始める前に 前提条件が準備されていることを確認します。 - GitHub アカウント アカウントがない場合は、GitHub サイトの [\[Join GitHub (GitHub に参加)](https://github.com/join)^\]​ ページから作成します。 - コンピューターへの Git のインストール Git がコンピューターにインストールされていない場合、各自のマシンに対応する [Git インストール手順](https://github.com/git-guides/install-git)​を実行します。 - デスクトップ IDE またはクラウド IDE から Anypoint Code Builder へのアクセス セットアップおよびインストールについては、see [Anypoint Code Builder 入門](https://docs.mulesoft.com/jp/anypoint-code-builder/start-acb)を参照してください。すべての前提条件を満たす必要があります。 - GitHub ユーザー名とメール設定 (​[Git ユーザー名とパスワードを設定する](#config-git)​を参照) ### [](#config-git)Git ユーザー名とパスワードを設定する ユーザー名とメールのプロパティを確認して設定し、GitHub のリモート Git リポジトリからプロジェクトファイルを追加、更新、取得できるようにします。 1. [始める前に](#prereqs)​の前提条件を満たします。 2. IDE から、コンソールのターミナルウィンドウを開きます。 - デスクトップ IDE で、​**\[View (表示)\]**​ > ​**\[Terminal (ターミナル)\]**​ を選択する。 - クラウド IDE で、​![](/mulesoft/current/ja-jp/anypoint-code-builder/_images/icon-menu.png)​ (メニュー) アイコンをクリックし、​**\[Terminal (ターミナル)\]**​ > ​**\[New Terminal (新規ターミナル)\]**​ を選択する。 - いずれかの IDE で、Ctrl キーを押してからバッククォートキー (\`) を押す。 3. Anypoint Code Builder ターミナルから、次のコマンドを実行して、既存の Git 設定を確認します。 ```command git config --list ``` - GitHub ​`user.name`​ および ​`user.email`​ がリストされていない場合や、データが返されない場合、これらのプロパティを設定します。 1. `YourUserName`​ を各自の GitHub ユーザー名に置き換えて、次のコマンドを実行し、​`user.name`​ を設定します。 ```command git config –-global user.name "YourUserName" ``` 2. `your@email.com`​ を各自の GitHub メールアドレスに置き換えて、次のコマンドを実行し、​`user.email`​ を設定します。 ```command git config –-global user.email "your@email.com" ``` GitHub アカウントで 2 要素認証が有効になっている場合、パスワードを求められたら、GitHub ログインパスワードの代わりに個人アクセストークンを入力します。詳細は、GitHub ドキュメント [「2FA を使用して GitHub にアクセスする」](https://docs.github.com/en/authentication/securing-your-account-with-two-factor-authentication-2fa/accessing-github-using-two-factor-authentication)​を参照してください。 - GitHub ​`user.name`​ および ​`user.email`​ がリストされている場合、Git を使用して IDE からプロジェクトファイルを制御する準備ができています。VS Code の一般的なソース制御タスクに関する指針は、以下を参照してください。 - [IDE からリポジトリをセットアップする](#set-up-repo) - [プロジェクトの変更をリポジトリと同期する](#sync-changes) ## [](#set-up-repo)IDE からリポジトリをセットアップする IDE から設計プロジェクト、インテグレーションプロジェクト、または実装プロジェクトのリポジトリをセットアップします。IDE から、使用する SCM のリポジトリと同期するプロジェクトがすでにセットアップされている場合、追加のセットアップは必要ありません。追加のセットアップなしに変更を同期できます。例については、​[プロジェクトの変更をリポジトリと同期する](#sync-changes)​を参照してください。 IDE からプロジェクトのリモート GitHub リポジトリをセットアップする場合の一般的なシナリオは次のとおりです。 - [GitHub のリポジトリを生成してそのリポジトリにパブリッシュする](#create-repo) Anypoint Code Builder のプロジェクトはあるが、そのプロジェクトのリポジトリがない場合、IDE を使用して GitHub にリポジトリを生成し、プロジェクトファイルをそのリモートリポジトリにパブリッシュできます。このプロセスでは、暗黙的に IDE のローカルリポジトリの初期化も行われます。 - [プロジェクトファイルを初期化して、ローカルリポジトリにコミットする](#initialize-repo) ファイルを GitHub のリモートリポジトリにパブリッシュして同期するには、プロジェクトファイルを初期化して IDE のローカルリポジトリにコミットすることが前提条件となります。 - [プロジェクトファイルを GitHub の空のリポジトリにパブリッシュする](#publish-to-empty) GitHub に空のリポジトリがある場合、IDE からそのリポジトリにプロジェクトファイルをパブリッシュできます。 - [プロジェクトファイルを別のリポジトリにパブリッシュする](#add-extra-repo) リモートリポジトリと同期するようにプロジェクトがすでに設定されている場合、プロジェクトファイルを別のリポジトリにパブリッシュするように IDE を設定できます。 この機能は、MuleSoft VCS からインポートした API 仕様プロジェクト用の独自のリポジトリを使用する場合や、2024 年 2 月リリースの前に IDE から設計プロジェクトを作成した場合などに便利です。どちらのタイプのプロジェクトでも、リモート Git リポジトリへの接続が自動的に MuleSoft VCS に追加されます。 - [プロジェクトリポジトリを IDE にコピーする](#clone-repo) 設計プロジェクト、実装プロジェクト、インテグレーションプロジェクトがすでに GitHub のリポジトリに保存されている場合、それをクラウド IDE またはデスクトップ IDE にコピーできます。 ### [](#create-repo)GitHub のリポジトリを生成してそのリポジトリにパブリッシュする Anypoint Code Builder のプロジェクトはあるが、そのプロジェクトのリポジトリがない場合、IDE を使用して GitHub にリポジトリを生成し、プロジェクトファイルをそのリモートリポジトリにパブリッシュできます。このプロセスでは、暗黙的に IDE のローカルリポジトリの初期化も行われます。 Anypoint Code Builder のプロジェクトで使用する空のリポジトリがすでに GitHub にある場合は、​[プロジェクトファイルを GitHub の空のリポジトリにパブリッシュする](#publish-to-empty)​を参照して、IDE からそのリポジトリを追加およびパブリッシュします。 1. [始める前に](#prereqs)​の前提条件を満たします。 2. Mule プロジェクトフォルダーが閉じている場合は、プロジェクトの​_ルート_​ディレクトリでプロジェクトを開きます。 1. コマンドパレットを開きます。 手順を表示 - キーボードショートカットを使用する。 - Mac: Cmd+Shift+p - Windows: Ctrl+Shift+p - デスクトップ IDE で、​**\[View (表示)\]**​ > ​**\[Command Palette (コマンドパレット)\]**​ を選択する。 - クラウド IDE で、​![](/mulesoft/current/ja-jp/anypoint-code-builder/_images/icon-menu.png)​ (メニュー) アイコンをクリックし、​**\[View (表示)\]**​ > ​**\[Command Palette (コマンドパレット)\]**​ を選択する。 2. 次のコマンドを入力します。 ```command File: Open Folder... ``` 3. プロジェクトの​_ルート_​フォルダーに移動して選択します。次に例を示します。 - インテグレーションまたは実装例 - 設計プロジェクトの例 Anypoint Code Builder のインテグレーションまたは実装プロジェクトのルートフォルダーとサブディレクトリの例: ![インテグレーションまたは実装プロジェクトのプロジェクトフォルダー](/mulesoft/current/ja-jp/anypoint-code-builder/_images/int-open-root.png) VS Code はルートをワークスペースとして扱うため、IDE でキャンバスを適切に読み込めます。 Anypoint Code Builder の API 設計プロジェクトのルートディレクトリの例: ![設計プロジェクトのプロジェクトフォルダー](/mulesoft/current/ja-jp/anypoint-code-builder/_images/int-open-root-design.png) プロジェクトのルートは、プロジェクトの作成時に Anypoint Code Builder によって生成される最上位のフォルダーです。プロジェクトルートの親または上位ディレクトリに移動したり、いずれかの子または下位ディレクトリに移動したりしないでください。 3. \[Source Control (ソース制御)\] パネルを開きます。 手順を表示 アクティビティバーの ​![](/mulesoft/current/ja-jp/anypoint-code-builder/_images/icon-source-control-no-edits.png)​ (​**Source Control (ソース制御)**​) アイコンをクリックするか、キーボードショートカットを使用する。 - Mac: Ctrl+Shift+g - Windows: Cmd+Shift+g 4. \[Source Control (ソース制御)\] パネルで、​**\[Publish to GitHub (GitHub にパブリッシュ)\]**​ をクリックします。 ![IDE から GitHub へのリポジトリのパブリッシュ](/mulesoft/current/ja-jp/anypoint-code-builder/_images/start-scm-repo.png) プロジェクトにリポジトリが関連付けられていない場合、IDE では IDE の​_ローカル_​リポジトリを初期化 (​**\[Initialize Repository (リポジトリを初期化)\]**​) するか、プロジェクトを GitHub の新しいリモートリポジトリに直接パブリッシュ (​**\[Publish to GitHub (GitHub にパブリッシュ)\]**​) できます。GitHub にパブリッシュする場合、暗黙的にプロジェクトのローカルリポジトリの初期化も行われます。 5. 開いた項目でリポジトリの名前を指定するか、表示されるデフォルトの名前を使用します。 ![新しいリポジトリの名前](/mulesoft/current/ja-jp/anypoint-code-builder/_images/start-scm-repo-name.png) デフォルトのリポジトリ名はプロジェクト名です。 6. リポジトリ種別 (非公開または公開) を選択します。 リポジトリのデータを保護するには、非公開リポジトリを選択します (​**\[Publish to GitHub private repo (GitHub 非公開リポジトリをパブリッシュ)\]**​)。このプロセスでは、プロジェクトファイルが新しいリポジトリにコミットされてパブリッシュされます。 7. リポジトリにパブリッシュするファイルを選択するように促されたら、選択します。 設計プロジェクトのすべてまたは一部のファイルを選択できます。次に例を示します。 ![新しいリポジトリに追加するファイルの選択](/mulesoft/current/ja-jp/anypoint-code-builder/_images/start-scm-select-files.png) 8. GitHub リポジトリのプロジェクトファイルを表示するには、ポップアップで ​**\[Open on GitHub (GitHub で開く)\]**​ をクリックします。 ![GitHub のリポジトリを開く](/mulesoft/current/ja-jp/anypoint-code-builder/_images/start-scm-repo-open-in-github.png) または、ブラウザーから GitHub を開き、新しいリポジトリを見つけます。 プロジェクトファイルへの変更をリポジトリと同期するには、​[プロジェクトの変更をリポジトリと同期する](#sync-changes)​を参照してください。 ### [](#initialize-repo)プロジェクトファイルを初期化して、ローカルリポジトリにコミットする ファイルを GitHub のリモートリポジトリにパブリッシュして同期するには、プロジェクトファイルを初期化して IDE のローカルリポジトリにコミットすることが前提条件となります。 1. [始める前に](#prereqs)​の前提条件を満たします。 2. Mule プロジェクトフォルダーが閉じている場合は、プロジェクトの​_ルート_​ディレクトリでプロジェクトを開きます。 1. コマンドパレットを開きます。 手順を表示 - キーボードショートカットを使用する。 - Mac: Cmd+Shift+p - Windows: Ctrl+Shift+p - デスクトップ IDE で、​**\[View (表示)\]**​ > ​**\[Command Palette (コマンドパレット)\]**​ を選択する。 - クラウド IDE で、​![](/mulesoft/current/ja-jp/anypoint-code-builder/_images/icon-menu.png)​ (メニュー) アイコンをクリックし、​**\[View (表示)\]**​ > ​**\[Command Palette (コマンドパレット)\]**​ を選択する。 2. 次のコマンドを入力します。 ```command File: Open Folder... ``` 3. プロジェクトの​_ルート_​フォルダーに移動して選択します。次に例を示します。 - インテグレーションまたは実装例 - 設計プロジェクトの例 Anypoint Code Builder のインテグレーションまたは実装プロジェクトのルートフォルダーとサブディレクトリの例: ![インテグレーションまたは実装プロジェクトのプロジェクトフォルダー](/mulesoft/current/ja-jp/anypoint-code-builder/_images/int-open-root.png) VS Code はルートをワークスペースとして扱うため、IDE でキャンバスを適切に読み込めます。 Anypoint Code Builder の API 設計プロジェクトのルートディレクトリの例: ![設計プロジェクトのプロジェクトフォルダー](/mulesoft/current/ja-jp/anypoint-code-builder/_images/int-open-root-design.png) プロジェクトのルートは、プロジェクトの作成時に Anypoint Code Builder によって生成される最上位のフォルダーです。プロジェクトルートの親または上位ディレクトリに移動したり、いずれかの子または下位ディレクトリに移動したりしないでください。 3. \[Source Control (ソース制御)\] パネルを開きます。 手順を表示 アクティビティバーの ​![](/mulesoft/current/ja-jp/anypoint-code-builder/_images/icon-source-control-no-edits.png)​ (​**Source Control (ソース制御)**​) アイコンをクリックするか、キーボードショートカットを使用する。 - Mac: Ctrl+Shift+g - Windows: Cmd+Shift+g 4. プロジェクトの \[Source Control (ソース制御)\] パネルから、プロジェクトファイルを初期化して IDE のプロジェクトのローカルリポジトリにコミットします。 1. \[Source Control (ソース制御)\] パネルで、​**\[Initialize Repository (リポジトリを初期化)\]**​ をクリックして、プロジェクトのローカルリポジトリを生成します。 ![プロジェクトのローカルリポジトリの初期化](/mulesoft/current/ja-jp/anypoint-code-builder/_images/start-scm-repo-initialize.png) プロジェクトにリポジトリが関連付けられていない場合、IDE ではプロジェクトの​_ローカル_​リポジトリを初期化 (​**\[Initialize Repository (リポジトリを初期化)\]**​) するか、プロジェクトを GitHub の新しいリモートリポジトリに直接パブリッシュ (​**\[Publish to GitHub (GitHub にパブリッシュ)\]**​) できます。 2. (​**\[Commit (コミット)\]**​ ボタンの後にある) ​**\[Changes (変更)\]**​ 領域の上にマウスポインターを置き、​![](/mulesoft/current/ja-jp/anypoint-code-builder/_images/icon-scm-add-changes.png)​ (プラス) アイコンをクリックして、ファイルをローカルリポジトリにステージングします。 ![ステージング済みの変更のコミットメッセージの追加](/mulesoft/current/ja-jp/anypoint-code-builder/_images/start-scm-repo-stage-changes.png) または、そのファイルのプラスアイコンをクリックして、1 つのファイルをステージングすることもできます。 ステージングされたファイルは、\[Source Control (ソース制御)\] パネルの ​**\[Changes (変更)\]**​ 領域から ​**\[Staged Changes (ステージング済みの変更)\]**​ 領域に移動します。この UI では、​`git add`​ コマンドを使用して、変更を作業ディレクトリからローカル Git リポジトリのステージング領域に追加します。 3. ファイルのコミットメッセージを入力し、​**\[Commit (コミット)\]**​ をクリックします。次に例を示します。 ![ステージング済みの変更のコミットメッセージ](/mulesoft/current/ja-jp/anypoint-code-builder/_images/start-scm-repo-commit-staged.png) 5. ファイルをリモートリポジトリにパブリッシュする手順は、次のとおりです。 - [プロジェクトファイルを GitHub の空のリポジトリにパブリッシュする](#publish-to-empty) GitHub に空のリポジトリがある場合、IDE からそのリポジトリにプロジェクトファイルをパブリッシュできます。 - [プロジェクトファイルを別のリポジトリにパブリッシュする](#add-extra-repo) リモートリポジトリと同期するようにプロジェクトがすでに設定されている場合、プロジェクトファイルを別のリポジトリにパブリッシュするように IDE を設定できます。 ### [](#publish-to-empty)プロジェクトファイルを GitHub の空のリポジトリにパブリッシュする GitHub に空のリポジトリがある場合、IDE からそのリポジトリにプロジェクトファイルをパブリッシュできます。 この手順では、プロジェクトファイルをリポジトリにステージングしてパブリッシュする準備ができていることを前提としています。 1. [始める前に](#prereqs)​の前提条件を満たします。 2. IDE のプロジェクトのローカルリポジトリを初期化していない場合は、​[プロジェクトファイルを初期化して、ローカルリポジトリにコミットする](#initialize-repo)​を参照してください。 3. コマンドパレットを開きます。 手順を表示 - キーボードショートカットを使用する。 - Mac: Cmd+Shift+p - Windows: Ctrl+Shift+p - デスクトップ IDE で、​**\[View (表示)\]**​ > ​**\[Command Palette (コマンドパレット)\]**​ を選択する。 - クラウド IDE で、​![](/mulesoft/current/ja-jp/anypoint-code-builder/_images/icon-menu.png)​ (メニュー) アイコンをクリックし、​**\[View (表示)\]**​ > ​**\[Command Palette (コマンドパレット)\]**​ を選択する。 4. IDE のプロジェクトから GitHub の空のリモートリポジトリへの接続を設定します。 1. 次のコマンドを入力して、GitHub のリモートリポジトリを追加します。 ```command Git: Add Remote... ``` 2. ポップアップメニューから ​**\[Add Remote from GitHub (GitHub のリモートを追加)\]**​ を選択します。 ![GitHub のリモートリポジトリの追加](/mulesoft/current/ja-jp/anypoint-code-builder/_images/start-scm-oas-add-remote.png) 3. Git リポジトリへの URL を指定します。次に例を示します。 ![GitHub のリモートリポジトリ URL の追加](/mulesoft/current/ja-jp/anypoint-code-builder/_images/start-scm-repo-add-remote-uri.png) 4. IDE のリモートの名前を付けます。次に例を示します。 my-acb-project-repo IDE のリポジトリ名と GitHub のリポジトリ名は一致していても、一致していなくても問題ありません。 5. **\[Publish Branch (分岐をパブリッシュ)\]**​ をクリックします。 ![GitHub のリポジトリの分岐ファイルのパブリッシュ](/mulesoft/current/ja-jp/anypoint-code-builder/_images/start-scm-repo-publish-branch.png) 6. GitHub のリポジトリを開き、パブリッシュされたファイルを確認します。次に例を示します。 ![GitHub のリポジトリのプロジェクトファイル](/mulesoft/current/ja-jp/anypoint-code-builder/_images/start-scm-repo-github.png) プロジェクトファイルへの変更をリポジトリと同期するには、​[プロジェクトの変更をリポジトリと同期する](#sync-changes)​を参照してください。 ### [](#add-extra-repo)プロジェクトファイルを別のリポジトリにパブリッシュする リモートリポジトリと同期するようにプロジェクトがすでに設定されている場合、プロジェクトファイルを別のリポジトリにパブリッシュするように IDE を設定できます。 この機能は、MuleSoft VCS からインポートした API 仕様プロジェクト用の独自のリポジトリを使用する場合や、2024 年 2 月リリースの前に IDE から設計プロジェクトを作成した場合などに便利です。どちらのタイプのプロジェクトでも、リモート Git リポジトリへの接続が自動的に MuleSoft VCS に追加されます。 詳細は、​[「API 設計プロジェクトのソース制御」](https://docs.mulesoft.com/jp/anypoint-code-builder/des-designing-api-specs#anypoint-scm)​を参照してください。 プロジェクトがすでにリモートリポジトリに接続されているかどうかが不明な場合は、​[リモートリポジトリ URL を確認する](#check-remote)​を参照してください。 この例では、GitHub に空のリポジトリがあることを前提としています。空のリポジトリがない場合は、GitHub から作成できます。案内については、GitHub ドキュメントの [「リポジトリのクイックスタート」](https://docs.github.com/en/repositories/creating-and-managing-repositories/quickstart-for-repositories)​を参照してください。 1. [始める前に](#prereqs)​の前提条件を満たします。 2. Mule プロジェクトフォルダーが閉じている場合は、プロジェクトの​_ルート_​ディレクトリでプロジェクトを開きます。 1. コマンドパレットを開きます。 手順を表示 - キーボードショートカットを使用する。 - Mac: Cmd+Shift+p - Windows: Ctrl+Shift+p - デスクトップ IDE で、​**\[View (表示)\]**​ > ​**\[Command Palette (コマンドパレット)\]**​ を選択する。 - クラウド IDE で、​![](/mulesoft/current/ja-jp/anypoint-code-builder/_images/icon-menu.png)​ (メニュー) アイコンをクリックし、​**\[View (表示)\]**​ > ​**\[Command Palette (コマンドパレット)\]**​ を選択する。 2. 次のコマンドを入力します。 ```command File: Open Folder... ``` 3. プロジェクトの​_ルート_​フォルダーに移動して選択します。次に例を示します。 - インテグレーションまたは実装例 - 設計プロジェクトの例 Anypoint Code Builder のインテグレーションまたは実装プロジェクトのルートフォルダーとサブディレクトリの例: ![インテグレーションまたは実装プロジェクトのプロジェクトフォルダー](/mulesoft/current/ja-jp/anypoint-code-builder/_images/int-open-root.png) VS Code はルートをワークスペースとして扱うため、IDE でキャンバスを適切に読み込めます。 Anypoint Code Builder の API 設計プロジェクトのルートディレクトリの例: ![設計プロジェクトのプロジェクトフォルダー](/mulesoft/current/ja-jp/anypoint-code-builder/_images/int-open-root-design.png) プロジェクトのルートは、プロジェクトの作成時に Anypoint Code Builder によって生成される最上位のフォルダーです。プロジェクトルートの親または上位ディレクトリに移動したり、いずれかの子または下位ディレクトリに移動したりしないでください。 3. \[Source Control (ソース制御)\] パネルを開きます。 手順を表示 アクティビティバーの ​![](/mulesoft/current/ja-jp/anypoint-code-builder/_images/icon-source-control.png)​ (​**Source Control (ソース制御)**​) アイコンをクリックするか、キーボードショートカットを使用する。 - Mac: Ctrl+Shift+g - Windows: Cmd+Shift+g 1. \[Source Control (ソース制御)\] パネルの ​**\[Source Control Repositories (ソース制御リポジトリ)\]**​ 領域にリポジトリがあります。次に例を示します。 ![MuleSoft VCS を使用したプロジェクトソース制御](/mulesoft/current/ja-jp/anypoint-code-builder/_images/start-scm-oas-anypoint.png) 4. コマンドパレットを開きます。 手順を表示 - キーボードショートカットを使用する。 - Mac: Cmd+Shift+p - Windows: Ctrl+Shift+p - デスクトップ IDE で、​**\[View (表示)\]**​ > ​**\[Command Palette (コマンドパレット)\]**​ を選択する。 - クラウド IDE で、​![](/mulesoft/current/ja-jp/anypoint-code-builder/_images/icon-menu.png)​ (メニュー) アイコンをクリックし、​**\[View (表示)\]**​ > ​**\[Command Palette (コマンドパレット)\]**​ を選択する。 5. IDE のプロジェクトから GitHub のリポジトリへの接続を設定します。 1. 次のコマンドを入力して、GitHub のリモートリポジトリを追加します。 ```command Git: Add Remote... ``` 2. ポップアップメニューから ​**\[Add Remote from GitHub (GitHub のリモートを追加)\]**​ を選択します。 ![GitHub のリモートリポジトリの追加](/mulesoft/current/ja-jp/anypoint-code-builder/_images/start-scm-oas-add-remote.png) 3. Git リポジトリへの URL を指定します。次に例を示します。 https://github.com/me/my-extra-repo.git 4. IDE のリモートの名前を付けます。次に例を示します。 my-extra-repo IDE のこのリポジトリ名と GitHub のリポジトリ名は一致していても、一致していなくても問題ありません。 6. プロジェクトを追加のリモートリポジトリにパブリッシュします。 1. コマンドパレットで、次のコマンドを入力します。 ```command Git: Push to... ``` 2. ポップアップメニューから ​**\[Git: Push to…​ (Git: …​ にプッシュ)\]**​ を選択します。 ![\[Push to…​ from the IDE (IDE から …​ にプッシュ)\] の選択](_images/start-scm-oas-push-to.png) 3. 追加したリモートリポジトリを選択します。次に例を示します。 ![追加のリモートリポジトリの選択](/mulesoft/current/ja-jp/anypoint-code-builder/_images/start-scm-oas-publish-to-private-repo.png) 7. GitHub のリポジトリのプロジェクトソースファイルを確認します。次に例を示します。 ![追加のリモートリポジトリのプロジェクトファイルの表示](/mulesoft/current/ja-jp/anypoint-code-builder/_images/start-scm-oas-in-github.png) これで、IDE のこのプロジェクトリポジトリをコピーし、IDE の UI から簡単に変更してその変更を同期できます。​[プロジェクトリポジトリを IDE にコピーする](#clone-repo)​を参照してください。 ## [](#sync-changes)プロジェクトの変更をリポジトリと同期する プロジェクトが GitHub のリモートリポジトリに接続されてパブリッシュされると、IDE を使用して変更をそのリポジトリと同期できます。リポジトリがまだセットアップされていない場合は、​[IDE からリポジトリをセットアップする](#set-up-repo)​を参照してください。 IDE の UI や、その組み込みターミナルを使用して、変更を同期します。 - [\[Source Control (ソース制御)\] パネルから変更を同期する](#sync-from-ui) - [コマンドターミナルから変更を同期する](#sync-from-terminal) ### [](#sync-from-ui)\[Source Control (ソース制御)\] パネルから変更を同期する IDE のプロジェクトの \[Source Control (ソース制御)\] パネルからファイルへの変更を同期する手順は、次のとおりです。 1. Mule プロジェクトフォルダーが閉じている場合は、プロジェクトの​_ルート_​ディレクトリでプロジェクトを開きます。 1. コマンドパレットを開きます。 手順を表示 - キーボードショートカットを使用する。 - Mac: Cmd+Shift+p - Windows: Ctrl+Shift+p - デスクトップ IDE で、​**\[View (表示)\]**​ > ​**\[Command Palette (コマンドパレット)\]**​ を選択する。 - クラウド IDE で、​![](/mulesoft/current/ja-jp/anypoint-code-builder/_images/icon-menu.png)​ (メニュー) アイコンをクリックし、​**\[View (表示)\]**​ > ​**\[Command Palette (コマンドパレット)\]**​ を選択する。 2. 次のコマンドを入力します。 ```command File: Open Folder... ``` 3. プロジェクトの​_ルート_​フォルダーに移動して選択します。次に例を示します。 - インテグレーションまたは実装例 - 設計プロジェクトの例 Anypoint Code Builder のインテグレーションまたは実装プロジェクトのルートフォルダーとサブディレクトリの例: ![インテグレーションまたは実装プロジェクトのプロジェクトフォルダー](/mulesoft/current/ja-jp/anypoint-code-builder/_images/int-open-root.png) VS Code はルートをワークスペースとして扱うため、IDE でキャンバスを適切に読み込めます。 Anypoint Code Builder の API 設計プロジェクトのルートディレクトリの例: ![設計プロジェクトのプロジェクトフォルダー](/mulesoft/current/ja-jp/anypoint-code-builder/_images/int-open-root-design.png) プロジェクトのルートは、プロジェクトの作成時に Anypoint Code Builder によって生成される最上位のフォルダーです。プロジェクトルートの親または上位ディレクトリに移動したり、いずれかの子または下位ディレクトリに移動したりしないでください。 2. \[Source Control (ソース制御)\] パネルを開きます。 手順を表示 アクティビティバーの ​![](/mulesoft/current/ja-jp/anypoint-code-builder/_images/icon-source-control.png)​ (​**Source Control (ソース制御)**​) アイコンをクリックするか、キーボードショートカットを使用する。 - Mac: Ctrl+Shift+g - Windows: Cmd+Shift+g 3. \[Source Control (ソース制御)\] パネルで、次の操作を行います。 1. (​**\[Commit (コミット)\]**​ ボタンの後にある) ​**\[Changes (変更)\]**​ 領域の上にマウスポインターを置き、​![](/mulesoft/current/ja-jp/anypoint-code-builder/_images/icon-scm-add-changes.png)​ (プラス) アイコンをクリックして、ファイルをローカルリポジトリにステージングします。 ![ステージング済みの変更のコミットメッセージの追加](/mulesoft/current/ja-jp/anypoint-code-builder/_images/start-scm-repo-stage-changes.png) または、そのファイルのプラスアイコンをクリックして、1 つのファイルをステージングすることもできます。 ステージングされたファイルは、\[Source Control (ソース制御)\] パネルの ​**\[Changes (変更)\]**​ 領域から ​**\[Staged Changes (ステージング済みの変更)\]**​ 領域に移動します。この UI では、​`git add`​ コマンドを使用して、変更を作業ディレクトリからローカル Git リポジトリのステージング領域に追加します。 2. ファイルのコミットメッセージを入力し、​**\[Commit (コミット)\]**​ をクリックします。次に例を示します。 ![ステージング済みの変更のコミットメッセージ](/mulesoft/current/ja-jp/anypoint-code-builder/_images/start-scm-repo-commit-staged.png) 3. **\[Sync Changes (変更を同期)\]**​ をクリックして、変更を GitHub のリモートリポジトリにプッシュします。 4. GitHub のプロジェクトを開き、同期された変更を確認します。 ### [](#sync-from-terminal)コマンドターミナルから変更を同期する IDE のプロジェクトのコマンドターミナルからファイルへの変更を同期する手順は、次のとおりです。 1. Mule プロジェクトフォルダーが閉じている場合は、プロジェクトの​_ルート_​ディレクトリでプロジェクトを開きます。 1. コマンドパレットを開きます。 手順を表示 - キーボードショートカットを使用する。 - Mac: Cmd+Shift+p - Windows: Ctrl+Shift+p - デスクトップ IDE で、​**\[View (表示)\]**​ > ​**\[Command Palette (コマンドパレット)\]**​ を選択する。 - クラウド IDE で、​![](/mulesoft/current/ja-jp/anypoint-code-builder/_images/icon-menu.png)​ (メニュー) アイコンをクリックし、​**\[View (表示)\]**​ > ​**\[Command Palette (コマンドパレット)\]**​ を選択する。 2. 次のコマンドを入力します。 ```command File: Open Folder... ``` 3. プロジェクトの​_ルート_​フォルダーに移動して選択します。次に例を示します。 - インテグレーションまたは実装例 - 設計プロジェクトの例 Anypoint Code Builder のインテグレーションまたは実装プロジェクトのルートフォルダーとサブディレクトリの例: ![インテグレーションまたは実装プロジェクトのプロジェクトフォルダー](/mulesoft/current/ja-jp/anypoint-code-builder/_images/int-open-root.png) VS Code はルートをワークスペースとして扱うため、IDE でキャンバスを適切に読み込めます。 Anypoint Code Builder の API 設計プロジェクトのルートディレクトリの例: ![設計プロジェクトのプロジェクトフォルダー](/mulesoft/current/ja-jp/anypoint-code-builder/_images/int-open-root-design.png) プロジェクトのルートは、プロジェクトの作成時に Anypoint Code Builder によって生成される最上位のフォルダーです。プロジェクトルートの親または上位ディレクトリに移動したり、いずれかの子または下位ディレクトリに移動したりしないでください。 2. IDE から、コンソールのターミナルウィンドウを開きます。 - デスクトップ IDE で、​**\[View (表示)\]**​ > ​**\[Terminal (ターミナル)\]**​ を選択する。 - クラウド IDE で、​![](/mulesoft/current/ja-jp/anypoint-code-builder/_images/icon-menu.png)​ (メニュー) アイコンをクリックし、​**\[Terminal (ターミナル)\]**​ > ​**\[New Terminal (新規ターミナル)\]**​ を選択する。 - いずれかの IDE で、Ctrl キーを押してからバッククォートキー (\`) を押す。 3. プロンプトで Git コマンドを実行して新しいファイルをリポジトリに追加し、変更を GitHub のリモートリポジトリにステージング、コミット、プッシュします。 次の例では、変更の状況を確認する ​`git status`​、すべての変更されたファイルをコミットしてコミットメッセージを追加する ​`git commit`​、変更をリモートリポジトリのファイルにマージする ​`git push`​ を使用しています。 $ git status On branch main Your branch is up to date with '011124-test-api-remote/main'. Changes not staged for commit: (use "git add ..." to update what will be committed) (use "git restore ..." to discard changes in working directory) modified: 011124-test-api.raml no changes added to commit (use "git add" and/or "git commit -a") $ git commit -am 'my commit message' \[main bccc296\] another commit 1 file changed, 1 deletion(-) $ git push Enumerating objects: 5, done. Counting objects: 100% (5/5), done. Delta compression using up to 8 threads Compressing objects: 100% (3/3), done. Writing objects: 100% (3/3), 944 bytes | 944.00 KiB/s, done. Total 3 (delta 2), reused 0 (delta 0), pack-reused 0 remote: Resolving deltas: 100% (2/2), completed with 2 local objects. To https://github.com/me/my-repo.git e4156cc..bccc296 main -> main 一般的な Git コマンドについては、GitHub ドキュメントの [「About Git (Git について)」](https://docs.github.com/en/get-started/using-git/about-git)​を参照してください。すべてのコマンドについては、 [「Git command reference (Git コマンドリファレンス)」](https://git-scm.com/docs)​を参照してください。 ## [](#clone-repo)プロジェクトリポジトリを IDE にコピーする 設計プロジェクト、実装プロジェクト、インテグレーションプロジェクトがすでに GitHub のリポジトリに保存されている場合、あなたとあなたのチームメンバーはそれを Anypoint Code Builder のデスクトップ IDE またはクラウド IDE にコピーできます。コピーは、プロジェクトを別の IDE と共有したり、IDE からソースを編集して変更を同期できるようにしたり、削除するプロジェクトのバックアップを取得したりする場合に便利です。たとえば、あなたとあなたのチームがアクセスできるリポジトリにプロジェクトが保存されていると、デスクトップ IDE およびクラウド IDE で同じプロジェクトの作業を行うことができます。 1. IDE から、コンソールのターミナルウィンドウを開きます。 - デスクトップ IDE で、​**\[View (表示)\]**​ > ​**\[Terminal (ターミナル)\]**​ を選択する。 - クラウド IDE で、​![](/mulesoft/current/ja-jp/anypoint-code-builder/_images/icon-menu.png)​ (メニュー) アイコンをクリックし、​**\[Terminal (ターミナル)\]**​ > ​**\[New Terminal (新規ターミナル)\]**​ を選択する。 - いずれかの IDE で、Ctrl キーを押してからバッククォートキー (\`) を押す。 2. コマンドパレットを開きます。 手順を表示 - キーボードショートカットを使用する。 - Mac: Cmd+Shift+p - Windows: Ctrl+Shift+p - デスクトップ IDE で、​**\[View (表示)\]**​ > ​**\[Command Palette (コマンドパレット)\]**​ を選択する。 - クラウド IDE で、​![](/mulesoft/current/ja-jp/anypoint-code-builder/_images/icon-menu.png)​ (メニュー) アイコンをクリックし、​**\[View (表示)\]**​ > ​**\[Command Palette (コマンドパレット)\]**​ を選択する。 3. リポジトリをプロジェクトの \[Source Control (ソース制御)\] パネルにコピーします。 1. 次のコマンドを入力して、GitHub のリモートリポジトリを追加します。 ```command Git: Clone ``` 2. GitHub のリポジトリへの URL を入力します。次に例を示します。 ```command https://github.com/_owner_/_yourrepo_.git ``` この例の URL を GitHub のリポジトリへの URL に置き換えます。オーナーとリポジトリ URL は、GitHub サイトで一意である必要があります。 3. 新しいリポジトリのディレクトリに移動し、​**\[Select as repo Destination (リポジトリの宛先として選択)\]**​ をクリックします。 4. **「Would you like to open the cloned repository? (コピーしたリポジトリを開きますか?)」**​と要求されたら、​**\[Open (開く)\]**​ をクリックしてプロジェクトを開きます。 コピーしたインテグレーションプロジェクトまたは実装プロジェクトの場合、​`[src]`​→ ​`[main (メイン)]`​ → ​`[mule]`​ に移動して設定 XML ファイルを見つけます。 プロジェクトファイルへの変更をリポジトリと同期するには、​[プロジェクトの変更をリポジトリと同期する](#sync-changes)​を参照してください。 ## [](#check-remote)リモートリポジトリ URL を確認する IDE にプロジェクトのリモート GitHub リポジトリが設定されているかどうかを判断するには、リポジトリへの URL を確認します。 1. Mule プロジェクトフォルダーが閉じている場合は、プロジェクトの​_ルート_​ディレクトリでプロジェクトを開きます。 1. コマンドパレットを開きます。 手順を表示 - キーボードショートカットを使用する。 - Mac: Cmd+Shift+p - Windows: Ctrl+Shift+p - デスクトップ IDE で、​**\[View (表示)\]**​ > ​**\[Command Palette (コマンドパレット)\]**​ を選択する。 - クラウド IDE で、​![](/mulesoft/current/ja-jp/anypoint-code-builder/_images/icon-menu.png)​ (メニュー) アイコンをクリックし、​**\[View (表示)\]**​ > ​**\[Command Palette (コマンドパレット)\]**​ を選択する。 2. 次のコマンドを入力します。 ```command File: Open Folder... ``` 3. プロジェクトの​_ルート_​フォルダーに移動して選択します。次に例を示します。 - インテグレーションまたは実装例 - 設計プロジェクトの例 Anypoint Code Builder のインテグレーションまたは実装プロジェクトのルートフォルダーとサブディレクトリの例: ![インテグレーションまたは実装プロジェクトのプロジェクトフォルダー](/mulesoft/current/ja-jp/anypoint-code-builder/_images/int-open-root.png) VS Code はルートをワークスペースとして扱うため、IDE でキャンバスを適切に読み込めます。 Anypoint Code Builder の API 設計プロジェクトのルートディレクトリの例: ![設計プロジェクトのプロジェクトフォルダー](/mulesoft/current/ja-jp/anypoint-code-builder/_images/int-open-root-design.png) プロジェクトのルートは、プロジェクトの作成時に Anypoint Code Builder によって生成される最上位のフォルダーです。プロジェクトルートの親または上位ディレクトリに移動したり、いずれかの子または下位ディレクトリに移動したりしないでください。 2. IDE から、コンソールのターミナルウィンドウを開きます。 - デスクトップ IDE で、​**\[View (表示)\]**​ > ​**\[Terminal (ターミナル)\]**​ を選択する。 - クラウド IDE で、​![](/mulesoft/current/ja-jp/anypoint-code-builder/_images/icon-menu.png)​ (メニュー) アイコンをクリックし、​**\[Terminal (ターミナル)\]**​ > ​**\[New Terminal (新規ターミナル)\]**​ を選択する。 - いずれかの IDE で、Ctrl キーを押してからバッククォートキー (\`) を押す。 3. 次のコマンドを入力します。 ```command git remote -v ``` - プロジェクトに 1 つ以上のリモートリポジトリ設定がある場合、コマンドで各リモートの URL と ​`push`​ および ​`fetch`​ 情報が返されます。次に例を示します。 $ git remote -v origin https://github.com/me/my-project-repo.git (fetch) origin https://github.com/me/my-project-repo.git (push) - 結果が返されない場合、プロジェクトのリモートリポジトリが設定されていません。 - `「fatal: not a git repo (or any of the parent directories): .git (致命的: Git リポジトリ (またはいずれかの親ディレクトリ) ではありません: .Git)」`​というエラーが返された場合、プロジェクトのローカルリポジトリが初期化されていません。 `git remote`​ コマンドオプションについては、GitHub ドキュメントの [git-remote リファレンス](https://git-scm.com/docs/git-remote)​を参照してください。 ## [](#remove-remote)プロジェクトからリモートリポジトリを削除する プロジェクトワークスペースからリモートリポジトリを削除する手順は、次のとおりです。 1. Mule プロジェクトフォルダーが閉じている場合は、プロジェクトの​_ルート_​ディレクトリでプロジェクトを開きます。 1. コマンドパレットを開きます。 手順を表示 - キーボードショートカットを使用する。 - Mac: Cmd+Shift+p - Windows: Ctrl+Shift+p - デスクトップ IDE で、​**\[View (表示)\]**​ > ​**\[Command Palette (コマンドパレット)\]**​ を選択する。 - クラウド IDE で、​![](/mulesoft/current/ja-jp/anypoint-code-builder/_images/icon-menu.png)​ (メニュー) アイコンをクリックし、​**\[View (表示)\]**​ > ​**\[Command Palette (コマンドパレット)\]**​ を選択する。 2. 次のコマンドを入力します。 ```command File: Open Folder... ``` 3. プロジェクトの​_ルート_​フォルダーに移動して選択します。次に例を示します。 - インテグレーションまたは実装例 - 設計プロジェクトの例 Anypoint Code Builder のインテグレーションまたは実装プロジェクトのルートフォルダーとサブディレクトリの例: ![インテグレーションまたは実装プロジェクトのプロジェクトフォルダー](/mulesoft/current/ja-jp/anypoint-code-builder/_images/int-open-root.png) VS Code はルートをワークスペースとして扱うため、IDE でキャンバスを適切に読み込めます。 Anypoint Code Builder の API 設計プロジェクトのルートディレクトリの例: ![設計プロジェクトのプロジェクトフォルダー](/mulesoft/current/ja-jp/anypoint-code-builder/_images/int-open-root-design.png) プロジェクトのルートは、プロジェクトの作成時に Anypoint Code Builder によって生成される最上位のフォルダーです。プロジェクトルートの親または上位ディレクトリに移動したり、いずれかの子または下位ディレクトリに移動したりしないでください。 2. \[Source Control (ソース制御)\] パネルを開きます。 手順を表示 アクティビティバーの ​![](/mulesoft/current/ja-jp/anypoint-code-builder/_images/icon-source-control.png)​ (​**Source Control (ソース制御)**​) アイコンをクリックするか、キーボードショートカットを使用する。 - Mac: Ctrl+Shift+g - Windows: Cmd+Shift+g 3. \[Source Control (ソース制御)\] パネルで、次の操作を行います。 1. 次の Git コマンドを入力して、GitHub のリモートリポジトリを追加します。 ```command Git: Remove Remote... ``` 2. ポップアップで、削除するリモートリポジトリを選択します。 IDE のローカル Git リポジトリは、リモートと同期する前に初期化されているため残ります。 ## [](#関連情報)関連情報 - [Introduction to Git in VS Code (VS Code の Git の概要)](https://code.visualstudio.com/docs/sourcecontrol/intro-to-git)