docs/translations/ja-JP/content/codespaces/the-githubdev-web-based-editor.md

title, intro, versions, type, miniTocMaxHeadingLevel, topics, shortTitle, redirect_from, ms.openlocfilehash, ms.sourcegitcommit, ms.translationtype, ms.contentlocale, ms.lasthandoff, ms.locfileid

title	intro	versions	type	miniTocMaxHeadingLevel	topics	shortTitle	redirect_from	ms.openlocfilehash	ms.sourcegitcommit	ms.translationtype	ms.contentlocale	ms.lasthandoff	ms.locfileid
github.dev Web ベース エディター	リポジトリから github.dev {% data variables.product.prodname_serverless %} を使用するか、pull request を使用して変更を作成およびコミットします。	feature githubdev-editor	how_to	3	Codespaces Visual Studio Code Developer	Web-based editor	/codespaces/developing-in-codespaces/web-based-editor	d1c21f3e75ecc4fec282c9156943c137287d203c	caab4edbbe	HT	ja-JP	11/10/2022	148160478

{% note %}

注： 現在、github.dev {% data variables.product.prodname_serverless %} はベータ プレビュー段階です。 ユーザーはディスカッションでフィードバックを提供できます。

{% endnote %}

{% data variables.product.prodname_serverless %} について

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

{% data variables.product.prodname_serverless %} は、{% data variables.product.prodname_dotcom_the_website %} から誰でも無料で入手できます。

{% data variables.product.prodname_serverless %} では、検索、構文の強調表示、ソース管理ビューなど、{% data variables.product.prodname_vscode %} の多くの利点が提供されます。 Settings Sync を使用して、独自の {% data variables.product.prodname_vscode_shortname %} 設定をエディターと共有することもできます。 詳しい情報については、{% data variables.product.prodname_vscode_shortname %} ドキュメントの「Settings Sync」を参照してください。

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

Web ベースのエディターを使用するには、サインインする必要があります。

{% data variables.product.prodname_serverless %} を開く

{% data variables.product.prodname_serverless %} で {% data variables.product.prodname_dotcom %} リポジトリを開くには、次のいずれかの方法を使用できます。

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

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

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

• ファイルを表示する場合は、{% octicon "pencil" aria-label="The edit icon" %} の横にあるドロップダウン メニューを使用し、 [github.dev で開く] を選びます。

  

{% data variables.product.prodname_codespaces %} と {% data variables.product.prodname_serverless %}

{% data variables.product.prodname_serverless %} と {% data variables.product.prodname_github_codespaces %} のどちらでも、リポジトリから直接コードを編集できます。 ただし、ユース ケースによって、それぞれの利点が若干異なります。

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

引き続き {% data variables.product.prodname_codespaces %} で作業する

{% data variables.product.prodname_serverless %}でワークフローを開始して、codespace で作業を続けることができます。 実行およびデバッグ ビューまたはターミナルにアクセスしようとすると、{% data variables.product.prodname_serverless %} では使用できないことが通知されます。

codespace で作業を続行するには、 [Continue Working on…](作業の続行...) をクリックし、 [Create New Codespace](新しい codespace の作成) を選択して、現在のブランチに codespace を作成します。 このオプションを選択する前に、変更をコミットする必要があります。

ソース管理の使用

{% data variables.product.prodname_serverless %} を使用する場合、すべてのアクションは左側のアクティビティ バーにあるソース管理ビューで管理されます。 ソース管理ビューの詳細については、{% data variables.product.prodname_vscode_shortname %} ドキュメントの「バージョン管理」を参照してください。

Web ベース エディターでは GitHub Repositories 拡張機能を使用して機能が強化されるため、変更を一時退避することなくブランチを切り替えることができます。 詳しい情報については、{% data variables.product.prodname_vscode_shortname %} ドキュメントの「GitHub Repositories」を参照してください。

新しいブランチを作成する

{% data reusables.codespaces.create-or-switch-branch %} 古いブランチで行った変更のうち、コミットされていないものは新しいブランチで使用できます。

変更をコミットする

{% data reusables.codespaces.source-control-commit-changes %} 5. 変更をコミットすると、{% data variables.product.prodname_dotcom %} のブランチに自動的にプッシュされます。

pull request を作成する

{% data reusables.codespaces.source-control-pull-request %}

既存の pull request の操作

既存の pull request は、{% data variables.product.prodname_serverless %}を使用して操作できます。

1. {% data variables.product.prodname_serverless %} で開きたい pull request を参照します。
2. . を押して、{% data variables.product.prodname_serverless %} で pull request を開きます。
3. 変更を行ったら、「変更をコミットする」の手順を使用して変更をコミットします。 変更はブランチに直接コミットされます。変更をプッシュする必要はありません。

拡張機能の使用

{% data variables.product.prodname_serverless %} では、Web で実行するために作成または更新された {% data variables.product.prodname_vscode_shortname %} 拡張機能がサポートされています。 これらの拡張機能は、"Web 拡張機能" と呼ばれます。 Web 拡張機能を作成する方法、または Web で動作するように既存の拡張機能を更新する方法については、{% data variables.product.prodname_vscode_shortname %} ドキュメントの「Web 拡張機能」を参照してください。

{% data variables.product.prodname_serverless %} で実行できる拡張機能は、拡張機能ビューに表示され、インストールできます。 Settings Sync を使用すると、互換性のある拡張機能も自動的にインストールされます。 詳細については、{% data variables.product.prodname_vscode_shortname %} ドキュメントの「Settings Sync」を参照してください。

トラブルシューティング

{% data variables.product.prodname_serverless %}を開くときに問題が発生した場合は、次の手順を試してください。

• {% data variables.product.prodname_dotcom %} にサインインしていることを確認します。
• 広告ブロッカーを無効にします。
• ブラウザーで incognito 以外のウィンドウを使用して、{% data variables.product.prodname_serverless %}を開きます。

既知の制限事項

• 現在、{% data variables.product.prodname_serverless %}は、Chrome (およびその他の各種 Chromium ベース ブラウザー)、Edge、Firefox、Safari でサポートされています。 最新バージョンの SDK を使用することをお勧めします。
• 使用しているブラウザーによっては、一部のキー バインドが機能しない場合があります。 これらのキー バインドの制限事項は、{% data variables.product.prodname_vscode_shortname %} ドキュメントの既知の制限事項と対応に関するセクションに記載されています。
• ご使用のローカル キーボード レイアウトによっては、. で {% data variables.product.prodname_serverless %}を開くことができない場合があります。 その場合は、URL を github.com から github.dev に変更することで、{% data variables.product.prodname_dotcom %} リポジトリを {% data variables.product.prodname_serverless %}で開くことができます。