お知らせ：当社は、お客様により充実したサポート情報を迅速に提供するため、本ページのコンテンツは機械翻訳を用いて日本語に翻訳しています。正確かつ最新のサポート情報をご覧いただくには、本内容の英語版を参照してください。

1. 前提条件

1. Zoho Creatorアカウントの［運用］→［Zoho Zia］で設定されたLLM APIキー。設定されていない場合、拡張機能ではZohoの自社開発AIであるZoho GenAIが使用されます。Zoho GenAIは、Zoho Creatorのすべての有料プランに追加料金なしで含まれています。
   
2. Gitリポジトリーと個人用アクセストークンは、Creator AI Studioでバージョン管理を使用する場合にのみ必要です。リポジトリーのURLと、読み取りおよび書き込み権限を持つ個人用アクセストークンを用意してください。

2. VS CodeでのCreator AI Studioの設定手順

2.1. 拡張機能のインストール

1. Zoho Creatorサポートに連絡して、Creator AI Studioの.vsixファイルを入手します。
   
2. VS Codeを開き、左ペインの［拡張機能］アイコンに移動します（または、ショートカットのCtrl+Shift+X／Cmd+Shift+Xを使用します）。
   
3. ［拡張機能］パネルの右上にある［⋯］（ミートボール）メニューをクリックし、［VSIXからのインストール…］を選択します。
   
   
4. ダウンロードした.vsixファイルを選択し、［インストール］をクリックします。
   
5. インストールが完了すると、VS Codeの左側にあるアクティビティバーにCreator AI Studioのアイコンが表示されます。アイコンをクリックして拡張機能を開きます。
   

2.2. Zoho Creatorアカウントの連携 

1. インストール後、Zoho Creatorアカウントを接続する必要があります。
   
2. VS Codeの右上にある［Creator AI Studio］アイコンをクリックして、拡張機能のホームページを開きます。
   
3. ［Zohoでサインイン］をクリックします。
   
4. Zoho Accountsのサインアップページがブラウザーウィンドウで開きます。Zoho Creatorアカウントにログインし、アクセスを許可します。
   
5. アカウントに複数のワークスペースがある場合は、いずれかを選択するよう求められます。ワークスペースが1つだけの場合は、自動的に選択されます。
   メモ：自分が特権管理者、管理者、または開発者の役割を持つワークスペースのみが表示されます。これらのワークスペースでは、アプリを作成または更新する権限があります。
6. 認証が完了すると、VS Codeにリダイレクトされます。
   

2.2.1. アカウントの切り替え

1. チャットパネルの［アカウント］アイコンをクリックします。
   
2. ［アカウント］ページの［Creatorアカウント］で、［サインアウト］をクリックします。
   
3. 拡張機能がサインイン画面に戻ります。［Zohoでサインイン］をクリックし、切り替え先のアカウントで認証します。
   メモ：アカウントを切り替えると、現在のワークスペースとの接続が解除されます。新しいアカウントでサインインした後、ワークスペースを選択するよう求められます。

2.3. 拡張機能の概要

2.3.1. アプリフォルダー

各アプリには、このフォルダー内に専用のサブフォルダーが作成されます。空のフォルダーを選択すると、新しいアプリの作成が開始されます。.dsファイルを含むフォルダーを選択すると、そのアプリが編集用に開かれます。作業フォルダーを選択または変更するには、ドロップダウンをクリックします。

2.3.2. ミートボールメニュー（⋯）

1. ［Creatorからインポート］：認証済みのZoho Creatorアカウントにあるアプリを取得し、作業ディレクトリーにインポートします。既存のアプリで作業を開始する最も簡単な方法です。
   
   
2. ［ファイルからインポート］：.dsファイルを含むローカルフォルダーをインポートします。Zoho Creatorから直接取得したものではないアプリがマシン上にある場合に使用します。
   
   
3. ［国と通貨］：アプリで使用する国を設定します。通貨や電話番号などの国固有の項目には、該当する形式と初期値が自動的に適用されます。たとえば、インドを選択すると、通貨項目がINRに設定されます。
   

2.3.3. チャットパネルのコントロール

2.3.4. コマンド

2.4 AIを活用したバイブコーディング

2.4.1. 開始方法の選択

1. 新しいアプリを一から作成する：チャットパネルを開き、作成するアプリについて説明するか、ビジネス要件定義書、フローチャートなどを含むファイルをアップロードします。以降はAIが処理します。
   
2. Zoho Creatorから既存のアプリをインポートする
   
1. ［⋯］メニューをクリックし、［Zoho Creatorからインポート］を選択します。
   
   
2. 認証済みのZoho Creatorアカウントにあるアプリが一覧表示されます。作業するアプリを選択します。
   
   
3. アプリが構造化された.dsファイルとして作業ディレクトリーにダウンロードされます。
   
4. 必要な変更や追加内容をチャットパネルに入力すると、AIが作成を進めます。
   
3. ローカルからインポートする
   
1. ［⋯］メニューをクリックし、［手動インポート］を選択します。
   
   
2. .dsファイルが保存されているローカルフォルダーを選択します。
   
3. アプリが拡張機能のワークスペースで開きます。変更内容をチャットパネルに入力します。
   

2.4.2. プロンプトによる作成

1. チャットパネルにプロンプトを入力します。作成するアプリの要件を記載してください。具体的に入力するほど、出力の精度が向上します。必要に応じて、要件定義書、ワイヤーフレーム、データサンプルを添付し、AIに追加のコンテキストを提供できます。
   
2. 生成を開始する前に要件をより正確に把握するため、AIがプロンプトに基づいて一連の質問を行います。
   質問はテーマ別（例：ユーザー、ワークフロー、通知）に分類されます。表示された選択肢から回答を選択するか、［その他］を選択して任意の回答を入力します。残りの質問をスキップすることもできます。
   
   
3. 回答を送信すると、Creator AI Studioが構造化された計画を生成します。この計画には、作成予定のコンポーネントが番号付きで網羅的に一覧表示され、各コンポーネントにはアプリ内の対応する.dsファイルのパスが関連付けられます。各コンポーネントの［詳細を表示］を展開すると詳細を確認でき、［図をプレビュー］をクリックすると全体を視覚的に確認できます。
   
   
4. 計画を確認し、処理方法を選択します。次の5つの選択肢があります。
   
1. ［承認して編集を適用］：計画を承認すると、以降の確認なしでAIがすべての変更を.dsファイルに直接適用します。
   
2. ［承認］：計画を承認しますが、各変更を適用する前にAIが許可を求めます。
   
3. ［質問に回答して調整］：AIが新たな一連の質問を行い、回答に基づいて計画を修正します。
   
4. ［フィードバックで調整］：計画を修正するための自由形式のプロンプトを入力します。
   
5. ［キャンセル］：計画を破棄して最初からやり直します。
   
5. 承認すると、Creator AI Studioが計画に従って.dsファイルを生成して書き込みます。進捗状況はチャットパネルで確認できます。
   
6. 作成が完了した後も、新しいプロンプトを入力して、出力内容の各部分を拡張、変更、修正できます。
   

2.4.3. Zoho Creatorへのデプロイ

1. チャットパネルで、目的に応じたデプロイコマンド（/generate-ds、/deploy-as-new-app、または/deploy-to-existing-app）を実行します。詳細は、2.3.4. コマンドを参照してください。
   
2. 拡張機能がローカルフォルダー内の.dsファイルを結合してアプリを作成し、ログイン中のZoho Creatorアカウントにアップロードします。アップロード中にエラーが発生した場合、エージェントが自動的に診断、修正して再試行します。自動的に解決できないエラーの場合、エージェントは処理を停止し、Zoho Creatorサポートへのサポートチケットの作成を提案します。
   
3. 同期が完了したら、Zoho Creatorアカウントを開いてアプリにアクセスし、テストします。
   

2.5. Gitによるバージョン管理

1. チャットパネルの［アカウント］アイコンをクリックします。
   
2. ［アカウント］ページの［バージョン管理・Git］で、［Gitを設定］をクリックします。
   
3. リポジトリーURL（例：https://github.com/user/repo.git)）を入力し、アクセストークンを貼り付けます。
   
4. ［保存］をクリックします。
   
5. 設定後、/deploy-to-existing-appを使用して変更をデプロイすると、更新された.dsファイルがGitリポジトリーにプッシュされ、Zoho Creatorアカウントにも同期されます。

3. トークン消費量とパフォーマンス

1. 設定済みのLLMプロバイダーのAPIキーからトークンが消費されます。
   
2. レート制限とパフォーマンスはプロバイダーによって異なります。
   
3. 処理レベルを高くすると、セッションごとのトークン消費量が増加します。
   
4. プロンプトにファイルやドキュメントを添付すると、トークン消費量が増加します。
   

4. 関連トピック

1. 場所を問わないアプリ開発
   
2. Claude Code向けZoho Creatorの使用