MASASHI NAMIKI

顧客情報管理アプリを制作した

前回、彼女にシフト提出するためのアプリを作った。前回の記事はコチラ

次は、ヘアメイクの顧客カルテのアプリを頼まれた。お客様の名前や特徴、その日に施したヘアアレンジや会話の内容を記録しておくアプリ。

お客様ごとに特徴を記録し、来店のたびにヘアアレンジや会話の内容を残していく。

制作プロセスは前回と同様、Claude CodeでVibe Codingした。前回は、作りながら必要な機能を追加したり、変更を加えたが、今回は、作る前に要件を整理した。ChatGPTに何度か相談して、明確な構成を固めた後、Claude Codeに投げるプロンプトを作った。

このWebサイトのデザイン思想も踏襲させて、生成後の調整は僅か。想像したアプリが完成するまで、1時間も掛からなかった。

起動画面。前回のアプリと同じ、ミニマルな表紙。

テキストの情報が多いアプリ。アイコン素材を探し、使える箇所は画像に置き換えた。情報量が多くても、ごちゃつかない。アプリの見た目にも、愛着が湧く。

顧客の一覧。仕上げ方法や店舗のママは、アイコン表示。

Webアプリは、このJournalの投稿するためのAdmin画面を含めて、3本制作した。技術ブログのようになってるけど、そろそろ現実世界も充実させたい。髪も、3ヶ月切ってない。