AdminForth

AdminForth

独自のデータベース上にエージェント対応のバックオフィス管理パネルを構築するための、オープンソースの TypeScript/Vue フレームワーク。

free
最終更新 2026/8/28

AdminForthについて

AdminForth は、TypeScript、Vue 3、データベースに基づくリソース定義を使用して、セルフホスト型のバックオフィスパネルを構築するためのオープンソースフレームワークです。公式サイトでは、堅牢な管理ワークフローを必要としながらコードの管理権も維持したいチーム向けの、エージェントファーストな管理パネルフレームワークと位置付けられています。スタートガイドでは、動作する管理アプリのひな型を生成し、PostgreSQL、MongoDB、SQLite、MySQL、ClickHouse、読み取り専用の Qdrant などのデータベースに接続したうえで、テーブルを CRUD、フィルタリング、並べ替え、検証画面に対応付けるリソースを追加できる CLI フローが紹介されています。AdminForth は、一時的なデータベースブラウザーではなく、本格的な社内運用画面が必要なチームに特に適しています。認証、許可するリソース操作、ロールまたはレコードに基づく制御、カスタムページ、Vue コンポーネント、ダッシュボード拡張、ファイルアップロード、インポート/エクスポート、監査ログ、i18n、2FA、エージェントワークフローを、すべて同じコード管理型の管理アプリに組み込めます。これはマネージド型のノーコードサービスではありません。導入には、エンジニアリング面での管理、デプロイ、データベーススキーマの判断、環境シークレット、プラグイン成熟度の確認が引き続き必要です。また、エージェントプラグインのドキュメントではチュートリアルが作成途中と明記されているため、機密性の高い本番運用で利用する前に、最新のドキュメントとリポジトリに照らしてエージェントの動作を検証する必要があります。

機能

CLI によるアプリのひな型生成

npx adminforth create-app から開始し、データベース URL を指定すると、既定の管理ユーザーリソースを備えた基本的なバックオフィスプロジェクトを生成できます。

データベースに基づくリソース

テーブルを AdminForth リソースとして定義し、管理 UI で一覧、作成、編集、削除、フィルタリング、並べ替え、検証、表示の各動作を公開できます。

操作単位のアクセス制御

allowedActions を使用し、ロール、ユーザーレコード、レコード所有権に応じて、一覧、表示、作成、編集、削除の動作を無効化またはカスタマイズできます。

エージェントプラグインによる拡張

公式エージェントプラグインは、設定済みのデータリソースを検索・編集できるチャット画面を追加し、カスタムスキルで拡張できます。

セキュリティ重視のプラグイン

公式ドキュメントでは、認証、OAuth/OpenID SSO、TOTP と WebAuthn による 2FA、監査ログ、ログイン CAPTCHA、メールによるリセット、関連する管理制御を扱っています。

Vue と Tailwind によるカスタマイズ

Vue 3 と Tailwind 指向のビジュアルシステムを使用して、カスタムページ、ダッシュボード、リソースレンダラー、ページへの挿入要素、コンポーネントを作成できます。

運用向けプラグイン

プラグインのドキュメントとホームページのモジュールでは、アップロード、インポート/エクスポート、インライン作成、インプレース編集、クイックフィルター、リッチエディター、バックグラウンドジョブ、ダッシュボード、i18n を扱っています。

型付き API リファレンス

TypeDoc API リファレンスでは、より高度な統合作業に向けて、クラス、インターフェース、列挙型、リソース型、エンドポイントオプション、フィルター、並べ替え、プラグイン契約を公開しています。

長所

  • 公式ホームページからリンクされている GitHub リポジトリによると、無料でオープンソースです。
  • 非公開のホスト型バックオフィスツールではなく、コードの管理権を持ちたいチームに適しています。
  • CRUD リソース、認証制御、プラグイン、ダッシュボード、アップロード、監査ログ、i18n を単一のフレームワークに統合しています。
  • エージェントプラグインの方向性は、社内データを扱う制御された AI ワークフローに役立ちます。
  • 複数のデータベースコネクターをサポートし、新しいスキーマツールを強制せずに既存のデータベースを利用できます。

短所

  • デプロイ、データベースモデリング、環境シークレット、本番環境の堅牢化には、エンジニアリング面での管理が必要です。
  • 公開されている AdminForth のホスト型サービスの価格やサポートプランは見つからないため、商用サポートへの期待は直接確認する必要があります。
  • 一部の公式ドキュメントには粗い表現があり、少なくともエージェントプラグインのチュートリアルは作成途中と明記されています。
  • React を中心とする、または完全マネージド型の社内ツールスタックを使用するチームには、Vue とセルフホストのモデルが不便に感じられる場合があります。
  • エージェントワークフローに機密性の高い本番運用へのアクセスを許可する前に、フレームワークを慎重に評価する必要があります。

料金プラン

オープンソースフレームワーク

$0フレームワークのサブスクリプションなし
  • CLI によるプロジェクトのひな型生成
  • データベースリソースの CRUD パネル
  • 認証と allowedActions の制御
  • Vue 3 のカスタムページとコンポーネント
  • エージェントワークフロー、2FA、監査ログ、アップロード、インポート/エクスポート、ダッシュボード、i18n などに対応するプラグインエコシステム
  • TypeDoc API リファレンスとチュートリアルドキュメント

* 料金情報は参考用です。最新情報はAdminForth公式サイトのお知らせをご確認ください。

よくある質問

AdminForth は、設定済みのデータベースリソース上にセルフホスト型のバックオフィス管理パネルを構築するための、オープンソースの TypeScript/Vue フレームワークです。
はい。AdminForth のホームページからリンクされている公式 GitHub リポジトリには、このフレームワークは常に無料かつオープンソースで、有料版やクラウドサブスクリプションはないと記載されています。
公式スタートガイドでは、npx adminforth create-app を使用し、アプリ名とデータベース接続文字列を指定するか、対話形式のプロンプトに回答する方法を推奨しています。
ガイドでは、対応する接続先として PostgreSQL、MongoDB、SQLite、MySQL、ClickHouse、Qdrant が挙げられており、Qdrant は読み取り専用と記載されています。
はい。操作制限のドキュメントでは、操作の無効化、スーパ―管理者ユーザーだけへの許可、編集・削除・表示操作前のレコード所有権確認を行う allowedActions ルールが示されています。
公式エージェントプラグインのドキュメントによると、データを検索または編集でき、カスタムスキルで拡張可能な AI エージェントのチャット画面が追加されます。ただし、そのチュートリアルは作成途中とも明記されています。
いいえ。コードを自ら管理するセルフホスト型管理パネルのためのフレームワークです。チームは引き続き、アプリの実行、認証情報の管理、リソースの設定、基盤となるデータベースとインフラの運用を行う必要があります。
データベースコネクターの適合性、認証と 2FA の要件、プラグインの成熟度、デプロイ方法、監査要件、エージェント権限、Vue のカスタマイズがチームのフロントエンドスタックに合うかを確認してください。

ツール情報

開発者AdminForth
リリース日2026/4/5
価格free

関連タグ

Open-source admin frameworkAgent-ready back officeDeveloper toolsDatabase adminVue admin panel