開発者がClaudeとGeminiを使用してAIアシスタント搭載の完全なERPシステムを構築

AXIOに含まれるもの

ある開発者が、AXIOという完全なERPシステムを構築しました。これは、シンプルなかんばんボードのリクエストから始まり、3週間で9つのコアモジュールを備えた完全なプラットフォームに拡大しました。このプロジェクトは、Claude AIを使用した「バイブコーディング」で単独で開発され、正式な仕様書やプロダクトマネジメントはありませんでした。

コアモジュール

• タスク — かんばん、リスト、カレンダー、ガントチャート表示をリアルタイム同期で
• プロジェクト — 進捗追跡、チーム割り当て、分析
• チーム＆人事 — インタラクティブな組織図、部門、役職、職務記述書
• カレンダー — タイムブロッキング、承諾/辞退機能付きの会議招待
• クラウドドライブ — ネイティブストレージに加え、フォルダ選択機能付きのGoogle Drive統合
• プロセスエディター — ReactFlow上のビジュアルBPMNビルダー（レイジーローディング対応）
• パルス — 誰がいつ何をしたかを表示するリアルタイムアクティビティフィード
• レポート — 個人、チーム、部門、ワークスペース全体の分析
• サポートセンター — 内蔵チケットシステム

AIアシスタントの機能

AxioAIアシスタントは、Gemini 2.5 Flash上で動作し、単なるチャットではなく実際の操作を実行する16の機能呼び出しツールを備えています。サーバー側でマルチターンの機能呼び出しを使用し、Geminiがリクエストを受け取り、ツールを呼び出し、結果を取得してから応答を生成します。

音声コマンドの例:

• 「デザインレビューのタスクを作成、高優先度、期限は金曜日」 → タスクを作成
• 「タスク#42を完了に移動」 → タスクを移動
• 「プロジェクトXの期限超過タスクを表示」 → フィルターされたビューを表示
• 「今日の予定を立てて」 → タスクと会議に基づいてタイムブロックされたスケジュールを生成

このシステムは、ユーザーがERPに話しかけ、それに応答する完全な音声モードをサポートしています。

技術的実装

• Next.js 14（App Router）+ TypeScript + Supabaseで構築
• 28のテーブルにRow-Level Security（最適化された114のRLSポリシー）
• 16のテーマ × 8のアクセントカラー × 5のエフェクト = 640のビジュアル組み合わせ
• <100msの応答時間と全体を通した楽観的UI
• クエリの重複排除にReact.cache()を使用
• 39の外部キーインデックス
• セキュリティアドバイザリ警告ゼロ

ユニークな機能

• 組織ドラフト — 組織再編のためのサンドボックスモード。ユーザーは人を移動させ、仮想部門を作成し、変更を適用前にプレビューできます
• ワークスペース統合 — 19以上のテーブルにわたるアトミックなSQLトランザクションを使用して2つのワークスペースを1つに結合し、メンバーの重複を排除し、タスクとプロジェクトの番号を付け直し、すべてを移行します
• 機能呼び出し付き音声AI — 単なる音声テキスト変換ではなく、AIがコマンドを聞き取り、サーバー側ツールを呼び出し、結果を音声で返します

開発者は、このプロジェクトがtest1.axio.proでテスト可能であり、完全に無料で利用できると述べています。