MENU

「アレ入れたっけ?」をゼロに!1歳児連れ旅行用にAIでパッキングアプリを爆速自作してみた【前編】

パッキングに時間がかかる派、しかも直前に「アレ入れたっけ!?」と焦りがちなママ、いらっしゃいませんか?

はい、私です。 この間もお出かけの車中で子供の靴を忘れたことに気づきました……(ごめんね)。

そんな中、今月はミシガンからニューヨークへ長距離ドライブでお出かけする予定があります!

夫からも「出発前日には荷物を車に積むからね。旅行中も『アレが無い!』って荷物を全部ひっくり返さなくて良いように、洋服や肌着はセットにして日数分入れておくんだよ」と、バッチリ念を押されています(笑)。

これまでもGoogleカレンダーやLINEノートに荷物チェックリストを作っていたのですが、なぜかいつもバタバタ……。 荷物を入れるところまでは完璧でも、出先で「アレ、どこに入れたっけ?」となっちゃうんですよね。

目次

「それなら自分でアプリ作っちゃえば良くない?」

そこで今回は、話題のAIツール『v0』を使って、自分専用のパッキングアプリを作ってもらうことにしました!

欲しい機能のイメージはこちら。

  • 進捗率(%)がひと目で分かる
  • 「子供の荷物」「私の荷物」などカテゴリ別にタブ切り替えができる

NY用の荷物やカテゴリ分類は後で調整するとして、まずはざっくり「渡米準備するなら?」と仮定してサンプルを作ってもらいました!

やり方は前回と同じく、Geminiにプロンプト(指示文)を作ってもらって『v0』にコピペするだけ。 「どんな機能が欲しいか」という希望さえ固まれば、あとの作成はもうAIにおんぶに抱っこ。爆速です。

プロンプト

子どもと一緒に渡米・旅行するママ向けの「パッキング&持ち物チェックリスト」Webアプリを作成してください。 ポップで清潔感のあるミントグリーンとホワイトを基調とした、直感的でかわいらしいデザインにしてください。
【主な機能】
カテゴリ別タブ切り替え:
「機内持ち込み」「子ども用」「ママ用」「書類・貴重品」の4つのタブで切り替えられるようにする。
達成率メーター(プログレスバー):
全体のパッキング進行状況(例: 70%完了!)を画面上部にプログレスバーで表示する。
チェックリスト機能:
各アイテムの左側にチェックボックスを配置。チェックを入れると打ち消し線が入り、達成率が更新される。
アイテムの追加・削除:
ユーザーが自分で新しい持ち物を追加できる入力フォームとボタンを配置する。
プリセットデータ(初期表示):
以下の初期アイテムをそれぞれのカテゴリにあらかじめセットしておく。
機内持ち込み:シールブック、おやつ、着替え1セット、抱っこ紐、ジュース
子ども用:オムツ、おしりふき、常備薬、保湿剤、マグ
ママ用:パスポート、コスメ、充電器、変換プラグ、羽織もの
書類・貴重品:パスポート、ESTA控え、クレジットカード、海外保険証券
スマートフォンでも押しやすい、大きなボタンとシンプルなレイアウトで出力してください。

完成した「パッキングアプリ」がこちら!

個人的に一番嬉しいポイントは、カテゴリごとにタブ切り替えができること!

LINEノートやメモ帳に直接書くと、チェックするときに長々と下にスクロールしなきゃいけないのが地味にストレスでした。でもタブ切り替えならサクサク確認できます。

また、準備中も画面上にパッキング達成率(%)が表示されるので、「あとコレだけ入れたらOK!」という目印になってモチベーションが上がります!

出発前にやっておきたい「3つのテスト検証」

アプリの形ができたので、ここからは実際に使ってみるための事前テストをしてみたいと思います!

1. 「片手(抱っこ)操作」テスト

  • 視点: 子どもを抱っこしたまま、スマホを片手(親指だけ)でサクサク操作できるか?
  • 検証: タブの切り替えボタンやチェックボックスが押しやすい大きさか確かめる。

2. 「データ保持(閉じても消えないか)」テスト

  • 視点: 荷造りの途中でブラウザを閉じたり、電波が切れたりしても大丈夫か?
  • 検証: リロード(再読み込み)した時に、チェックした項目や追加した持ち物がちゃんと残っているか確認する。

3. 「一括リセット」テスト

  • 視点: 次の旅行(今回のNY旅行など)のときに、ワンタップでチェックを全部外して「まっさらな状態」から再スタートできるか?
  • 検証: 毎回アプリを作り直さず、何度でも繰り返しパッキングリストとして再利用できるか試す。

おわりに:次回、NY旅行でのリアル検証レポをお届けします!

既視感のある「アレどこだっけ?」問題を今度こそ解決すべく、今回もAI(v0)の力を借りてオリジナルパッキングアプリ作りに挑戦してみました!

果たして、パッキング難民の私はこれでNY旅行を平和に迎えられるのか……!?

後編は、アプリの完成画面と実際に旅行で使ってみて分かったリアルな検証レポをお届けします!「私も直前に焦る派!」という方は、ぜひ次回も覗いてみてくださいね!

よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!

この記事を書いた人

コメント

コメントする

目次