未ログイン状態で閲覧中
  • 投稿日:2026/04/29
「今日の家事」が一目でわかるアプリをClaude Codeで作ってみた

「今日の家事」が一目でわかるアプリをClaude Codeで作ってみた

  • 3
  • -
ゆっきぃ⚓AI業務代行✖︎オンライン秘書

ゆっきぃ⚓AI業務代行✖︎オンライン秘書

この記事は約8分で読めます
要約
「今日どの家事をやるか」が毎回頭の中でバラバラでした。学生時代に少しかじった程度のへっぽこプログラマーでも、Claude Codeと話しながら自分にぴったりの家事管理アプリが作れちゃいました。もちろん初心者さんも作れます!

「今日ってお風呂掃除する日だっけ?」
「トイレ掃除、先週やったっけ?」
こういうこと、毎日ありませんか。
頭の中で家事の全体像が把握できなくて、
気づいたらずっとやってない家事があったり、
逆に毎日やらなくてもいい場所をせっせと掃除していたり。


既存のアプリも試してみたんですが、なんか微妙にしっくりこなくて。
「ここがこうだったらいいのに」が積み重なって、
じゃあ自分で作るか、って思ったんです。


学生時代に少しプログラムを組んでいたので、
まったくの初心者というわけではないんですが、
現代のWeb開発となるともう別の話で。
「なんとなくわかる気がする」くらいの状態です。
そんなへっぽこプログラマーでも、
Claude Codeと一緒なら作れるんじゃないかと思って、やってみました。


できたのがおうちログ
おうちログ.pngアプリを開くと今日やるべき家事だけが表示されて、チェックすれば完了。
頻度(毎日・週1・月1など)を設定すると、
次回の予定日を自動で計算してくれます。

🏠 どんなアプリができたか

・今日の家事が一覧で表示される
・チェックすると「完了済み」タブに移動する
・頻度を設定すると次回予定日を自動計算してくれる
・月末に「達成率」を振り返れる
・スマホのホーム画面に追加してアプリとして使える

約10日間、実際に使いながらClaude Codeとやりとりしながら作りました。

🔨 作り方

特別なツールや事前準備はいりません。
Claude Codeを開いて、日本語で話しかけるだけです。

STEP 1|困っていることをそのまま伝える

まず、今の困りごとを言葉にします。

👩 家事のタスクが頭の中でバラバラで管理できていません。今日やるべき家事が一目でわかって、チェックできるアプリを作りたいです。スマホでもパソコンでも使えるとうれしいです。

「何を作るか」を言葉にするのが、いちばん大事なステップです。

🤖了解しました。まず確認させてください。データはアプリを閉じても残しますか?家族で共有しますか?

わからなければそのまま答えるだけでOKです。

👩 閉じても残したいです。今は自分だけで使います。

STEP 2|どんな画面がほしいか伝える

🤖 どんな画面が必要ですか?
👩 「今日の家事」一覧ページ・タスクを追加・編集するページ・月末の振り返りページ、の3つがあるといいです。

こんなふうに、ざっくりでOKです。
「完璧な設計図」は必要ありません。
あとから「やっぱりこうしたい」と言えば直してくれます。

STEP 3|少しずつ形にしていく

「まずトップページだけ作ってください」というように、
一画面ずつ進めます。
わたしが最初に頼んだのはこんな一言でした。

👩 今日やるべき家事の一覧が表示されて、チェックできる画面を作ってください。デザインはシンプルで、白ベースだとうれしいです。

できあがったら「ここをこうしてほしい」と伝えて調整。
うまくいったら次の画面へ。この繰り返しです。

途中でわからない言葉が出てきたこともありました。

🤖 データの保存にFirebaseというサービスを使います
👩 Firebaseってなんですか?
🤖 アプリのデータを保存しておく「棚」のようなものです。Googleが用意してくれているので、自分でサーバーを用意する必要がありません。無料で始められます。

こんなふうに、わからない言葉はその場で聞けます。
「なんとなくわかった」で進めて大丈夫でした。

STEP 4|設定が必要な場面もある

途中で「この設定をしてください」と言われることがあります。
画面の操作はほぼクリックだけで、
「どこをクリックすればいいか」まで教えてくれます。

🤖 Firebaseの管理画面で「Firestore Database」をクリックして、「データベースを作成」を選んでください。モードは「テストモード」でOKです。できたら教えてください。


でも実際に画面を開いたら、言われた通りの名前が見当たらなくて。

👩 「Firestore Database」が左のメニューに見当たりません。「構築」というところを開いたらそれっぽいのがあるんですが、これですか?
🤖 はい、それです!「構築」の中にあります。バージョンによってメニューの場所が変わっていることがあります。そこから「データベースを作成」に進んでください。

こんなふうに「違う名前で表示されてる」「どこか見当たらない」も
そのまま伝えればOKでした。
設定が終わったら「できました」と伝えるだけで次に進んでくれます。

👩 できました。でも、ちゃんとできてるか確認する方法はありますか?
🤖 画面に「データ」タブが表示されていればOKです。まだ何も登録していないので空っぽの状態で正解です。

こういう「これで合ってる?」も気軽に聞いて大丈夫です。

STEP 5|「これ違う」もそのまま言う

思っていたのと違ったときは、遠慮なく言います。

👩 チェックしたタスクが消えるんじゃなくて、「完了済み」タブに移動してほしいです。
👩 優先度が「高・中・低」で色分けされると見やすいかも。
👩 月曜日〜金曜日だけ表示する頻度設定も追加してほしいです。

「こんなこと言っていいのかな」は気にしなくて大丈夫。
Claude Codeは何度でも聞き直してくれます。

STEP 6|スマホで使えるようにする

最後にこう頼みます。

👩 スマホのホーム画面に追加して、アプリみたいに使えるようにしてください。
🤖 対応します。ブラウザでアプリを開いて「ホーム画面に追加」を選ぶと追加できます。Chromeで動かない場合はSafariで試してみてください。

これで完成です。
難しい設定の中身はわからなくてもよくて、
「何のためにやるか」だけ理解しながら進めました。

💡 作ってみて気づいたこと

**「できること」より「困っていること」を先に言う**
最初から「こういう機能がほしい」と列挙するより、
「毎日どの家事をやるか迷ってしまう」と困りごとを伝えるほうが、
Claude Codeがぴったりな提案をしてくれました。


**一気に全部作ろうとしない**
「全部の画面を一度に作ってください」より、
「まずこの画面だけ」と一つずつ進むほうがうまくいきます。
ひとつできたら確認して、納得してから次へ。
それが結局いちばん早い作り方でした。


**わからない言葉はその場で聞く**
途中で知らない言葉が出てきたときは「それってなんですか?」と
そのまま聞きました。
深く理解しなくても手は動かせるので、「なんとなくわかった」で
進んで大丈夫です。


**エラーが出てもそのままClaude Codeに貼る**
うまく動かないときは、画面に出ているエラーの文字を
そのままコピーして貼り付けます。

👩こんなエラーが出ました。どうすればいいですか?(エラー文をそのまま貼る)

これだけで解決策を出してくれます。意味がわからなくても大丈夫です。

💭 よくある質問

Q:プログラミングがわからなくても作れますか?
A:わたしは学生時代に少し触ったことがある程度で、
現代のWeb開発はほぼ初めてでした。
わからない言葉はその場で聞きながら進められるので、
「なんとなく知ってる」くらいでも十分。もちろん初心者さんも作れます。


Q:費用はかかりますか?
A:Claude Codeの利用料金はかかりますが、
アプリの保存・公開に使っているサービスは無料で始められます。
クレジットカードの登録が必要な場面もありますが、
使った分だけの課金で、普段使いの範囲であれば無料枠でおさまります。


Q:家族と一緒に使えますか?
A:今は自分だけで使っていますが、
共有できるように作ることも可能です。
最初に「家族と共有したい」とClaude Codeに伝えておけば、
その前提で作ってくれます。


Q:URLが公開されていると、他の人にデータを見られませんか?
A:Googleアカウントでログインしないと
データが見られない設定にしています。
URLを知っている人でも、ログインしなければ中身は見えません。

✨ まとめ

・ 困っていることを言葉にする
・ Claude Codeに日本語で伝える
・ 一画面ずつ作って確認する- わからないことはその場で聞く
・ 「違う」と思ったらそのまま言う

たったこれだけです。

「自分専用のアプリがほしいけど、難しそう」と思っていた方に、
少しでも「やってみようかな」と思ってもらえたら嬉しいです。

💬 おわりに

おうちログを使い始めてから、
「あれ、今日なにするんだっけ」がなくなりました。
朝アプリを開いて、今日のタスクを確認して、チェックしていくだけ。
それだけで、家事が「こなすもの」じゃなくて
「見えるもの」になった感じがしています。
市販のアプリで「ここがちょっと違う」と思っている方は、
自分でゼロから作るという選択肢も意外とアリだと思います。

ブックマークに追加した記事は、ブックマーク一覧ページで確認することができます。
あとから読み返したい時に便利です。

ゆっきぃ⚓AI業務代行✖︎オンライン秘書

投稿者情報

ゆっきぃ⚓AI業務代行✖︎オンライン秘書

トラ会員

この記事に、いいねを送ろう! 参考になった記事に、
気軽にいいねを送れるようになりました!
この記事のレビュー(0

まだレビューはありません