50代非開発者がAIエージェントとReactアプリを駆使し、論理的思考トレーニングツールを爆速で公開した経緯
本記事は、長年コールセンターでの研修設計に携わってきた筆者(50代)が、自身の「完璧主義」による行動のフリーズや自己矛盾という課題を克服するため、「システム」を用いたリハビリテーション室を自作し、公開した経緯を記している。開発プロセスでは、React 19などの最新技術とAIエージェント(Antigravity)を相棒として利用した。
筆者はプログラミングの専門家ではないため、A4コピー用紙に手書きでアイデアや画面構成をメモし、それを言語化してAI部下に指示を出していた。すると、AIは即座に100行を超える構造化されたコード(LocalStorage自動セーブ機能やレスポンシブデザインを含む)を生成した。
開発の過程で、筆者は自作ツールを通じて自身の論理的思考の甘さや脳の衰えを痛感する。特に、「事実と意見」の切り分けや「論理的妥当性」といった基本概念において、自身がプログラムから冷徹なアラートを受けるという経験をした。また、AI部下からは、以前実装したナビゲーション設計との競合など、ロジック上の欠陥を指摘されることもあった。
当初のツール名「LogiFit」は、「こそだて部(皐月)」ブランドと分離し、「カエルの分析官(研修トレーナー)」に特化させるため、「LogicaFit」としてリブランディングされた。この際、非エンジニアにとって困難なドメイン変更や一括置換作業をAIが秒速で実行したことで、筆者は完璧主義による立ち止まりから解放され、70%の完成度(ベータ版)での公開を実現できた。
最終的に「LogicaFit」は、論理的思考のフィットネスを提供する無料ツールとしてwww.logicafit.siteに公開された。利用者はデータがLocalStorageのみに保存されるため安全であり、「ブレインコード」による進捗同期機能も備わっている。
背景
筆者は27年間、コールセンターでの研修設計やロジックツリーの指導を通じて論理的思考を培ってきたが、自身の課題として「完璧主義」による行動フリーズに悩んでいた。この自己矛盾を解決するため、最新技術(AIエージェントとReact)を用いて、強制的にシステムで脳を動かすリハビリテーション環境を構築した。
重要用語解説
- AIエージェント: 人工知能が自律的にタスクを実行するプログラムのこと。本記事では、コード生成やデプロイなど、開発プロセス全体をサポートする「超優秀な部下」として機能している。
- React 19: Facebook(Meta)が開発したJavaScriptライブラリの一つで、ユーザーインターフェース構築に用いられる。最新バージョンを利用することで、モダンで複雑なWebアプリケーションの構築が可能となる。
- LocalStorage: ウェブブラウザが提供するクライアントサイドストレージの一種。サーバーを経由せず、ブラウザ内にデータを保存できるため、本ツールではプライベートなスコアや進捗を安全に保持するために利用されている。
今後の影響
本事例は、専門知識を持たない非開発者でもAIエージェントの力を借りることで、高度なWebアプリケーション(SaaS)の開発と公開が可能であることを示している。これにより、個人の知見や経験に基づくサービスが、技術的な障壁を越えて迅速に社会実装される可能性が高まる。