1
0
Fork 0
mirror of https://github.com/kou029w/zenn.dev.git synced 2025-01-19 00:18:01 +00:00
zenn.dev/books/codesandbox-guidebook/3.md

69 lines
3.2 KiB
Markdown

---
id: github
title: GitHub 連携
---
サンドボックスを GitHub リポジトリと同期したり、サンドボックスからフォークして Pull Request を作成できます。
## GitHub からインポート
GitHub のリポジトリを元にしてサンドボックスにインポートできます。
[サンドボックスの作成ウィザード](https://codesandbox.io/s/)から、[Import Project]を選択し、インポートしたい GitHub リポジトリの URL を貼り付け、[Import and Fork]を選択します。
![import-from-github](https://i.gyazo.com/199b75a0ef972b50793a34a6c10d5e0d.png)
ブランチやサブディレクトリもサポートしており、対応する URL を指定することでインポート可能です。
### 別の方法: GitHubBox.com を使う
GitHubBox.com を使うことでブラウザーのアドレスバーから簡単にインポートすることもできます。
インポートしたい GitHub リポジトリの URL のホスト名 `github.com``githubbox.com` に書き換えます。
たとえば、このサイトの GitHub リポジトリ (`https://github.com/csb-jp/csb-jp.github.io`)をインポートするには、URL [https://githubbox.com/csb-jp/csb-jp.github.io](https://githubbox.com/csb-jp/csb-jp.github.io) にアクセスします。
## リポジトリの作成
:::message
サインインが必要です。
:::
サンドボックスを GitHub リポジトリとして書き出せます。
画面左端のアクティビティバーの中から[GitHub]を選択します。
![activitybar-github](https://i.gyazo.com/bdcd5e1c9701aa6412dc787a0543d74d.png)
[Export to new GitHub repository] ペインの中で新しいリポジトリの名前を入力し、[Create new repository on GitHub] を選択すると、新しい GitHub リポジトリへの書き出しが開始されます。
![new-repo](https://i.gyazo.com/114a6615162e3bffe711df9664d9f7db.png)
成功すると、GitHub リポジトリ `https://github.com/{自分の GitHub アカウント名}/{入力したリポジトリ名}` が作成されます。
:::message
"Unable to create the repo. Please refresh and try again or report issue." と通知され、書き出しに失敗した場合、GitHub リポジトリ側を操作して手動で片付けましょう。
:::
## リポジトリとの紐づけ
:::message
サインインが必要です。
:::
サンドボックスを GitHub リポジトリと紐づけます。
[Link to GitHub repository] ペインの中の [Link Sandbox] を選択します。
![link-to-github](https://i.gyazo.com/722f4e40161ab4e0989a0df224d7b0f0.png)
## Pull Request
:::message
サインインが必要です。
:::
紐づく GitHub リポジトリへの Pull Request を作成できます。
### コミット
コミットしたいファイルの変更を保存したら、[Changes] ペインの中の [Summary (required)] に変更内容の概要を入力します。
![commit-changes](https://i.gyazo.com/10cc7cffec0c7048d4e38890d316b226.png)
「ブランチを作成し PR を開始する ("Create branch csb-\* for the commit and start a PR")」を選択し [Commit changes] を選択すると変更内容のコミットの含まれるブランチが作られ Pull Request が作成されます。