Claude Codeを活用して作詞支援ツールを開発・リリースしたので技術構成を振り返ってみた | DevelopersIO

母音解析がブラウザ内で完結する点がポイントです。AIはあくまで補助であり、コア機能はオフラインでも動作します。 また、韻候補と類義語はログインなしで利用できる設計にしています。作詞支援ツールとしての価値をまず体感してもらい、楽曲の保存やAI推敲を使いたくなった段階でログインを促す導線です。 アーキテクチャ ┌─ フロントエンド ──────────────────────────┐ │ Next.js 16 (App Router) + TypeScript │ │ kuroshiro.js（漢字→ひらがな変換） │ │ 韻検索辞書（ローカルJSON → IndexedDB） │ │ Tailwind CSS（ダークテーマ基調） │ └──────────────────────────────────────────┘ │ Static Export ▼ ┌─ ホスティング ──────