Skip to content

Latest commit

 

History

History
130 lines (76 loc) · 9.68 KB

File metadata and controls

130 lines (76 loc) · 9.68 KB

GitHub Copilot for Azure を使ったアプリケーションの構築とデプロイ

このモジュールはモジュール 1 の続きであり、GitHub Copilot for Azure Preview を使用して Azure に新しいウェブサイトを作成しデプロイするためのステップバイステップガイドを提供します。

GitHub Copilot for Azure を開発およびデプロイのワークフローにシームレスに統合する方法を紹介します。

前提条件

モジュール 1 - GitHub Copilot for Azure の使い方を始めるを完了していること

GitHub Copilot for Azure Preview を使ってウェブサイトを作成してデプロイする

  1. GitHub リポジトリのローカルクローンを作成するために、ローカルコンピューター上に新しいフォルダーを作成します。

    1. VS Code で File をクリックし、「Open Folder」を選択します。
    2. Open Folder ダイアログボックスで New Folder をクリックし、フォルダーに名前を付け、選択してから Select Folder をクリックします。
  2. VS Code が このフォルダー内のファイルの作成者を信頼しますか? と尋ねてきます。

    1. Yes, I trust the authors をクリックします。
  3. Visual Studio Code で View > Terminal を選択します。ターミナルペインで、新しいフォルダーに移動します。

  4. ステータスバーで Chat (GitHub) アイコンを選択し、チャットペインを開きます。

  5. ペインのタイトルバーでプラスアイコン (+) を選択して新しいチャットセッションを開始します。

    GitHub Copilot チャットペインを示すスクリーンショット

前回のモジュールの後に GitHub Copilot Chat を閉じた場合は、ステータスバーの GitHub アイコンをクリックします(VS Code 画面の右下)。そして、オプションメニューで "GitHub Copilot Chat" を選択します。

GitHub Copilot チャットペインを示すスクリーンショット

  1. チャットのテキストボックスに次のプロンプトを入力します。その後、Send (紙飛行機アイコン) を選択するか、キーボードの Enter を押します。

    @azure can you help me deploy a C# api with mongodb and a web front end?
    

    IMPORTANT GitHub Copilot for Azure の回答は、大規模言語モデルがどのように応答を生成するかによって、毎回異なる表現になります。

    しばらくすると、GitHub Copilot for Azure が使用する azd テンプレートを提案するはずです。あるいは、次のような回答が返される場合もあります。

    Screenshot that shows the GitHub Copilot chat pane

    大規模言語モデルはあなたが伝えたことを理解することを覚えておいてください。ですから、ただ会話を交わすだけです。

  2. 回答にコード フェンス内の azd init で始まるコマンドが示されている場合は、コード フェンスの上にマウス カーソルを合わせると、小さなポップアップ アクション メニューが表示されます。

    Screenshot that shows the GitHub Copilot chat pane

    Insert into Terminal を選択して、コマンドをターミナルに挿入します。

    Screenshot that shows the GitHub Copilot chat pane

  3. azd init コマンドを実行する前に、それがローカル コンピューターと Azure サブスクリプションにどのような影響を与えるかについて質問したくなるかもしれません。

    次のプロンプトを使用します:

    @azure Before I execute azd init, what does it do?
    

    次のようなスクリーンショットに似た応答が表示される可能性があります。

    GitHub Copilot for Azure が初期化コマンドの説明を含む応答を示すスクリーンショット

  4. azd テンプレートについてさらに学ぶために、次のプロンプトを使用します:

    @azure What resources are created with this template?
    

    次のようなスクリーンショットに似た応答が表示される可能性があります。

    GitHub Copilot for Azure が提案されたテンプレートで作成されるリソースの説明を含む応答を示すスクリーンショット

  5. テンプレートが使用するサービスについて質問する場合は、次のようなプロンプトを使用します:

    @azure What are the capabilities of Azure App Service?
    

    次のようなスクリーンショットに似た応答が表示される可能性があります。

    GitHub Copilot for Azure が Azure App Service の機能に関する説明を含む応答を示すスクリーンショット

  6. 問題がなければ、ターミナルで azd init コマンドを実行し、プロンプトに答えてください。プロンプトに何と答えればよいか分からない場合は、GitHub Copilot for Azure に問い合わせてください。

  7. 続行する前に、ターミナルで次のコマンドを実行して azd ツールを認証する必要があります。

    azd auth login
    1. ブラウザが開き、Azure への認証が求められます。以前と同じ資格情報を選択してください。
  8. 新しいプロジェクトが初期化され、Azure に認証した後、azd up コマンドを使用してアプリケーションをサブスクリプションにデプロイします。ターミナルで、元のプロンプトの応答に従ってコマンドを実行します。

    azd up
    
  9. azd up コマンドは、サブスクリプション、リソースのデプロイ先などに関する情報を求めてきます。

    回答に迷った場合は、GitHub Copilot for Azure に助けを求めることができます。例えば、次のように質問できます:

    @azure azd up is asking me what location I want to deploy the website into. How should I respond?
    

    次のようなスクリーンショットに似た応答が表示される可能性があります。

    GitHub Copilot for Azure が Azure のロケーションとその選び方に関する説明を含む応答を示すスクリーンショット

  10. azd up。必要に応じて、Azure に関する質問は GitHub Copilot にお問い合わせください。

    1. 場所を尋ねられたら、Canada East (canadaeast) を選択します。

    デプロイする azd テンプレートと選択した場所によっては、テンプレートのデプロイに10分(またはそれ以上)かかる場合があります。デプロイが完了するまでにモジュール 3に進むことができます。

  11. azd up でエラーが発生した場合は、GitHub Copilot for Azure にエラーとその解決方法を問い合わせてください。

    TIP 最後のターミナルコマンドの結果を簡単に添付するには、チャットペインの左下にあるクリップアイコンを使用します。GitHub Copilot for Azure は、コピー/貼り付けまたはクリップボード経由で添付されない限り、ターミナルコマンドの結果を認識しません。

  12. 完了したら、azd down を実行してすべてのリソースを削除します。

免責事項:
本書類は、機械ベースのAI翻訳サービスを使用して翻訳されています。正確性を追求しておりますが、自動翻訳には誤りや不正確さが含まれる場合があります。元の言語で記載された原文を公式な情報源としてお考えください。重要な情報については、専門の人間による翻訳を推奨いたします。本翻訳の使用に起因する誤解や解釈の誤りについて、当方は一切の責任を負いかねます。