engineer-simulator

エンジニアの実務を擬似体験できるアプリです

【何を課題に感じて作ったか】

エンジニアを目指して独学で学習しているものの、「実際のエンジニアの仕事ってどんなものだろう？」という疑問がずっとありました。スクールに通えない、エンジニアのつながりもない。そんな自分が「実務を少しでも知る」にはどうすればいいか、という思いからこのアプリを作りました。

【設計で考えたこと】

▼ コンセプト 実務に近い開発プロセスや、クライアント（AI）とのコミュニケーションを疑似体験できるアプリ。

▼ 技術スタック 実務現場でも広く採用されているモダンな技術構成を選択しました。 ・フロントエンド：Next.js、Tailwind CSS ・バックエンド/データベース：Supabase ・インフラ/デプロイ：Vercel ・開発アシスタント：Claude Code（ターミナル操作およびAPIコスト管理の最適化に使用） ・バージョン管理：Git / GitHub

▼ 設計で意識したこと ・MVP開発：実務で重要となる「最小限の機能で製品を形にする」考え方に基づき、どの機能から着手すべきかを整理 ・コスト管理：Claude Code等のAPI利用における運用コストを意識した開発環境の設計 ・実務シミュレーション：「クライアントからの急な要望変更」を想定した対応や、アクセシビリティ・レスポンシブ対応といった実務品質の担保も議論しながら進めました

▼ デザイン・UIについて 学習アプリらしいデザインではなく、気分もエンジニアを体験してもらえるよう「エンジニア像の偏見」でおしゃれなデザインを意識しました。

【バイブコーディングをどう活用したか】

今の自分では絶対に作れないものを作りたい、という思いで技術スタックを選びました。開発の手順や変更内容を逐一「初学者向けに噛み砕いた表現でdocsへまとめてもらう」を徹底し、開発しながら学べる環境を同時に作りました。

【実際に使ってみてどうだったか】

実際の実務がこのアプリの通りかどうかは判断できませんが、「AIクライアントから依頼がきて、コードを書いて、シニアエンジニアにレビューしてもらい、修正箇所やアドバイスをもらう」という流れは、独学では体験できないことなので、擬似体験できるのは面白いと感じました。

APIトークンの消費が課題で、大々的なリリースは難しい状況ですが、現役エンジニアの方に触っていただいて「本当の実務はもっとこうだよ」「忠実に再現できてるよ」など、率直なフィードバックをいただけると嬉しいです！