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がバックエンド用のコードを生成します。
- 「ファンクションを作成」を選択すると、ファンクション作成画面に移ります。