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 エディタで既存のファイル(上記の環境の README-cloudshell.txt など)を開くこともできます。次に例を示します。

cloudshell edit README-cloudshell.txt

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

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

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

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

アクティビティ バー

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

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

  • エクスプローラ アイコン エクスプローラ: 現在のワークスペースのフォルダとファイルを表示します。
  • 検索アイコン 検索: 特定の文字列や正規表現でファイルを検索します。
  • デバッグビューのアイコン ソース管理: Cloud Shell エディタの Git サポートでアプリケーション ファイルを管理します。
  • デバッグビューのアイコン デバッグ: ブレークポイントを設定して変数を検査し、アプリケーションをデバッグします。
  • Cloud APIs 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 を使用すると、Go、Node.js、Python、Java のアプリケーションの完全デバッグ サポートを使用して、アプリケーションを簡単にデバッグできます。起動構成の作成、ブレークポイントの設定、変数の調査はすべて Cloud Shell 内ですべて行えます。

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

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

組み込みターミナル

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