トルコ旅行が100倍楽しみになる。「私だけの旅行アプリ」をAIで作ってみた

旅行って、情報が散らばりがちですよね。
ホテル、飛行機、観光地、持ち物…
あちこち探して、しまいには「どれで予約したっけ…」とわからなくなっちゃう。

必要な時に、すぐ知りたい！

自分専用の旅行アプリを生成AIで作ってみることにしました。

54歳、​プログラミング未経験。
それでも出来ちゃった（笑）

実際の画面をシェアしたいと思います。

まずはトップ画面です。

飛行機マークにはフライト時刻と便名。

タップすると、eチケットの番号や座席番号が表示されます。

ホテルマークもタップすると、予約番号、住所、電話番号、期間、料金が表示されます。

​■ このアプリ一番のこだわり

「タップで溢れ出す」歴史＆建築ガイド

​
イスタンブールの醍醐味は、建築や歴史の背景を知った上で街を歩くこと。

渡航前にAIと対話して学んだ「アヤソフィアとブルーモスクの構造の違い」や「ドームの解き方、光の取り入れ方」といった視点も、すべてアプリに格納しました。

​今回の一番のポイントは「押すと情報がたくさん現れる仕組み（アコーディオン機能）」を取り入れたことです！

​以前、イスタンブールについて、Claudeに歴史を教わったので、その時のチャットログを、年代別のボタンの中に詰め込みました。

​​たとえば「紀元前667年のビザンティオン」という項目をタップすると……

​このように、自分自身の疑問とそれに対するAIの解説が、タップした瞬間にパッと画面に広がります。

膨大な情報も、普段は折りたたまれているので画面は驚くほどスッキリ。

スマホの小さな画面でスクロールなしで、必要な時に必要な知識の引き出しだけを開けることができます！

​

■ 一般の旅行アプリには真似できない「全部入り」の圧倒的便利さ

​市販の旅行アプリだと

「スケジュールは見られるけど、地図は別アプリ」「メモ欄が狭くて自分のこだわりまでは入れられない」となりがちです。

しかし、自分で作るWebアプリなら上限なく欲しい情報を詰め込めます。

​① 複雑なスケジュール＆チェックリストを一元管理

フライト6回分の移動時間や送迎予約、現地決済のメモをタイムライン順に整理。

事前に情報をアプリに組み込むプロセス自体が、予約の「抜け漏れチェック」として非常に効果的でした。

タップすると、手配先や現地払いの金額等が表示されます　

持ち物準備も一目瞭然。
同行者とも共有できます。

​② API不要！「Googleマイマップ」のスマートな埋め込み

旅先のピンを立てたGoogleマイマップも、複雑な設定なしでアプリ内に綺麗に埋め込めました。

これ一つで現在地と行きたいスポットがひと目で把握できます。

​■終わりに

​プログラミングの知識がなくても、AIに「こういう風に動かしたい！」と伝えるだけで、自分でも満足がいくアプリを作ることができました。

このアプリは、netlifyを利用したので、同行者にアドレスを共有すれば、それぞれのスマホで同じ情報を見ることができます。

ガイドブック不要。

あちこち情報を探しに行かなくてもOK！

アプリをタップするだけで、様々な情報を見ることができます。

プログラミング未経験、54歳の私でも、話しかけるだけで出来ちゃう。

​制作過程などは、また別記事で書きたいと思いますが、このアプリで旅行を楽しんで来ようと思います！