Zoho Creator for Claude Codeの利用

Zoho Creator for Claude Codeの利用

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

メモメモ：この機能は現在ベータ版です。早期アクセスは近日中に提供予定です。
このページの内容
このガイドでは、プラグインのインストールから最初のアプリの構築とデプロイまで、Zoho Creator for Claude Codeを使い始めるために必要なすべての手順を説明します。設定が完了したら、Claude Codeのチャットで作成するアプリについて説明すると、プラグインが生成とコンパイルを行います。準備ができたら、Zoho CreatorアカウントにアップロードするようClaudeに指示します。
利用条件
  • Zoho Creatorのすべての有料プランで利用できます。
  • スーパー管理者は、Zoho Creator for Claude Codeをインストールして使用し、アプリを構築および変更できます。
  • Claude Codeのデスクトップアプリでのみ利用できます。現在、Claude CodeのWeb版はサポートされていません。

1. Claude Codeへのプラグインのインストール

  1. Claude Code向けのZoho Creatorプラグインは、.zipファイルとして提供されます。
  2. Claude Codeを開き、［設定］→［プラグイン］に移動します。
  3. ［追加］→［プラグインをアップロード］をクリックし、.zipファイルを選択します。

  4. インストールが完了すると、Claude CodeのプロジェクトでZoho Creatorプラグインを利用できるようになります。

2. Zoho Creator for Claude Codeを使用した構築

Zoho Creatorプラグインは、Claude Code内でのみ動作します。使用を開始するには、アプリの左上にあるオプションで［コード］に切り替えます（デフォルトでは［ホーム］が選択されています）。

Claude CodeでZoho Creatorアプリを構築するには、プロンプト内にZoho Creatorと明記してください。Claude Codeはこの記述からZoho Creatorアプリに関する要求であることを識別し、プラグインを呼び出します。

2.1. 作業ディレクトリーの設定

開始する前に、アプリの.dsファイルを保存するフォルダーを設定します。チャットバーのフォルダー選択メニューをクリックし、コンピューター上のディレクトリーを選択します。操作する各Zoho Creatorアプリは、ここにサブフォルダーとして保存されます。

2.2. 開始方法の選択

次の3つの方法で開始できます。
  1. 新しいアプリをゼロから構築する場合：Claude Codeで新しいチャットを開き、作業ディレクトリーを設定して、構築するアプリについて説明します。BRDやフローチャートなどの参考ファイルを添付することもできます。Claudeはそれらを読み取り、構築内容の基礎として使用します。
  2. Zoho Creatorの既存アプリを操作する場合：アカウントからアプリをインポートするようClaudeに指示します。
  3. ローカルアプリを操作する場合：作業ディレクトリーを既存の.dsファイルが含まれるフォルダーに設定し、必要な変更について説明します。

2.3. プロンプトを使用した構築

プロンプトを入力すると、プラグインがZoho Creatorのドキュメントを読み取り、アプリの構築を開始します。
プロンプトに含められる内容。
  1. 構築するアプリについての平易な言葉による説明
  2. ユーザーの役割、ワークフロー、データ項目、ビジネスルールなどの具体的な要件
  3. BRD文書、ワイヤーフレーム、フローチャート、画像などの添付ファイル。Claude Codeはこれらを読み取り、構築内容の基礎として使用します。
プロンプトを具体的にするほど、必要な内容に近い出力が得られます。

送信すると、Claudeは次の処理を行います。
  1. 実装計画を生成し、作業ディレクトリーにREADME.mdファイルとして保存します。計画はサイドパネルにも表示され、構築予定のコンポーネント（フォーム、レポート、ページ、ワークフロー、権限）を確認できます。

  2. .dsファイルを生成して作業ディレクトリーに書き込み、アプリを構築します。各コンポーネントが完成するたびに、進捗状況がチャットに表示されます。

  3. 生成された.dsファイルをコンパイルし、Zoho Creatorアカウントにアップロードできる状態にします。

  4. 構築が完了した後も、新しいプロンプトを入力して、出力内容の拡張、変更、修正を続けることができます。

2.4. Zoho Creatorへのデプロイ

デプロイの準備ができたら、次の操作を行います。
  1. チャットで、Zoho CreatorにアップロードするようClaudeに指示します。
  2. 初回の場合、Claudeからサインインを求められます。ブラウザーウィンドウが開いたら、Zoho Creatorアカウントにログインしてアクセスを許可します。
  3. Claudeは、作業ディレクトリー内の.dsファイルからZoho Creatorアカウントにアプリを直接アップロードします。アップロード中にエラーが発生した場合、Claudeはその原因を自動的に診断して解決してから、再度アップロードを試みます。自動的に解決できないエラーの場合は処理を停止し、Zoho Creatorサポートへの問い合わせチケットの送信を提案します。
  4. アップロードが完了したら、Zoho Creatorアカウントを開いてアプリにアクセスし、テストします。
メモ：アップロードを指示するプロンプトを送信すると、ローカルのアプリフォルダー内にあるすべての変更がアップロードされます。本番環境に反映する前にアプリを十分にテストできるよう、「環境」機能を有効にすることをお勧めします。

3. ベストプラクティス

  1. プロンプトを具体的にする：詳細な情報を入力するほど、必要な内容に近い出力が得られます。ユーザーの種類、主要なワークフロー、データ項目、ビジネスルールに関する情報を含めてください。

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

  1. 有効なプランに応じて、Claude Codeアカウントのトークンが消費されます。
  2. 規模が大きく複雑なアプリほど、セッションごとに多くのトークンを消費します。
  3. ファイルを添付したり、詳細な要件をプロンプト内に記載したりすると、出力の精度は向上しますが、トークンの使用量も増加します。
  4. レート制限と応答時間は、Claude Codeのプランと、要求時点におけるAnthropic APIの利用状況によって異なります。
  1. どこからでも構築
  2. Zoho Creator AI Studio for VS Code