基本エディタの概要

Cloud Workstations には、アプリケーションの作成、ビルド、テスト、デバッグ、実行を可能にするデフォルトのベースエディタが付属しています。ベースエディタは、Code-OSS オープンソース プロジェクトに基づいており、Open VSX Registry で提供される IDE 拡張機能をサポートしています。また、Cloud Code IDE 拡張機能がプリインストールされています。

Cloud Workstations ベースエディタの使用を開始するには:

  1. クイックスタートの手順に従い、ワークステーション構成を作成します。[環境のカスタマイズ] を選択するように求められたら、コードエディタとして [Code OSS (デフォルト)] を選択します。
  2. 作成した構成を使用して、クイックスタートの手順に従ってワークステーションを作成します。

  3. Google Cloud コンソールで、[Cloud Workstations] ページに移動して、ブラウザからワークステーションを起動します。

    Cloud Workstations に移動

アクティビティ バー

横にアクティビティ バーが表示され、Cloud Workstations ベースエディタで使用可能なビューにアクセスできます。アクティビティ バーにあるビューは次のとおりです。

  • エクスプローラ: 現在のワークスペースのフォルダとファイルを表示する

  • 検索: 特定の文字列や正規表現でファイルを検索する

  • ソース管理: Cloud Workstations ベースエディタの Git サポートでアプリケーション ファイルを管理する

  • デバッグ: ブレークポイントを設定して変数を検査し、アプリケーションをデバッグする

  • 拡張機能: IDE に機能を追加する拡張機能のカタログを検索する

  • Cloud Code: IDE から直接 Google Cloud アプリケーションを作成してデプロイする

  • 設定: ワークフローに合わせて Cloud Workstations ベースエディタをカスタマイズする

ファイルの表示と編集

ファイル ディレクトリを参照したり、ワークステーション内のファイルを表示および編集したりできる組み込みのコードエディタ。

ベースエディタを操作するには、次の手順に従います。

  1. [アクティビティ バー] を使用して、ビューを切り替えます。

  2. [エディタ] を使用して、ファイルを表示および編集します。

  3. [エクスプローラ ビュー] を使用して、ファイル ディレクトリの参照、ファイルのアップロードとダウンロード、Cloud Workstations 仮想マシン インスタンスでのウェブ アプリケーションのプレビュー、使用統計情報の表示を行います。

    図 1.Cloud Workstations のベースエディタ

ファイルとディレクトリのアップロードとダウンロード

Code-OSS エクスプローラ ビューでファイルまたはディレクトリをアップロードまたはダウンロードするには、次のいずれかの方法を使用します。

  • エクスプローラ ビューにファイルをドラッグして、ワークスペースに追加します。

  • 使用するファイルとディレクトリに移動し、右クリックして [アップロード] または [ダウンロード] を選択します。

    図 2.エクスプローラ ビューを右クリックして、ファイルをアップロードおよびダウンロードする

言語サポート

Cloud Workstations のベースエディタは、Go、Python、Java、.NET Core、Node.js などの言語をサポートし、次のような言語の機能を提供します。

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

Cloud Code の統合

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

Cloud Code は、開発を簡素化するために AI を活用したコラボレーターである Gemini と統合します。より効果的かつ効率的にタスクを実行するために Gemini を使用します

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

Cloud Workstations のステータスバーで利用可能な Cloud Code メニューに加えて、コマンド パレットから Cloud Code コマンドにアクセスすることもできます。コマンド パレットを開くには、Ctrl+Shift+P(または macOS の場合は Command+Shift+P)を押すか、[表示] > [コマンド パレット] をクリックします。

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

Cloud Workstations のベースエディタには、事前に構成されたバージョン管理が含まれています。 リポジトリの初期化、ファイル ステータス間の比較、ステージ、ステージ解除、変更の commit ができます。リポジトリがワークステーションからアクセス可能である限り、公開、非公開、セルフホストのリポジトリも使用できます。

ワークスペース管理

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

フォルダをワークスペースとして開くには、アクティビティ バーの上部にあるメニューを使用して、[ファイル] > [フォルダを開く] を選択します。または、ベースエディタのウェルカム ページで [ファイルを開く] または [最新のワークスペース] オプションを使用するか、URL パラメータ folder を使用して、開くフォルダのパスを指定します(例: &folder=/home/user/foo)。

デバッグ アプリケーション

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

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

統合ターミナル

統合ターミナルを介して、基盤となる開発環境を操作できます。次のいずれかの方法で、ターミナル ビューをオンまたはオフにします。

  • Control+ キーを押します。
  • Ctrl+Shift+P(macOS では Command+Shift+P キー)を押すか、[表示 > [コマンド パレット] をクリックしてから、「View: Toggle Terminal」と入力します。
  • [ターミナル] > [新しいターミナル] を選択します。
  • [表示] > [ターミナル] を選択します。
  • ターミナルのタブリストで 追加[追加] をクリックします。

複数のターミナル ウィンドウを開くには、 [分割] をクリックするか、Ctrl+Shift+5 を押します。

ワークステーションのコードエディタ
図 4.ターミナルが開いている Cloud Workstations インターフェース

ターミナル タブを管理、カスタマイズする

複数のターミナルを開くと、ターミナルビューの横にターミナル タブのリストが表示されます。このリストには、開いているターミナルの名前が含まれています。

  • リストでターミナル名を選択すると、 [分割] アイコンと [削除] アイコンが表示されます。それぞれのアイコンをクリックすると、ターミナル ウィンドウを分割または削除できます。

  • [ターミナルをエディタ領域に移動]、[名前を変更]、[色を変更]、[アイコンを変更] など、追加のターミナル オプションを表示するには、ターミナル名を右クリックします。

    ターミナルタブのリスト
    図 5.ターミナルをカスタマイズする

ディスプレイをスクロールする

ブラウザのフォーカスがセッション タブにあるときに、マウスを使用するほかに、Windows および Linux で Ctrl+Shift+PageUp および Ctrl+Shift+PageDn(または macOS では Fn+Shift+Up および Fn+Shift+Down)を押してスクロールすることもできます。

設定をカスタマイズする

エディタ、ユーザー インターフェース、機能の動作をカスタマイズするため、Cloud Workstations のベースエディタには、設定を定義する次のスコープが用意されています。

  • マシン設定: Cloud Workstations の仮想インスタンスに接続するときにグローバルに適用される設定。ワークステーションの $HOME/.codeoss-cloudworkstations/data/Machine/settings.json ファイルに表示されます。

  • ユーザー設定: Cloud Workstations の仮想インスタンスに接続するときにグローバルに適用される設定。各ワークステーション インスタンスのブラウザ ストレージに保持されます。

  • ワークスペース設定: ワークスペース内に保存される設定。ワークスペースを開く場合にのみ適用されます。これらの設定は、ワークスペース ファイルの $WORKSPACE_ROOT/.vscode/settings.json ファイルに表示されます。

エディタは、各設定スコープをそれぞれ評価します。

キーボード ショートカット

デフォルトのベースエディタはブラウザ内で実行されるため、一部のキーボード ショートカットはブラウザで予約され、エディタではキャプチャされない場合があります。

すべてのキーボード ショートカットをサポートするために、デフォルトのベースエディタはプログレッシブ ウェブアプリ(PWA)をバンドルし、エディタがこれらのショートカットをキャプチャできるようにします。

PWA を使用するには:

  1. ブラウザでワークステーションを開きます。
  2. ブラウザのアドレスバーに表示されるインストール アイコンをクリックします。

PWA がインストールされ、ワークステーションが PWA で再度開かれます。 ワークステーションの後続の読み込みでは、ブラウザでアドレスバーの PWA にワークステーションを再開するオプションが表示されます。