GitHub CodespacesとVisual Studio Codeを使用してコーディングしましょう!
ようこそ!
ソフトウェア開発にcodespaceを使用することの大きな利点は? Codespaceはクラウドでホストされる開発環境です。リポジトリに設定ファイルをコミットすることでGitHub Codespaces用のプロジェクトをカスタマイズできます(configuration-as-codeとも呼ばれます)。これにより、プロジェクトのすべてのユーザーに対して繰り返し可能なcodespaceの設定が作成されます。作成するcodespaceは、GitHubによって仮想マシン上で実行されるDockerコンテナーでホストされます。必要なリソースに応じて使用するマシンのタイプを選択できます。
GitHubは、開発チームがcodespaceをカスタマイズし、最適な構成とパフォーマンスを実現するための幅広い機能を提供しています。例えば、以下のことができます:
- リポジトリからcodespaceを作成する。
- codespaceからリポジトリへコードをプッシュする。
- VS Codeを使用してコードを開発する。
- カスタムイメージでcodespaceをカスタマイズする。
- codespaceを管理する。
GitHub Codespacesを使用して開発を始めるには、テンプレートまたはリポジトリ内の任意のブランチまたはコミットからcodespaceを作成できます。テンプレートからcodespaceを作成する場合、空のテンプレートから始めるか、行っている作業に適したテンプレートを選択できます。
以下のアクティビティを進めるために別のブラウザタブを開くことをお勧めします。そうすることで、これらの指示を参照用に開いたままにしておけます。
-
リポジトリのトップページから始めます。
-
ページの**にある緑色のCodeボタンをクリックします。
-
ポップアップされるボックス内でCodespacesタブを選択し、次にCreate codespace on mainボタンをクリックします。
codespaceが起動されるまで約2分待ちます。 注意: 仮想マシンを起動しています。
-
codespaceが実行されていることを確認します。ブラウザにはVS Codeのウェブベースエディターが表示され、以下のようなターミナルが存在するはずです:
-
VS Codeのエクスプローラウィンドウ内のcodespaceから、
index.html
ファイルを選択します。 -
以下の内容でh1ヘッダーを置き換えます:
<h1>Hello from the codespace!</h1>
-
ファイルを保存します。
注意: ファイルは自動保存されます。
-
VS Codeのターミナルを使用して、以下のコミットメッセージを入力してファイルの変更をコミットします:
git commit -a -m "Adding hello from the codespace!"
-
リポジトリに変更をプッシュします。VS Codeのターミナルで、次を入力します:
git push
-
あなたのコードはリポジトリにプッシュされました!
-
リポジトリのホームページに戻り、
index.html
を表示して、新しいコードがリポジトリにプッシュされたことを確認します。 -
約20秒待ってからこのページをリフレッシュします。そうすると、GitHub ActionsによってREADMEの内容が次の指示に置き換えます。
Get help: Post in our discussion board • Review the GitHub status page
© 2023 GitHub • Code of Conduct • MIT License