AI プラグイン開発クイックスタート

AI プラグイン開発は、NocoBase が提供する AI アシスタントによるプラグイン開発機能です。自然言語で要件を伝えるだけで、AI がフロントエンド・バックエンドの完全なコードを自動生成します。データテーブル、API、フロントエンドブロック、権限、国際化をすべてカバーし、より効率的なプラグイン開発体験を提供します。

AI プラグイン開発の機能は nocobase-plugin-development Skill によって実現されています。NocoBase CLI で初期化(nb init)済みであれば、この Skill は自動的にインストールされます。

クイックスタート

すでに NocoBase CLI をインストール済みの場合は、このステップをスキップできます。

ワンクリック AI インストール

以下のプロンプトを AI アシスタント(Claude Code、Codex、Cursor、Trae など)にコピーして送信すると、インストールと設定が自動的に完了します:

NocoBase CLI をインストールして初期化してください:https://docs.nocobase.com/cn/ai/ai-quick-start.md (リンクの内容を直接参照してください)

手動インストール

npm install -g @nocobase/cli@beta
nb init --ui

ブラウザが自動的にビジュアル設定ページを開き、NocoBase Skills のインストール、データベースの設定、アプリケーションの起動をガイドします。詳細な手順はクイックスタートをご覧ください。

注意
  • NocoBase は client(v1)から client-v2 への移行を進めており、現在 client-v2 はまだ開発中です。AI が生成するクライアントコードは client-v2 ベースのため、/v2/ パスでのみ使用可能です。先行体験用であり、本番環境での使用は推奨しません。
  • AI が生成するコードは必ずしも 100% 正確ではありません。有効化する前にレビューすることをお勧めします。実行時に問題が発生した場合は、エラーメッセージを AI に送信して調査・修正を続けてもらいましょう。通常、数回のやり取りで解決できます。
  • 開発には GPT または Claude シリーズの大規模言語モデルの使用を推奨します。最も良い結果が得られます。他のモデルでも使用可能ですが、生成品質に差が出る場合があります。

一言から完全なプラグインへ

インストールが完了したら、自然言語で AI に開発したいプラグインを伝えるだけです。以下にいくつかの実際のユースケースを紹介します。AI プラグイン開発の実力を体験してください。

一言でウォーターマークプラグインを開発

一つのプロンプトで、AI がフロントエンドのレンダリングロジック、改ざん検知、バックエンドの設定保存 API、プラグイン設定ページを含む完全なウォーターマークプラグインを生成します。

nocobase-plugin-development skill を使って NocoBase のウォーターマークプラグインを開発してください。
要件:ページ上に半透明のウォーターマークを表示し、現在のログインユーザー名を表示して、スクリーンショットによる情報漏洩を防止します。
ウォーターマークの DOM が削除されていないか定期的にチェックし、削除された場合は再生成します。
プラグイン設定ページでウォーターマークのテキスト、透明度、フォントサイズを設定できるようにしてください。
プラグイン名は @my-project/plugin-watermark です。

プロセス全体を通じて、あなたがやることは要件の説明と意思決定だけです。残りは AI が自動で処理します。完全なプロセスを見たい方はこちら → 実践:ウォーターマークプラグインの開発

一言でカスタムフィールドコンポーネントを作成

integer フィールドを星評価で表示したいですか?希望する表示方法を AI に伝えるだけで、カスタム FieldModel を生成し、デフォルトのフィールドレンダリングコンポーネントを置き換えます。

nocobase-plugin-development skill を使って NocoBase プラグインを開発してください。名前は @my-scope/plugin-rating です。
カスタムフィールド表示コンポーネント(FieldModel)を作成し、integer 型のフィールドを星アイコンでレンダリングしてください。
1〜5 点に対応し、星をクリックすると評価値を直接変更してデータベースに保存できるようにしてください。

Rating コンポーネントの表示効果

その他の機能の使い方については、サポートされている機能をご覧ください。

AI にできること

やりたいことAI がやってくれること
新しいプラグインを作成するフロントエンド・バックエンドのディレクトリ構造を含む完全なスキャフォールドを生成
データテーブルを定義するすべてのフィールドタイプとリレーションに対応した Collection 定義を生成
カスタムブロックを作るBlockModel + 設定パネル + 「ブロックを追加」メニューへの登録を生成
カスタムフィールドを作るFieldModel + フィールドインターフェースへのバインドを生成
カスタム操作ボタンを追加するActionModel + ポップアップ/ドロワー/確認ダイアログを生成
プラグイン設定ページを作るフロントエンドフォーム + バックエンド API + ストレージを生成
カスタム API を書くResource Action + ルーティング登録 + ACL 設定を生成
権限を設定するACL ルールを生成し、ロールごとにアクセスを制御
多言語対応する中国語・英語の言語パックを自動生成
アップグレードスクリプトを書くDDL とデータマイグレーションに対応した Migration を生成

各機能の詳細説明とプロンプト例 → サポートされている機能

関連リンク