Visual Studio CodeでCloud Functionを編集・デプロイする方法

こんにちは！梶尾です！
みなさんはCloud Functionを編集する際に、ブラウザ上のeditorが使いにくい！と感じたことはないでしょうか？
今回はVisual Studio Codeで編集する方法をご紹介したいと思います。

本記事でわかること

Cloud Functionは以下の通り作成しました。
関数名と言語設定以外デフォルトで作成しています。

１．ファンクションを作成　をクリックします。

２．関数名を変更し、次へをクリックします。
　　関数名：vscode-function

３．ランタイムを変更し、デプロイをクリックします。
　　ランタイム：Python 3.11

４．Cloud Functionが新規作成できました。

１．Visual Studio Codeを起動し、拡張機能のアイコンをクリックします。

２．検索バーにGoogleと入力し、拡張機能のGemini Code Assist ＋Google Cloud Codeをインストールします。

Visual Studio Codeの左下にあるCloud Code – Sign inをクリックし、Google Cloudへサインインします。
ブラウザが表示されサインインを行います。サインイン後はプロジェクトIDが表示されます。

Google Cloudへサインインが出来ましたら、Cloud Functionのソースコードを取得します。

１．拡張機能Gemini Code Assist ＋Google Cloud Codeのアイコンをクリックします。

２．CLOUD FUNCTIONSをクリックし展開します。

３．プロジェクトIDをクリックし、作成したCloud Functionを表示します。

４．ダウンロードアイコンをクリックし保存場所を指定すると、
　　Cloud Functionのソースコードがローカルにダウンロードされます。

Visual Studio Codeでソースコードを編集した後は、GoogleCloudへデプロイを行います。

１．WORKSPACE Localをクリックしローカルのソースコードフォルダ一覧を表示します。

２．アップロードアイコンをクリックします。

３．デプロイするプロジェクトを選択します。
　　別のプロジェクトへデプロイする場合はSwitch projectを選択します。

４．今回はCloud Functionの編集を行いますので、Yesをクリックします。

５．デプロイが始まり、Successfully deployed <CloudFunction名> !　が表示されると、
　　デプロイが完了します。

　　実際にCloud Functionを確認すると、更新されていることが確認できました。

Visual Studio Code上でソースコードが編集できるため、コードチェックや拡張機能が使用でき、何度もデプロイしなおすことが減るかと思います。

Google および Google Cloud Platform™ service は Google LLC の商標であり、この記事は Google によって承認されたり、Google と提携したりするものではありません。