{"meta":{"title":"GitHub Classroom で GitHub codespace を使用する","intro":"GitHub Codespaces を課題で優先エディターとして使用することで、学生はワンクリックで設定できるそのブラウザーベースの Visual Studio Code 環境にアクセスできるようになります。","product":"GitHub Education","breadcrumbs":[{"href":"/ja/education","title":"GitHub Education"},{"href":"/ja/education/manage-coursework-with-github-classroom","title":"GitHub Classroom"},{"href":"/ja/education/manage-coursework-with-github-classroom/integrate-github-classroom-with-an-ide","title":"IDE と統合する"},{"href":"/ja/education/manage-coursework-with-github-classroom/integrate-github-classroom-with-an-ide/using-github-codespaces-with-github-classroom","title":"GitHub Classroom での Codespace の使用"}],"documentType":"article"},"body":"# GitHub Classroom で GitHub codespace を使用する\n\nGitHub Codespaces を課題で優先エディターとして使用することで、学生はワンクリックで設定できるそのブラウザーベースの Visual Studio Code 環境にアクセスできるようになります。\n\n## GitHub Codespaces について\n\nGitHub Codespaces は、クラウドベースのインスタント開発環境であり、コンテナーを使用して開発用の共通言語、ツール、ユーティリティを提供します。 また、GitHub Codespaces も構成可能で、プロジェクトのすべてのユーザーに共通のカスタマイズされた開発環境を作成できます。 「[GitHub Codespaces のクイックスタート](/ja/codespaces/quickstart)」を参照してください。\n\nOrganization または Enterprise で GitHub Codespaces を有効にすると、ユーザーは、任意のブランチから codespace を作成するか、Organization または Enterprise リポジトリでコミットし、クラウドベースのコンピューティング リソースを使用して開発を始めることができます。 codespace には、ブラウザーから、または Visual Studio Code を使用してローカルに、接続できます。\n\nGitHub Codespaces の概要については、「[GitHub Codespaces のクイックスタート](/ja/codespaces/quickstart)」を参照してください。 codespace の作成の詳細については、「[リポジトリの codespace を作成する](/ja/codespaces/developing-in-codespaces/creating-a-codespace-for-a-repository)」または「[テンプレートから codespace を作成する](/ja/codespaces/developing-in-codespaces/creating-a-codespace-from-a-template)」を参照してください。 既に作成した codespace に戻る場合は、「[既存の codespace を開く](/ja/codespaces/developing-in-codespaces/opening-an-existing-codespace)」を参照してください。 GitHub Codespaces のしくみの詳細については、「[GitHub Codespaces に深く迫る](/ja/codespaces/about-codespaces/deep-dive)」を参照してください。\n\nGitHub Codespaces を、GitHub Classroom の課題で課題用の優先エディターとして設定すると、学生と教師の両方にとって役立ちます。 GitHub Codespaces は、各 codespace がクラウドベースであり、ローカルでの設定が必要ないため、貸し出されているデバイスを使っている学生、またはローカル IDE 設定にアクセスできない学生に適したオプションです。 学生は、ブラウザーで直接 Visual Studio Code 内の課題リポジトリの codespace を起動し、すぐに開発を開始できます。追加の構成は必要ありません。\n\n複雑な設定環境を使用する課題の場合、教師はリポジトリの codespace 向け開発コンテナーの構成をカスタマイズできます。 これにより、学生が codespace を作成する際、教師が構成した開発環境で codespace が自動的に開くようになります。 開発コンテナーの詳細については、「[開発コンテナーの概要](/ja/codespaces/setting-up-your-project-for-codespaces/adding-a-dev-container-configuration/introduction-to-dev-containers)」を参照してください。\n\n> \\[!NOTE]\n> 個々の codespace は、停止されて長期間未使用のままになっている場合は、自動的に削除されます。 「[codespace の自動削除を構成する](/ja/codespaces/setting-your-user-preferences/configuring-automatic-deletion-of-your-codespaces)」を参照してください。\n\n検証済みの学生は、個人アカウントに対して GitHub Codespaces を無料で使用できます (1 か月あたり最大 180 コア時間)。 学生が使用できるストレージとコア時間の月間使用量は、GitHub Pro アカウントに含まれる量と同じです。 詳しくは、「[GitHub Codespaces の課金](/ja/billing/managing-billing-for-your-products/managing-billing-for-github-codespaces/about-billing-for-github-codespaces)」をご覧ください。\n\n> \\[!NOTE]\n> 学生が GitHub Codespaces の課題リポジトリで GitHub Classroom を使用している場合、その使用量は教室を所有する組織に課金され、学生の個人アカウントの使用量には影響しません。\n\n## 認定された教師向けの Codespaces Education 特典について\n\nCodespaces Education 特典を利用すると、認証済みの教師には、GitHub Codespaces での GitHub Classroom の利用時間について、毎月無料の使用枠が与えられます。 この無料利用枠は、学生ごとに 1 つの codespace が保存されている 2 コアのマシンで、毎月 5 つの課題がある 50 人のクラスを目安としています。\n\n> \\[!NOTE]\n> Codespaces Education ベネフィットは現在 パブリック プレビュー 段階であり、変更される可能性があります。 パブリック プレビュー リリース期間中は、無料利用枠を超えた場合でも、組織には課金されません。\n\n認証済み教師になるには、教育者特典または教師特典の承認を受ける必要があります。 「[教師として GitHub Education に応募する](/ja/education/explore-the-benefits-of-teaching-and-learning-with-github-education/github-global-campus-for-teachers/apply-to-github-global-campus-as-a-teacher)」を参照してください。\n\n認証済み教師であるという確認を受け取ったら、[GitHub Education for Teachers](https://education.github.com/globalcampus/teacher) にアクセスして、Organization を GitHub Team にアップグレードします。 「[GitHub の製品](/ja/get-started/learning-about-github/githubs-plans#github-team)」を参照してください。\n\nCodespaces Education 特典の対象者の場合、Organization の GitHub Codespaces で GitHub Classroom を有効にすると、GitHub では、Codespace ポリシーが自動的に追加され、Organization 内のすべての codespace のマシンの種類が 2 コア マシンに制限されます。 これは、GitHub Codespaces の無料使用量を最大限に活用するのに役立ちます。 ただし、これらのポリシーは、Organization の設定で変更または削除できます。 「[コンピューターの種類へのアクセスを制限する](/ja/codespaces/managing-codespaces-for-your-organization/restricting-access-to-machine-types)」を参照してください。\n\nCodespaces Education 特典が パブリック プレビュー から移行されると、組織での GitHub Codespaces の使用量が無料利用枠を超えた場合、追加の使用量に対して請求が行われます。 「[GitHub Codespaces の課金](/ja/billing/managing-billing-for-your-products/managing-billing-for-github-codespaces/about-billing-for-github-codespaces)」を参照してください。\n\n## 組織での Codespaces の有効化\n\nGitHub Codespaces は、GitHub Classroom を使用する Organization の GitHub Team で使用できます。 Codespaces Education 特典の対象である場合は、Organization の設定で直接有効にするのではなく、GitHub Codespaces を介してGitHub Classroom を有効にする必要があります。 そうしないと、組織のGitHub Codespacesのすべての使用量に対して直接請求されることになります。\n\n### 新しいクラスルームを作成する際に、組織のCodespacesを有効にする\n\n1. [GitHub Classroom](https://classroom.github.com/login)にサインインしてください。\n2. ページの右側にある **\\[新しいクラスルーム]** をクリックします。\n3. Organizationのリスト中で、クラスルームに使いたいOrganizationをクリックしてください。 GitHub Codespaces の対象となる Organization には、対象であることを示すメモが表示されます。 あるいは、新しいOrganizationを作成することもできます。 「[新しい Organization をゼロから作成](/ja/organizations/collaborating-with-groups-in-organizations/creating-a-new-organization-from-scratch)」を参照してください。\n4. \\[クラスルームに名前を付ける] ページの \\[Classroom の Codespaces] で、 **\\[有効]** をクリックします。 これにより、Organization 内のすべてのリポジトリとユーザーに対して GitHub Codespaces が有効になることにご注意ください。\n5. 新しいクラスルームを作成する準備ができたら、 **\\[クラスルームの作成]** をクリックします。\n\n### 既存のクラスルームを使用して Organization の codespace を有効にする\n\n1. [GitHub Classroom](https://classroom.github.com/login)にサインインしてください。\n2. クラスルームのリストで、表示したいクラスルームをクリックしてください。\n3. クラスルーム名の下にある **<svg version=\"1.1\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" class=\"octicon octicon-gear\" aria-label=\"gear\" role=\"img\"><path d=\"M8 0a8.2 8.2 0 0 1 .701.031C9.444.095 9.99.645 10.16 1.29l.288 1.107c.018.066.079.158.212.224.231.114.454.243.668.386.123.082.233.09.299.071l1.103-.303c.644-.176 1.392.021 1.82.63.27.385.506.792.704 1.218.315.675.111 1.422-.364 1.891l-.814.806c-.049.048-.098.147-.088.294.016.257.016.515 0 .772-.01.147.038.246.088.294l.814.806c.475.469.679 1.216.364 1.891a7.977 7.977 0 0 1-.704 1.217c-.428.61-1.176.807-1.82.63l-1.102-.302c-.067-.019-.177-.011-.3.071a5.909 5.909 0 0 1-.668.386c-.133.066-.194.158-.211.224l-.29 1.106c-.168.646-.715 1.196-1.458 1.26a8.006 8.006 0 0 1-1.402 0c-.743-.064-1.289-.614-1.458-1.26l-.289-1.106c-.018-.066-.079-.158-.212-.224a5.738 5.738 0 0 1-.668-.386c-.123-.082-.233-.09-.299-.071l-1.103.303c-.644.176-1.392-.021-1.82-.63a8.12 8.12 0 0 1-.704-1.218c-.315-.675-.111-1.422.363-1.891l.815-.806c.05-.048.098-.147.088-.294a6.214 6.214 0 0 1 0-.772c.01-.147-.038-.246-.088-.294l-.815-.806C.635 6.045.431 5.298.746 4.623a7.92 7.92 0 0 1 .704-1.217c.428-.61 1.176-.807 1.82-.63l1.102.302c.067.019.177.011.3-.071.214-.143.437-.272.668-.386.133-.066.194-.158.211-.224l.29-1.106C6.009.645 6.556.095 7.299.03 7.53.01 7.764 0 8 0Zm-.571 1.525c-.036.003-.108.036-.137.146l-.289 1.105c-.147.561-.549.967-.998 1.189-.173.086-.34.183-.5.29-.417.278-.97.423-1.529.27l-1.103-.303c-.109-.03-.175.016-.195.045-.22.312-.412.644-.573.99-.014.031-.021.11.059.19l.815.806c.411.406.562.957.53 1.456a4.709 4.709 0 0 0 0 .582c.032.499-.119 1.05-.53 1.456l-.815.806c-.081.08-.073.159-.059.19.162.346.353.677.573.989.02.03.085.076.195.046l1.102-.303c.56-.153 1.113-.008 1.53.27.161.107.328.204.501.29.447.222.85.629.997 1.189l.289 1.105c.029.109.101.143.137.146a6.6 6.6 0 0 0 1.142 0c.036-.003.108-.036.137-.146l.289-1.105c.147-.561.549-.967.998-1.189.173-.086.34-.183.5-.29.417-.278.97-.423 1.529-.27l1.103.303c.109.029.175-.016.195-.045.22-.313.411-.644.573-.99.014-.031.021-.11-.059-.19l-.815-.806c-.411-.406-.562-.957-.53-1.456a4.709 4.709 0 0 0 0-.582c-.032-.499.119-1.05.53-1.456l.815-.806c.081-.08.073-.159.059-.19a6.464 6.464 0 0 0-.573-.989c-.02-.03-.085-.076-.195-.046l-1.102.303c-.56.153-1.113.008-1.53-.27a4.44 4.44 0 0 0-.501-.29c-.447-.222-.85-.629-.997-1.189l-.289-1.105c-.029-.11-.101-.143-.137-.146a6.6 6.6 0 0 0-1.142 0ZM11 8a3 3 0 1 1-6 0 3 3 0 0 1 6 0ZM9.5 8a1.5 1.5 0 1 0-3.001.001A1.5 1.5 0 0 0 9.5 8Z\"></path></svg> \\[Settings]** をクリックします。\n\n   ![クラスルームのタブのスクリーンショット。 \\[設定\\] タブが濃いオレンジ色の枠線で囲まれています。](/assets/images/help/classroom/click-settings.png)\n4. 「GitHub Codespaces」内で、**有効にする**をクリックします。 これにより、Organization 内のすべてのリポジトリとユーザーに対して GitHub Codespaces が有効になります。 新しい Codespace ポリシーも追加され、Organization 内のすべて codespace のマシンの種類が 2 コア マシンに制限されます。\n\n上記と同じ方法を使用して、Organization の GitHub Codespaces を無効にすることもできます。 これにより、Organization 内のすべてのユーザーとリポジトリに対して GitHub Codespaces が無効になることにご注意ください。\n\n## Codespaces を使用するように課題を構成する\n\n学生が GitHub Codespaces を課題に使用できるようにするには、課題向けのサポートされるエディターとして GitHub Codespaces を選ぶことができます。 新しい課題を作成するときに、\\[スタート コードを追加してオプションのオンライン IDE を選択する] ページの \\[サポートされるエディターの追加] で、ドロップダウン メニューから **\\[GitHub Codespaces]** を選択します。\n\n課題のテンプレート リポジトリを使用する場合、リポジトリ内の開発コンテナーを定義して、学生が codespace を起動して課題に取り組むときに使用できるツールとランタイムをカスタマイズできます。 開発コンテナーを定義しない場合、GitHub Codespaces では、既定の構成が使用されます。これには、学生が開発に必要とする可能性のある一般的なツールが多く含まれています。 開発コンテナーの定義の詳細については、「[開発コンテナー構成のリポジトリへの追加](/ja/codespaces/setting-up-your-project-for-codespaces/adding-a-dev-container-configuration)」を参照してください。\n\n## GitHub Codespaces を使用して課題を起動する\n\n学生が課題を開くと、リポジトリの README ファイルに、学生が作業に使用する必要がある IDE に関する教師の推奨事項が含まれます。\n\n学生は、README の **\\[Open in GitHub Codespace]** ボタンをクリックするか、課題リポジトリのメイン ページにある **<svg version=\"1.1\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" class=\"octicon octicon-code\" aria-label=\"code\" role=\"img\"><path d=\"m11.28 3.22 4.25 4.25a.75.75 0 0 1 0 1.06l-4.25 4.25a.749.749 0 0 1-1.275-.326.749.749 0 0 1 .215-.734L13.94 8l-3.72-3.72a.749.749 0 0 1 .326-1.275.749.749 0 0 1 .734.215Zm-6.56 0a.751.751 0 0 1 1.042.018.751.751 0 0 1 .018 1.042L2.06 8l3.72 3.72a.749.749 0 0 1-.326 1.275.749.749 0 0 1-.734-.215L.47 8.53a.75.75 0 0 1 0-1.06Z\"></path></svg> \\[Code]** ボタンをクリックしてから、**\\[Codespaces]** タブを選んで、新規または既存の codespace を起動できます。**\\[Codespaces]** タブでは、既存の codespace を選ぶか、新しく作成することができます。 「[リポジトリの codespace を作成する](/ja/codespaces/developing-in-codespaces/creating-a-codespace-for-a-repository#creating-a-codespace-for-a-repository)」を参照してください。\n\n![課題のリポジトリのスクリーンショット。 新しい codespace を起動するための \\[コード\\] ドロップダウン メニューが展開されています。](/assets/images/help/classroom/student-launch-new-codespace.png)\n\n教師は、\\[課題の概要] ページで各学生の課題の codespace を表示できます。 各学生行の右側にある \\[codespace] アイコンをクリックして codespace を起動できます。\n\n![課題の概要のスクリーンショット。 Codespaces アイコンが濃いオレンジ色の枠線で囲まれています。](/assets/images/help/classroom/teacher-assignment-view-with-codespaces.png)\n\nブラウザーを使用して codespace に接続する場合は、自動保存が自動的に有効になります。 リポジトリに対する変更を保存する場合、変更をコミットしてリモート ブランチにプッシュする必要があります。 既定では、30 分間操作することなく codespace を実行したままにした場合、codespace はタイムアウトになり、実行が停止されます。 データは、最後に変更した時点の状態で保持されます。 codespace のライフサイクルの詳細については、「[codespace ライフサイクルについて](/ja/codespaces/about-codespaces/the-codespace-lifecycle)」を参照してください。"}