こんにちは！株式会社Definerのライターチームです！
今回は、Visual Studioコードを使用してGoogle Compute Engineでファイルを編集する方法について気になりますよね。
実際の画面や、資源を見ながら詳しく解説していきましょう。

この記事では、Google Compute Engine上のファイルをVSコードで編集したいときに、参考になる情報やプラクティスをまとめています。

早速、Visual Studioコードを使用してGoogle Compute Engine上のファイルを編集していきます。
まずは、SSH鍵のセットアップです。
 
①GCEのブラウザから対象のVMにSSH接続
GCPコンソールにログインし、GCE画面に遷移します。
「SSH接続」をクリックし、VMへログインします。
 
②秘密鍵ファイル「id_rsa」と「id_rsa.pub」をダウンロード
右の歯車ボタンをクリックし、「ファイルをダウンロード」
公開鍵（今回だとtest-key）と秘密鍵（test-key.pub）を指定し、ダウンロードします。
 
③権限変更
VSコードから編集できるよう、以下コマンドでディレクトリ/ファイルの権限を変更します。
 
④VMへの公開鍵の登録
GCEコンソールに戻り、VMの「編集」→「SSH認証」
公開鍵（今回だとtest-key）の内容をコピペします。

## キー作成コマンド
## -t: RSA方式のアルゴリズムを指定
## -f: ファイル名を指定
ssh-keygen -t rsa -N "" -b 2048 -C user_name -f test-key           

## リターン
Generating public/private rsa key pair.
Your identification has been saved in test-key
Your public key has been saved in test-key.pub
The key fingerprint is:
SHA256:xxxxxxxxxxxxxxxxxxxxxxxxxx user_name
The key's randomart image is:
+---[RSA 2048]----+
|                |
|                |
|                |
|                |
|                |
+----[SHA256]-----+

## 権限の変更
sudo chmod -R g+wr /var/www/*
cd /var/www/html/
sudo chmod g+wr .htaccess                

続いて、VS Code側のセットアップを進めていきます。
 
①SSH FSのインストール
「SSH FS」と検索し、SSH拡張機能をインストールします。
 
②VMとの接続
「SSH FS」の「新しいSSH FS設定を作成」をクリックします。
ホストにVMのグローバルIPを、プライベートキーには秘密鍵を入力します
 

 
③接続確認
Connect as Workspace folderを押下すると、VM内のファイルが一覧化され、閲覧・編集することができます。

Visual Studio Code – コード エディター | Microsoft Azure
 

PrismScalerは、開発・運用を要さずにたった3ステップで、AWSやAzure、GCPなどのマルチクラウド基盤構築を実現するWebサービスです。
エンジニアの大変な作業を肩代わり
・自動構築
・自動監視
・構成可視化
クラウド基盤に関わる作業を以上のように効率化します。
SRE/DevOpsエンジニアが行う大変な作業を肩代わりします。
高品質な汎用クラウド基盤の実現
・クラウド基盤構築/クラウド移行
・クラウドの保守運用・コスト最適化
など幅広い利用シーンを想定しています。IaaSやPaaSを適切に組み合わせた数百を超える高品質な汎用クラウド基盤を容易に実現できます。
興味を持たれた方には、無料で資料を提供しております。
お気軽にご相談ください。

株式会社Definerでは、
・ITの上流から下流まで一気通貫のワンストップソリューションをご提供。
・AIやクラウドのITインフラなど、先進的なIT技術のコンサルティングから要件定義 / 設計開発 / 実装、保守運用に至るまでの統合的な支援にコミット。
・少ないエンジニアで事業が成長する仕組みづくりの実現。
・エンジニアが喜ぶ、採用しやすい環境づくりの実現。
・高速なアジャイル開発環境の実現。
・自社プロダクトとしてPrismScalerを展開。
上記事業内容を進行しております。
※「開発者ブログ」では、エンジニアの入門編として有益な情報を無料公開しています。
ご相談やお問い合わせは「株式会社Definer」へ。

・　Definer Incは、ITの上流から下流まで一気通貫のワンストップソリューションをご提供しております。
・　AIやクラウドのITインフラなど、先進的なIT技術のコンサルティングから要件定義 / 設計開発 / 実装、保守運用に至るまでの統合的な支援にコミットしています。
・　DevOpsとCI/CDコンサルティングにより「少ないエンジニアで事業が成長する仕組みづくり」「エンジニアが喜ぶ、採用しやすい環境づくり」「高速なアジャイル開発環境」を実現しています。
・　また、自社プロダクトとしてPrismScalerを展開しております。PrismScalerは、AWS、Azure、GCPなどのマルチクラウド / ITインフラの高品質かつ迅速な、「自動構築」「自動監視」「問題検知」「構成可視化」を実現します。