Cloud Shell エディタのインターフェースの概要

このページでは、Cloud Shell エディタに搭載されているさまざまな機能について説明します。

ファイルの表示と編集

Cloud Shell には、Cloud Shell に引き続きアクセスしながら、ファイル ディレクトリを参照したり、ファイルを表示および編集したりできる組み込みのコードエディタが付属しています。Cloud Shell エディタは、すべての Cloud Shell インスタンスで、デフォルトで使用できます。また、Theia をベースにしています。

Cloud Shell エディタを操作する手順は次のとおりです。

  1. Cloud Shell ウィンドウのツールバーにある鉛筆アイコン コードエディタ ボタン をクリックして、Cloud Shell エディタを起動します。新しいタブが開き、エディタが表示されます。このタブで Cloud Shell に引き続きアクセスできます。

    ヒント: ide.cloud.google.com に移動して、Cloud Shell エディタを直接起動することもできます。

  2. 左側のペインで、ファイル ディレクトリを閲覧します。右側のペインにファイルを表示し、編集します。

  3. エディタと Cloud Shell ウィンドウの切り替え、ファイルのアップロードとダウンロード、Cloud Shell 仮想マシン インスタンスでのウェブ アプリケーションのプレビュー、使用統計情報の表示をそれぞれ行うには、右上隅にある Cloud Shell ツールバーから機能にアクセスします。

    Cloud Shell とエディタ セッション

あるいは、Cloud Console で次のように cloudshell コマンドを実行して、Cloud Shell Editor で既存のファイル(たとえば、上記の環境からの README-cloudshell.txt)を開くこともできます。

cloudshell edit README-cloudshell.txt

ファイルのアップロードとダウンロード

Cloud Shell エディタと一緒に、そのエディタのエクスプローラでファイルを管理することもできます。Cloud Shell エディタ エクスプローラで、使用するディレクトリまたはファイルを右クリックし、メニューの Copy Download LinkDownloadUpload Files... を使用してファイルのアップロードまたはダウンロードを選択します。

エクスプローラ内のファイルまたはフォルダを右クリックして、メニューを表示し、アップロード / ダウンロード オプションにアクセスします。

または、[ファイル] > [ダウンロード] / [ファイルをアップロード...] をクリックします。

アクティビティ バー

エディタの左側に沿って、アクティビティ バーがあります。このアクティビティ バーで、Cloud Shell エディタで利用可能なすべてのビューにアクセスできます。

アクティビティ バーにあるビューは次のとおりです。

  • エクスプローラ アイコン エクスプローラ: 現在のワークスペースのフォルダとファイルを表示します。
  • 検索アイコン 検索: 特定の文字列や正規表現でファイルを検索します。
  • デバッグビュー アイコン ソース管理: Cloud Shell エディタの組み込み Git サポートでアプリケーション ファイルを管理します。
  • デバッグビュー アイコン デバッグ: ブレークポイントを設定して変数を検査し、アプリケーションをデバッグします。
  • Cloud API Cloud Code - Cloud API: Cloud API を参照して有効化し、Cloud クライアント ライブラリをプロジェクトに追加します。
  • Cloud Run アイコン Cloud Code - Cloud Run: Cloud Run リソースのモニタリングと管理を行います。
  • Kubernetes アイコン Cloud Code - Kubernetes: Kubernetes リソースのモニタリングと管理を行います。

言語サポート

Cloud Shell エディタには、Go、Python、Java、.NET Core、Node.js に対する豊富なサポートが最初から組み込まれており、次のような言語機能を提供します。

  • スマートなハイライト表示、コードの候補、コンテキスト ベースの補完
  • lint チェックと説明的なエラーの提供
  • コード ナビゲーション(定義、宣言、参照、実装へ移動)
  • 直感的なデバッグのサポート

Cloud Code の統合

Cloud Shell エディタには、Cloud Code サポートが含まれています。

Cloud Code は、サンプル テンプレートを利用した新しいアプリケーションの作成やカスタマイズから、完成したアプリケーションの実行にいたるまで、Kubernetes および Cloud Run アプリケーションの開発サイクル全体を IDE でサポートしています。また、Cloud Code は、すぐに利用できるサンプル、すぐに使用できる構成スニペット、カスタマイズされたデバッグ エクスペリエンスで、作業途中でもサポートします。

Cloud Code は、Node.js、Python、Java、Go、.NET Core でのアプリケーション開発をサポートしています。

Cloud Shell のステータスバーで利用可能な Cloud Code メニューに加えて、コマンド パレットで Cloud Code コマンドにアクセスすることもできます。Cmd / Ctrl+Shift+P キーを押すと使用可能なコマンドが表示されます。

Cloud Shell を使用して、Cloud Code でできることについて総合的に確認するには、Cloud Code スタートガイドの概要をご覧ください。

バージョン管理のサポート

Cloud Shell エディタには、事前に構成されたバージョン管理が含まれています。Cloud Shell を使用すると、リポジトリの初期化、ファイル ステータス間の比較、ステージ、ステージ解除、変更の commit ができます。

総合的な情報については、Cloud Shell のバージョン管理の使用ガイドをご覧ください。

ワークスペース管理

Cloud Shell では、プロジェクトをワークスペースとして管理および構成できます。ワークスペースは通常、ルート プロジェクト フォルダを表し、Cloud Shell エディタを使用してワークスペースの作成、展開、保存ができるほか、プロジェクト固有の設定でカスタマイズすることもできます。

ワークスペースでの作業について詳しくは、ワークスペースの管理のガイドをご覧ください。

デバッグのサポート

Cloud Shell を使用すると、Go、Node.js、Python、Java のアプリケーションの完全デバッグ サポートを使用して、アプリケーションを簡単にデバッグできます。起動構成の作成、ブレークポイントの設定、変数の調査はすべて Cloud Shell 内ですべて行えます。

さらに、ローカル クラスタ(minikube や Docker Desktop など)、または Google Kubernetes Engine や他のクラウド プロバイダのリモート クラスタ上で、Kubernetes アプリケーションをデバッグできます。

詳細については、Cloud Shell を使用したデバッグガイドをご覧ください。

組み込みターミナル

エディタを離れることなく、[Terminal] > [New Terminal] に移動して、基礎となる Cloud Shell インスタンスにアクセスします。[Split Terminal] オプションを使用して、複数のターミナル ウィンドウの稼働も選択できます。