【毎月開発チャレンジ1月】家計簿アプリ作った

今年は

今年は毎月1つ作りたいものを作ることにした。

その記念すべき一作目。

彼女と自分が使う用の家計簿アプリを作った。

正直どれぐらい使ったかさえ分かれば良かったので既存のアプリなどでも良かったが

せっかくなので記録したくなるような楽しいやつを作りたい。

& AI駆動開発を試したい。

& 仕事で使っているLaravelをいろいろ試せる場所が欲しかった。

というほぼ私欲で自作することにした。

技術スタック

• Laravel12
• SQLite
• Inertia(React)
• Tailwind
• Shadcn
• Claude Code 時々 GitHub Copilot

開発フェイズ

AIコーディング

実装はほとんどClaude CodeなどのコーディングエージェントとLaravel Boost MCPなどを使って行った。

先に仕様やフォルダ構成を.ai/guidelines下に.mdファイルで記載し、

php artisan boost:updateでCLAUDE.mdやcopilot-instructions.mdに反映し、それを元に実装を行ってもらった。

基本的にClaude Codeを使用し、トークンが切れたらかなり前に年契約したGitHub Copilotで実装していたので

.ai/guidelines下に書くだけで双方の指示ファイルに反映してくれるLaravel Boostの仕組みは非常に助かった。

(規格が統一されてくれれば一番いいんですけどね...)

TypeScriptの型

TypeScriptの型はTypeScript Transformer + modeltyperを使用して

Request、Model、Enumから自動生成するやり方がすごい良さそうだったので拝借。

実際かなり楽になっていると思う。

デプロイ

まずLaravel Cloudeにデプロイしてみた。

しかし、SQLiteが使えなかったり、Goのデプロイなどもこの後したいと思っていたので

結局XServerのVPSを借りて構築することに。

GitHub Actionでpushをトリガーにrsyncでデプロイするようにした。

今後

デプロイまではとりあえず完了したがまだやりたいことはたくさんある。

• 最近BoostがSkillにも対応したみたいなのでSkillとして分離できそうなところは分離してコンテキストを削減したい。
• WayfinderからTypeScriptの型が出せるようになったらしいので試したい。
• まだ楽しい感じが足りない。とりあえず何にでも丸みを帯びさせているが物足りない....
• レシートから転記しているのでレシートをそのまま読み込めるようにしたい。

...などなど

今月も頑張ろう。