---
schema_version: "1"
id: 30ec068770d4f79f61b99a6195536b72111f5d6bef8ab005627cfeb1a7616360
title: Design Center との API 仕様の同期
collection: mulesoft
version: current
locale: ja-jp
portal_url: https://docs.salesforce.com/mulesoft/current/ja-jp/studio/7.x/sync-api-projects-design-center.md
canonical_url: https://docs.mulesoft.com/jp/studio/7.x/sync-api-projects-design-center
source_site: docs.mulesoft.com
content_type: documentation
content_hash: 6b2f69ab371897b7c1b860619d5392d568b470e187e00235118536303a5bfcdb
description: MuleSoft Documentation Site
release: 7.x
latest: false
---
# Design Center との API 仕様の同期

Anypoint Studio では、Design Center で作成した RAML、OAS 2.0、または OAS 3.0 の API 仕様を Studio の API 仕様プロジェクトにインポートして、オフラインで編集してから、任意のバージョン管理システム (VCS) で行うように変更をステージングしてプッシュできます。

この機能は、下記のプロセスで API を Design Center からインポートする場合にのみ使用できます。  
Mule アプリケーション実装を作成するための API 仕様をインポートする方法は、​[「Design Center からの API 仕様のインポート」](https://docs.mulesoft.com/jp/studio/7.x/import-api-specification-design-center)​を参照してください。

API 仕様プロジェクトの名前は、ワークスペース内の他のプロジェクトの名前とは異なる必要があります。

<table><tbody><tr><td class="icon"><i class="fa icon-note" title="Note"></i></td><td class="content">Studio では、API 仕様をオフラインで編集する場合の VCS 機能でのみ EGit プラグインを使用します。Studio は、Mule アプリケーションプロジェクトでは (独自の VCS を使用してバージョンを追跡できるため) EGit プラグインをサポートしません。</td></tr></tbody></table>

## [](#ローカル編集するために-design-center-から-api-仕様をインポートする)ローカル編集するために Design Center から API 仕様をインポートする

1. ワークスペースに、インポートする API プロジェクトと同じ名前の他のプロジェクトがないことを確認します。
2. Anypoint Studio 画面の上部にあるタスクバーで、​**\[File (ファイル)\]**​ > ​**\[Import (インポート)\]**​ を選択します。
3. **\[Anypoint Studio\]**​ > ​**\[API Specification from Design Center (Design Center からの API 仕様)\]**​ を選択します。
4. **\[Import From Design Center (Design Center からのインポート)\]**​ ウィンドウで、API 仕様が配置されている Anypoint Platform ユーザー名と Anypoint Platform ビジネスグループを選択します。
    
    ![username and bg studio](/mulesoft/current/ja-jp/studio/7.x/_images/username-and-bg-studio.png)
    
    ログインしていない場合、​**\[Add Account (アカウントを追加)\]**​ ボタンをクリックして、Anypoint Platform アカウントを追加します。Anypoint Platform ログイン情報を設定していない場合は、ユーザー名とビジネスグループのオプションは選択できません。  
    別のアカウントを使用する場合は、​**\[Add Account (アカウントを追加)\]**​ ボタンをクリックして再びログインします。
5. 使用可能な API のリストから、必要な API を選択します。
    
    ![list of apis studio](/mulesoft/current/ja-jp/studio/7.x/_images/list-of-apis-studio.png)
6. **\[Finish (完了)\]**​ をクリックします。

Studio は、API 仕様を API 仕様プロジェクトとしてインポートして、API 仕様プロジェクトをオフラインで編集できるようにします。

## [](#分岐を作成する)分岐を作成する

Design Center から取得した分岐に基づいて独自の分岐を作成できます。  
異なる分岐を使用することで、Design Center のメイン分岐に変更をプッシュしてしまうリスクを避けて API 仕様を変更できます。

Studio で異なる分岐を作成するには、次の手順を実行します。

1. \[Package Explorer\] ビューで API 仕様プロジェクトを右クリックして、​**\[Team (チーム)\]**​ > ​**\[Switch To (切り替え先)\]**​ > ​**\[New Branch…​ (新規分岐…​)\]**​ を選択します。
    
    ![switch to new branch](/mulesoft/current/ja-jp/studio/7.x/_images/switch-to-new-branch.png)
2. **\[Create Branch (分岐の作成)\]**​ ウィンドウで、新しい分岐を設定します。
    
    ![create new branch](/mulesoft/current/ja-jp/studio/7.x/_images/create-new-branch.png)

<table><tbody><tr><td><i class="conum" data-value="1"></i><b>1</b></td><td><strong>[branch name (分岐名)]</strong>​ 項目で、新しいポリシーバージョンの名前を入力します。</td></tr><tr><td><i class="conum" data-value="2"></i><b>2</b></td><td><strong>[Configure upstream for push and pull (プッシュとプルのアップストリームを設定)]</strong>​ オプションを選択して、Design Center から変更を取得することもできます。<br>このオプションを設定する場合は、Git が Design Center から変更を取得するときの動作を選択する必要があります。</td></tr><tr><td><i class="conum" data-value="3"></i><b>3</b></td><td><strong>[Check out new branch (新しい分岐のチェックアウト)]</strong>​ を選択すると、分岐を作成した時点ですぐに新しい分岐に切り替えることができます。</td></tr></tbody></table>

1. **\[Finish (完了)\]**​ をクリックします。

新しい分岐を作成したら、変更のコミットを開始します。

## [](#commit-to-branch)API 仕様プロジェクトに変更をコミットする

Studio の VCS はプロジェクトに対するすべての変更を追跡し、​**Git ステージング**​ビューの ​**\[Unstaged Changes (ステージングされていない変更)\]**​ セクションに表示します。

**\[Unstaged Changes (ステージングされていない変更)\]**​ セクションでファイルを右クリックして ​**\[Compare with Index (インデックスと比較する)\]**​ を選択して、ファイルへの変更を追跡できます。

![compare with index](/mulesoft/current/ja-jp/studio/7.x/_images/compare-with-index.png)

変更を適用したら、インデックスに追加します。

![compare to index view](/mulesoft/current/ja-jp/studio/7.x/_images/compare-to-index-view.png)

<table><tbody><tr><td><i class="conum" data-value="1"></i><b>1</b></td><td>選択したファイルのコミットをステージングするには、​<strong>[Add selected files to the index (選択したファイルをインデックスに追加する)]</strong>​ アイコンを選択します。</td></tr><tr><td><i class="conum" data-value="2"></i><b>2</b></td><td>ステージングされていないすべての変更のコミットをステージングするには、​<strong>[Add all files including not selected ones to the index (未選択ファイルを含めたすべてのファイルをインデックスに追加する)]</strong>​ アイコンを選択します。</td></tr></tbody></table>

コミットする変更をステージングしたら、​**\[Commit Message (コミットメッセージ)\]**​ セクションでコミットメッセージを作成します。

![add commit message](/mulesoft/current/ja-jp/studio/7.x/_images/add-commit-message.png)

<table><tbody><tr><td><i class="conum" data-value="1"></i><b>1</b></td><td><strong>[Commit and Push (コミットしてプッシュ)]</strong>​ を選択すると、Design Center への変更のプッシュも行われます。<br>詳細は、下記の​<a href="#push-branch">「Design Center への分岐のプッシュ」</a>​を参照してください。</td></tr><tr><td><i class="conum" data-value="2"></i><b>2</b></td><td><strong>[Commit (コミット)]</strong>​ を選択して、ローカルコピーにコミットを追加します。</td></tr></tbody></table>

このビューの詳細は、​[「Git ステージングビューリファレンス」](https://docs.mulesoft.com/jp/studio/7.x/git-staging-view-reference)​を参照してください。

## [](#メイン分岐に変更をマージする)メイン分岐に変更をマージする

ローカル分岐で行った変更をメイン分岐にマージして Design Center にプッシュできます。

1. \[Package Explorer\] ビューで API 仕様プロジェクトを右クリックして、​**\[Team (チーム)\]**​ > ​**\[Merge (マージ)\]**​ > ​**\[Push Branch…​ (分岐のプッシュ…​)\]**​ を選択します。
    
    ![merge menu](/mulesoft/current/ja-jp/studio/7.x/_images/merge-menu.png)
2. 変更をマージするローカル分岐を選択します。
    
    ![merge view](/mulesoft/current/ja-jp/studio/7.x/_images/merge-view.png)
3. **\[Merge (マージ)\]**​ を選択します。

## [](#push-branch)Design Center に分岐をプッシュする

すべての変更をローカル分岐にコミットしたら、ローカル分岐をローカル分岐を Design Center にプッシュするように選択できます。

1. \[Package Explorer\] ビューで API 仕様プロジェクトを右クリックして、​**\[Team (チーム)\]**​ > ​**\[Switch To (切り替え先)\]**​ > ​**\[Push Branch…​ (分岐のプッシュ…​)\]**​ を選択します。
    
    ![push branch](/mulesoft/current/ja-jp/studio/7.x/_images/push-branch.png)
2. Design Center にプッシュする変更を確認します。
    
    ![push branch view](/mulesoft/current/ja-jp/studio/7.x/_images/push-branch-view.png)

<table><tbody><tr><td><i class="conum" data-value="1"></i><b>1</b></td><td><strong>[Source (ソース)]</strong>​ セクションには、Design Center にプッシュする変更が表示されています。</td></tr><tr><td><i class="conum" data-value="2"></i><b>2</b></td><td><strong>[Remote (リモート)]</strong>​ セクションには、プッシュ先の座標が表示されています。</td></tr><tr><td><i class="conum" data-value="3"></i><b>3</b></td><td><strong>[Branch (分岐)]</strong>​ セクションには、プッシュするローカル分岐が表示されています。</td></tr><tr><td><i class="conum" data-value="4"></i><b>4</b></td><td><strong>[Configure upstream for push and pull (プッシュとプルのアップストリームを設定)]</strong>​ オプションを選択して、Design Center から変更を取得することもできます。<br>このオプションを設定する場合は、Git が Design Center から変更を取得するときの動作を選択する必要があります。</td></tr><tr><td><i class="conum" data-value="5"></i><b>5</b></td><td><strong>[Force overwrite branch in remote if it exists and has diverged (リモートに分岐が存在して仕様から外れている場合には分岐の上書きを適用)]</strong>​ は、ローカルの変更で Design Center の変更を上書きする必要があることがわかっている場合にのみ選択してください。<br>このオプションは、Design Center の分岐に対してローカルな変更を強制的にプッシュします。</td></tr></tbody></table>

1. **\[Preview (プレビュー)\]**​ を選択して、プッシュしようとしている変更のサマリーを表示します。
2. **\[プッシュ\]**​ を選択します。

バージョンをダウンロードしてローカルで編集している間に、他のユーザーが Design Center で同じバージョンを編集してしまうケースがあります。この場合は、Git で競合が発生します。  
詳細は​[「競合の解決」](https://docs.mulesoft.com/jp/studio/7.x/solving-conflicts-api-projects)​を参照してください。

## [](#関連情報)関連情報

- [OpenAPI Specification 3.0 Support Release Notes (OpenAPI Specification 3.0 サポートリリースノート)](https://docs.mulesoft.com/jp/release-notes/platform/oas3)