何も知らない状態でスマホアプリを作ってみたできちゃった


 先日、何も知らない状態で『自分専用Markdownエディタ』を作ってみたら、なんか普通に完成してしまった。
 自分の作りたいことをプロンプトにして依頼するだけで、Macで動くアプリケーションが作れるのだからLLM様々といった感じですわw ビバ! バイブコーディング!

 そんな『自分専用Markdownエディタ』ですが、まだまだ使いづらいところはあるにしても、問題ない程度に使えるようになってきたのでそろそろ次のプロジェクトに着手してみようと思いました。

 その名も 『スマホで地図アプリ』 プロジェクト!

 「いや、そのまんまやん……」ってな感じですが、スマホで動くアプリケーションってのも作ったことがないんですよね。WEBアプリはさんざん作ってきたけど、スマホアプリは未体験ゾーン。

 「まぁ失敗しても問題があるわけでもないし、LLMがあれば多分作れるでしょう!」という気持ちで、とりあえず下記の手順で進めてみた。

  1. 『自分専用Markdownエディタ』で、自分が作りたい『スマホ地図アプリ』をメモ書き
  2. 実現させたいことや、どういう開発手順で進めていくかなど、思いつく限りのことを書き連ねる
  3. 書ききったらブラウザでClaudeを表示させて、チャットで『スマホ地図アプリ』について相談
  4. 「あーでもない、こーでもない」と会話しながら、技術スタックの選定や初期の CLAUDE.mdSKILL.md についても相談をしておく
  5. 内容が固まってきたところで、ターミナルからプロジェクトフォルダを作成して CLAUDE.mdSKILL.md を配置し、Claude Codeを実行
  6. Claudeと相談した内容をインプットしてからの実装開始!

 そして出来上がったのがコチラ。おおっ、普通に地図が見えておる!w しかもちゃんと国道だけ色分けできてる!www

ひとまず出来上がった『スマホ地図アプリ』

 あー、まじぽんで簡単にアプリって作れちゃうんだな……。  PMOが本職だから、コーディングなんてhtmlとcss、あとはjsくらいだったけど、まさかスマホアプリまで作れるとは……。

 よし! このまま作れるところまで作ってしまおう!w