資料まとめ » GitHub Codespaces を利用する

GitHub Codespaces を利用する

GitHub Codespaces はブラウザ上で開発できるサービスです。必要なものは GitHub アカウントです。無料のプランでも月60時間まで使えるため、有料の Pro プランなどへのアップグレードは不要です。

Codespacesの公式紹介ページ

1. ブラウザを確認する

  • Internet Explorer を利用している場合は、Google Chrome または Firefox をインストールしてください。（一部の機能がIEでは動かない場合があります。）

2. アカウントを作成する

3. Codespaces のページに行く

  • 画面上にある「Codespaces」をクリックします。

Codespacesのトップページ

4. Templates をクリックする

  • 画面左にある「Templates」をクリックします。

Codespacesのテンプレート

5. Use this template をクリックする

  • テンプレートを選ぶ画面まで来たらRuby on Railsの欄にある「Use this template」をクリックします。
  • クリックすると、ブラウザ上で開発するための準備が始まります。
  • しばらく放置して、以下の画面が表示されるまで待ちましょう。

Codespacesの初期画面構成

ほとんどの場合は上記の画面まで自動的に進みますが、読み込みエラーなどで止まることがあります。もししばらく待っても上記の画面にならなかったら、画面下の「ターミナル」内にある http://127.0.0.1:3000 という URL にカーソルを当ててください。

カーソルを当てると「リンクにアクセス」というポップアップが表示されるので、このリンクをクリックします。

Codespacesのターミナル

「リンクにアクセス」をクリックすると、最初の手順 1. で用意したブラウザで「GitHub Codespaces ❤️ Rails」が表示されます。

Codespacesのプレビュー画面

以上でセットアップは完了です。お疲れ様でした。

備考

本ページの内容は CC BY-SA 3.0 として公開し、Rails Girls Japan とも共有しています。

関連URL