コンテンツにスキップ

Craft Sites Copilot を利用する

Craft Sites Copilot はAIによるプロダクト活用支援機能です。ファンクション詳細画面でCopilotに質問することでさまざまな支援を受けることができます。

Copilotパネルの表示

Copilotは Copilotパネル に回答を表示します。Copilotパネルの表示・非表示はファンクション詳細画面の[Copilot]ボタンで切り替えます。

Craft Sites Copilot の支援機能

Craft Sites Copilotは6つの支援機能を持っています。

  • テンプレート検索
  • コード改善
  • 画像生成
  • HTML生成
  • 仕様の質問
  • バックエンド生成

以降はこれらの支援機能の利用方法を説明します。

サンプルコード検索

Craft Sitesテンプレートを検索します。利用方法は次のとおりです。

  • Copilotパネルを表示します。
  • [サンプルコード検索]タブを選択し、入力欄に質問を入力します。
  • Copilotが検索結果を表示します。

コード改善

エディター内のコードを選択して質問することで、そのコードの内容の説明やコードの改善提案を受けることができます。

利用方法は次のとおりです。

  • エディター内で対象のコードを選択します。
  • 右クリックメニュー >[Copilotにリクエストを投げる]を選択します。
  • 入力欄に質問を入力し、↑ボタンを押します。
    • 入力例:「このCSSのクラスを解説してください」「この部分でxxというエラーが出ました。原因として何が考えられるでしょう?s」
  • Copilotパネルの[コード改善]タブに回答が表示されます。

画像生成

自然言語で書かれたプロンプトから画像を生成します。

  • Copilotパネルを表示します。
  • [サンプルコード検索]タブを選択し、入力欄に質問を入力します。
  • Copilotが画像を生成します。

HTML生成

画像とテキストの入力から、HTMLコードを生成します。

  • Copilotパネルを表示します。
  • [HTML生成]タブを選択し、テキストで指示を入力します。
  • 「画像とテキストで生成」を選択し、ファイルをアップロードします。
  • CopilotがHTMLコードを生成します。

仕様の質問

本ドキュメントページの内容に基づいて、Craft Sitesに関する質問に回答する機能です。

利用方法は次のとおりです。

  • Copilotパネルを表示します。
  • [仕様の質問]タブを選択し、入力欄に質問を入力します。
  • Copilotが回答を表示します。

バックエンド生成

選択したHTMLファイルの内容に基づいて、バックエンドとなるCraft Functionsのファンクションを作成する機能です。 たとえばアンケートフォームを表示するためのHTMLファイルを指定した場合、そのアンケートフォームの入力内容を受け取って処理するファンクションのコードを生成します。

  • ファイル操作パネルで対象のHTMLファイルを選択し、三点リーダー(…)から「バックエンド生成」を選択します。
  • Copilotパネルが開き、Copilotがバックエンド用のコードを生成します。
  • 「ファンクションを作成」を選択すると、ファンクション作成画面に移ります。