> For the complete documentation index, see [llms.txt](https://ja.docs.monaca.io/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://ja.docs.monaca.io/products_guide/shii-monaca-kuraudo-ide/ssu.md).

# ソース管理

## ソース管理 (GitHub) - ユーザー マニュアル

このガイドでは、**GitHub** を使用して **クラウドベースの VS Code (ode-server)** でソース管理を管理するための手順を段階的に説明します。

***

### 前提条件

Monaca で GitHub を使用する前に、まず [**Monaca アカウントを GitHub にリンク**](https://monaca.mobi/vcs) する必要があります。

***

### 1. ファイルの変更をコミットする

1. **アクティビティ バー** (左側のサイドバー) の **Git** アイコンをクリックして、**ソース コントロール** パネルを開きます。
2. **リポジトリを初期化する** をクリックします。

<figure><img src="https://3046938759-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MfWrOnV1iKerkfShm9O%2Fuploads%2Fnp0T0SakeYFz37fsgUIh%2Finit-repo.png?alt=media&amp;token=26826bb8-15a6-47e2-8d3e-9a514c46efa4" alt="" width="443"><figcaption></figcaption></figure>

3. コミット メッセージ (例: `"init"`) を入力し、**コミット** をクリックします。

<figure><img src="https://3046938759-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MfWrOnV1iKerkfShm9O%2Fuploads%2F9eP7NoL7yfh6ISTmDCEw%2Fcommit-msg.png?alt=media&amp;token=2eec77a8-3591-4c58-bbc0-a2eaef28ed26" alt="" width="443"><figcaption></figcaption></figure>

4. 確認ダイアログで**はい**をクリックして、すべての変更をコミットします。

<figure><img src="https://3046938759-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MfWrOnV1iKerkfShm9O%2Fuploads%2F4jda0edbXkcZmmTMxE3D%2Fconfirm-commit.png?alt=media&amp;token=0ea8d3fe-50b1-4010-96a1-e643abddac11" alt="" width="563"><figcaption></figcaption></figure>

***

### 2. 新しい GitHub リポジトリへの公開

1. **Branch の発行** をクリックして、コミットされた変更をプッシュします。

<figure><img src="https://3046938759-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MfWrOnV1iKerkfShm9O%2Fuploads%2FGqv2iuseoFF96VYQ8kTw%2Fafter-commit.png?alt=media&amp;token=3356a7ec-6b38-456e-a03e-1eb3789ec72d" alt="" width="443"><figcaption></figcaption></figure>

2. IDE で GitHub を初めて使用する場合は、サインイン ダイアログが表示されます。**許可** をクリックして続行します。

<figure><img src="https://3046938759-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MfWrOnV1iKerkfShm9O%2Fuploads%2FvM8ECHK8EeGpMIvurdRe%2Fsignin-allow.png?alt=media&amp;token=d320b2ed-346a-439c-813f-2df838e54d3e" alt="" width="563"><figcaption></figcaption></figure>

3. 認証コードをコピーし、**コピーして GitHub に進む**をクリックします。

<figure><img src="https://3046938759-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MfWrOnV1iKerkfShm9O%2Fuploads%2FMTVDxU60uQoOWujmVfdV%2Fsigin-copycode.png?alt=media&amp;token=7f0db7ec-c438-4b42-b9a0-3d8fd9be2632" alt="" width="563"><figcaption></figcaption></figure>

4. 新しいタブが開きます。GitHub アカウントの詳細を確認し、「**Continue**」をクリックします。

<figure><img src="https://3046938759-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MfWrOnV1iKerkfShm9O%2Fuploads%2FB4hG47zwLimJH6DaH3xP%2Fgithub-auth-continue.png?alt=media&amp;token=549cd475-2b35-4574-9ac9-9e9ae14f33b9" alt="" width="375"><figcaption></figcaption></figure>

5. コピーした認証コードを貼り付けて、「**Continue**」をクリックします。

<figure><img src="https://3046938759-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MfWrOnV1iKerkfShm9O%2Fuploads%2F6uWAZiAr2UFSr09NxPdx%2Fgithub-auth-paste-code.png?alt=media&amp;token=c572aa34-c7fe-4551-9aa0-222b757beec6" alt="" width="375"><figcaption></figcaption></figure>

6. GitHub アカウントの詳細を確認し、「**Authorize Monaca**」をクリックしてアクセスを許可します。

<figure><img src="https://3046938759-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MfWrOnV1iKerkfShm9O%2Fuploads%2FCxBNV4oF3XxqntvO0fDk%2Fgithub-auth-authorize.png?alt=media&amp;token=6a1a5343-985f-4c18-abe4-acfc6d5759e0" alt="" width="369"><figcaption></figcaption></figure>

7. GitHub の認証設定によっては、異なるサインイン ページが表示される場合があります。希望する認証方法を選択します。

<figure><img src="https://3046938759-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MfWrOnV1iKerkfShm9O%2Fuploads%2FJndGzo4oLZF7hmO8A12L%2Fauth-github-mobile.png?alt=media&amp;token=686e3572-4450-46da-ac68-e88609bd8646" alt="" width="375"><figcaption></figcaption></figure>

8. **GitHub Mobile** を使用している場合は、携帯電話で GitHub アプリを開き、確認コードを入力します。

<figure><img src="https://3046938759-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MfWrOnV1iKerkfShm9O%2Fuploads%2FEi5rlI0pbkpmCcWlsv0z%2Fauth-digit.png?alt=media&amp;token=eab0a77c-583f-49ab-ad4d-124e05a38094" alt="" width="375"><figcaption></figcaption></figure>

9. 認証が成功すると、確認ページが表示されます。このタブを閉じて IDE に戻ることができます。

<figure><img src="https://3046938759-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MfWrOnV1iKerkfShm9O%2Fuploads%2FB2eb48C8OdEdrR1AwaAT%2Fauth-done.png?alt=media&amp;token=b157f905-1ee1-4c5f-9803-ed77570f8481" alt="" width="375"><figcaption></figcaption></figure>

10. デフォルトのリポジトリ名は**プロジェクト ID** に設定されます。

<figure><img src="https://3046938759-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MfWrOnV1iKerkfShm9O%2Fuploads%2FGyU68KAPbqNzG3c1SUaa%2Fshow-project-id-as-default.png?alt=media&amp;token=03092e39-cb2f-4bca-b6b0-87305877d5f8" alt="" width="563"><figcaption></figcaption></figure>

11. デフォルト名をそのまま使用することも、変更することもできます。**private** リポジトリを作成するか、**public** リポジトリを作成するかを選択します。

<figure><img src="https://3046938759-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MfWrOnV1iKerkfShm9O%2Fuploads%2F9w4wwi5gNqqFNNaRAyW2%2Fchange-repo-name-and-publish.png?alt=media&amp;token=cff948d7-b404-428f-b8a8-2b3646266660" alt="" width="563"><figcaption></figcaption></figure>

12. リポジトリが正常に作成されると、確認メッセージが表示されます。
    * **GitHub 上で開く** をクリックしてリポジトリを表示します。
    * **はい** をクリックして、リモート リポジトリとの定期的な同期を有効にします。

<figure><img src="https://3046938759-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MfWrOnV1iKerkfShm9O%2Fuploads%2FM3pydUpHWdTVlVAd0SVm%2Fpublish-done.png?alt=media&amp;token=5a6e50b8-a98e-45ea-b1cf-148941227029" alt="" width="563"><figcaption></figcaption></figure>

***

### 3. 既存の GitHub リポジトリへの公開

GitHub リポジトリがプロジェクトにリンクされると、再度認証する必要がなくなります。

1. プロジェクトに変更を加えます。

<figure><img src="https://3046938759-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MfWrOnV1iKerkfShm9O%2Fuploads%2FwPQ9ldT2AgmGedXfno8z%2Fmade-some-changes.png?alt=media&amp;token=9d3f6658-dbf4-407c-9c26-ea2b3dff707a" alt="" width="563"><figcaption></figcaption></figure>

2. 変更内容を説明するコミット メッセージを入力し、**コミット** をクリックします。

<figure><img src="https://3046938759-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MfWrOnV1iKerkfShm9O%2Fuploads%2FqdiQq06OvqvfNprIqmW3%2Fcommit-msg-2.png?alt=media&amp;token=cc604161-3a79-4ba4-a599-967f0651eb7c" alt="" width="444"><figcaption></figcaption></figure>

3. 確認するには **はい** をクリックし、今後この確認ダイアログが表示されないようにするには **常時** をクリックします。

<figure><img src="https://3046938759-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MfWrOnV1iKerkfShm9O%2Fuploads%2F4jda0edbXkcZmmTMxE3D%2Fconfirm-commit.png?alt=media&amp;token=0ea8d3fe-50b1-4010-96a1-e643abddac11" alt="" width="563"><figcaption></figcaption></figure>

4. **変更の同期** をクリックして、最新のコミットをリモート リポジトリにプッシュします。

<figure><img src="https://3046938759-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MfWrOnV1iKerkfShm9O%2Fuploads%2Fz2pA2TYUjfa3Wi7PYZt7%2Fpublish-2.png?alt=media&amp;token=8c25761f-cea7-4dc7-9f50-3301ea51d95a" alt="" width="444"><figcaption></figcaption></figure>

5. **OK** をクリックして確認するか、**OK、今後は表示しない** をクリックして今後の同期でこの確認を無効にします。

<figure><img src="https://3046938759-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MfWrOnV1iKerkfShm9O%2Fuploads%2FBIficwFS63fY7VHHeaj7%2Fpublish-to-main-branch.png?alt=media&amp;token=6b98a98b-d7e7-4fa4-be03-f846bda5f16e" alt="" width="563"><figcaption></figcaption></figure>

6. 変更が正常にプッシュされると、コミット リストがクリアされ、同期ボタンが無効になります。

<figure><img src="https://3046938759-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MfWrOnV1iKerkfShm9O%2Fuploads%2F0YfeSusFE9vY5lFjzHOK%2Fafter-commit-2.png?alt=media&amp;token=3f94f7f3-1e94-4b45-88d9-384eafc846cd" alt="" width="443"><figcaption></figcaption></figure>

***

### 4. 追加の Git 操作

**プッシュ、スタッシュ、ブランチ管理など** などの追加の Git 操作には、**ソース コントロール** パネルの**メニュー (ハンバーガー アイコン)** をクリックしてアクセスできます。

<figure><img src="https://3046938759-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MfWrOnV1iKerkfShm9O%2Fuploads%2FGHIRtKUg50ISavYXviIg%2Fother-git-operation.png?alt=media&amp;token=15f3bdd4-6d60-4ce3-b545-77152f8193ea" alt="" width="563"><figcaption></figcaption></figure>

***

### 注記

* 変更をコミットする前に、リポジトリへの **書き込みアクセス** があることを確認してください。
* マージの競合を防ぐため、更新を行う前に必ず **最新の変更をプル** してください。
* GitHub 認証の手順は、ユーザー設定によって異なる場合があります。
* **Freeプランのユーザー** には、一部の機能が制限される場合があります。
* **プライベート リポジトリ** は、**Freeプランのユーザー** には、利用できません。
