2026-02-15 クリーンベンチ再始動・フロントエンド最小化記録

はじめに

本日は「TelosDB」開発において仕様に基づくクリーンベンチ開発として再始動し、 従来のReact/Vite/Tailwind等のフレームワーク依存を全廃、 Rustバックエンド＋素のHTML/Vanilla JSのみの最小構成へ移行した。 この経緯・作業内容・意図を精緻に記録する。

概要

Tauri+RustベースのTelosDB開発において、フロントエンドをReact/Vite/Tailwind等のフレームワーク依存から「素のHTML+Vanilla JS」へ完全移行し、バックエンドもRustのみで完結する純粋なクリーンベンチ構成を実現した。

実施内容詳細

1. フロントエンド構成の方針転換

• React/Vite/Tailwind/TypeScript等の大規模フレームワークは不要との方針を確認。
• index.html + 素のJavaScript（Vanilla JS）+ CSSのみでUIを構築する方針に決定。

2. src/index.htmlの新規作成

• 検索UI・API連携をVanilla JSのみで実装したindex.htmlを新規作成。
• 検索ボックス・ボタン・結果表示のみのシンプルな構成。
• MCP API（/messages, search_text）と直接通信。

3. 旧フロントエンド関連ファイルの削除

• src/App.tsx（Reactエントリポイント）削除
• vite.config.ts（Vite設定）削除
• tsconfig.json/tsconfig.app.json/tsconfig.node.json（TypeScript設定）削除
• tailwind.config.js（Tailwind設定）削除
• postcss.config.cjs（PostCSS設定）削除
• src/index.css（CSS/Tailwind依存）削除

4. package.jsonの最小化

• scriptsからdev/build/lint/preview/tailwind-init等を削除し、tauriコマンドのみ残す
• dependencies/devDependenciesからReact/Vite/Tailwind/TypeScript/PostCSS/ESLint等を全て削除
• Tauri/SQLite/必要最小限の依存だけ残す

5. tauri.conf.jsonの修正

• build.frontendDistを../srcに変更
• devUrl, beforeDevCommand, beforeBuildCommandを全て削除
• Tauriがsrc/index.htmlをそのままWebViewで表示する構成に

6. npm/node_modulesの整理

• npm prune等で不要なパッケージを削除（推奨）

7. 動作検証

• npx tauri devでTauriアプリが正常起動することを確認
• src/index.htmlのみでUI・検索が動作することを確認
• バックエンド（Rust/MCP API）も正常稼働

結果・所感

• フロントエンドはindex.html+Vanilla JSのみ、バックエンドはRustのみという最小・純粋なTauri構成を実現
• npm/node_modules/React/Vite/Tailwind等の依存・ビルド不要
• 今後はsrc/index.htmlだけ編集すればUIを自在にカスタマイズ可能
• Rust側もJS混入ゼロで保守性・堅牢性が向上

今後の運用指針

• フロントエンドは必要最小限のHTML+JSで維持
• バックエンドはRustのみで堅牢に
• 依存追加時は「本当に必要か」を都度精査