プラグイン実践例

これまでの章では PluginRouterComponentContextFlowEngine などの各機能を個別に紹介しました。この章ではそれらをまとめて、いくつかの完全な実践例を通じて、プラグインの作成から完成までの全プロセスを示します。

各例はそれぞれ実行可能なサンプルプラグインに対応しており、ソースコードを直接確認したりローカルで実行できます。

例の一覧

関連する機能難易度
プラグイン設定ページを作るPlugin + Router + Component + Context + サーバーサイド入門
カスタム表示ブロックを作るPlugin + FlowEngine(BlockModel)入門
カスタムフィールドコンポーネントを作るPlugin + FlowEngine(FieldModel)入門
カスタム操作ボタンを作るPlugin + FlowEngine(ActionModel)入門
フロントエンドとバックエンドが連携するデータ管理プラグインを作るPlugin + FlowEngine(TableBlockModel + FieldModel + ActionModel)+ サーバーサイド応用

順番に読むことをお勧めします。最初の例は React コンポーネント + シンプルなサーバーインターフェースで、FlowEngine は使いません。中間の3つはそれぞれ FlowEngine のブロック、フィールド、操作の3つの基底クラスをデモします。最後の例はこれまでに学んだブロック、フィールド、操作をまとめ、サーバーサイドのデータテーブルと組み合わせて、完全なフロントエンド・バックエンド連携プラグインを構成します。React コンポーネントと FlowModel のどちらを使うか迷ったら、先に Component vs FlowModel をご覧ください。

関連リンク