github.dev Web ベース エディター

github.dev Web ベースのエディターを使ってファイルを編集し、変更をコミットできます。

この記事で

メモ

github.dev エディターは現在、パブリック プレビュー 段階にあります。 ユーザーはディスカッションでフィードバックを提供できます。

github.dev エディターについて

github.dev エディターでは、完全にブラウザー内で実行される軽量の編集エクスペリエンスが導入されています。 github.dev エディターを使うと、GitHub からファイルとソース コード リポジトリに移動し、コードの変更を行ってコミットできます。 ユーザーは任意のリポジトリ、フォーク、または pull request をエディターで開くことができます。

github.dev エディターは、GitHub.com から誰でも無料で入手できます。

github.dev エディターでは、検索、構文の強調表示、ソース管理ビューなど、Visual Studio Code の多くの利点が提供されます。 Settings Sync を使用して、独自の VS Code 設定をエディターと共有することもできます。 VS Code ドキュメントの「設定の同期」をご覧ください。

github.dev エディターは、完全にブラウザーのサンドボックス内で実行されます。 エディターはリポジトリを複製しませんが、代わりに GitHub Repositories 拡張機能 を使用して、使用するほとんどの機能を実行します。 作業内容は、コミットするまでブラウザーのローカル ストレージに保存されます。 変更内容に常にアクセスできるようにするために、変更を定期的にコミットするようにしてください。

GitHub エディターを使用するには、github.dev にログインする必要があります。

github.dev エディターを開く

GitHub で github.dev リポジトリを開くには、次のいずれかの方法を使用できます。

  • 同じブラウザー タブでリポジトリを開くには、. キーを押します (GitHub のリポジトリまたは pull request を参照しているとき)。

    新しいブラウザー タブでリポジトリを開くには、> キーを押します。

  • URL を "github.com" から "github.dev" に変更します。

  • ファイルを表示しているとき、 ドロップダウン メニューを選び、 [github.dev] をクリックします。

    編集アイコンのドロップダウン メニューのスクリーンショット。 オプション [github.dev] が濃いオレンジ色の枠線で強調表示されています。

Codespaces と github.dev

github.dev と GitHub Codespaces のどちらでも、リポジトリから直接コードを編集できます。 ただし、ユース ケースによって、それぞれの利点が若干異なります。

github.devGitHub Codespaces
コストフリー。個人用アカウントでの 1 か月あたりの使用量の無料クォータについては、「GitHub Codespaces の課金」を参照してください。
可用性GitHub.com のすべてのユーザーが利用できます。GitHub.com のすべてのユーザーが利用できます。
起動github.dev は、キーを押すとすぐに開き、追加の構成やインストールを待たずに、すぐに使い始めることができます。codespace を作成または再開すると、codespace に VM が割り当てられ、devcontainer.json ファイルの内容に基づいてコンテナーが構成されます。 この設定では、環境の作成に数分かかる場合があります。 「リポジトリの codespace を作成する」を参照してください。
計算する関連付けられたコンピューティングがないので、コードをビルドして実行したり、統合ターミナルを使用したりすることはできません。GitHub Codespaces を使うと、専用の VM を通じてアプリケーションを実行およびデバッグできます。
ターミナル アクセス[なし] :GitHub Codespaces には、既定で共通のツール セットが用意されています。つまり、ローカル環境の場合とまったく同じようにターミナルを使用できます。
拡張機能Web で実行できる拡張機能のサブセットのみが拡張機能ビューに表示され、それらをインストールできます。 「拡張機能の使用」をご覧ください。GitHub Codespaces では、Visual Studio Code Marketplace のほとんどの拡張機能を使用できます。

引き続き Codespaces で作業する