ROKEPIN
ろけぴん
Travel Memory App
旅先で出会った景色を、
地図と一緒に、思い出に。
地図と一緒に、思い出に。
ROKEPIN
2026.05.19
CHAPTER 01
課題
あのお店が見つからない
旅好きに共通する悩み
旅好きに共通する悩み
Section 01
私の実体験
15
Personal Story
15カ国を旅してきた
今まで何回も聞かれたこと
「〇〇でおすすめのご飯屋さん教えて！」
ROKEPIN
1-1
Section 02
見つかった課題
ピンが多すぎる
旅を重ねるたびピンが増え、どれがどの旅か分からなくなる
写真と場所が繋がらない
写真はあるのに「どこで撮ったか」が思い出せない
記憶が薄れていく
時間が経つとお店の名前も場所も曖昧になってしまう
写真 × 地図 × メモ を一箇所で管理できるようにしたい！
ROKEPIN
1-2
CHAPTER 02
ろけぴん
解決策 — 使い方
Section 03
旅の記憶を、ピンと写真で残す。
行ったお店を 写真・地図・メモ・タグ で記録。
旅行ごとにまとめて管理できるので、
「あのお店」がいつでもすぐに見つかる。
旅行ごとにまとめて管理できるので、
「あのお店」がいつでもすぐに見つかる。
Flutter / Firebase / Google Places API
写真
1スポット最大5枚
地図ピン
Places API連携
メモ
感想・おすすめポイント
タグ
フィルター検索
ROKEPIN
2-1
Section 04
使い方
① 旅行を作成
→
② スポット登録
→
③ 写真一覧 / 地図
→
④ スポット詳細
旅行作成
スポット登録
写真一覧 / 地図
スポット詳細
ROKEPIN
2-2
CHAPTER 03
技術・
振り返り
振り返り
技術スタック — 学んだこと — おわりに
Section 05
技術スタック
🐦
Flutter
iOS / Android クロスプラットフォーム
🔥
Firebase Auth
Google Sign-in 認証
Cloud Firestore
旅行・スポットデータ管理
Firebase Storage
写真ストレージ
Google Places API
店舗検索・候補選択
Riverpod
Flutter 状態管理
ROKEPIN
3-1
Section 06
学んだこと
AI × Design
ChatGPT でデザインを生成した
UIデザインをほぼ ChatGPT（GPT-4o）に依頼。
プロンプトで指示するだけで、
コンポーネントのデザインルールまで
生成してもらえた。
プロンプトで指示するだけで、
コンポーネントのデザインルールまで
生成してもらえた。
AIとの協業で設計品質が上がった
ダイアログ・ボタン・フィールドのデザインルールを体系化
コンポーネントデザインルール
画像を差し込みます
ROKEPIN
3-2
ROKEPIN
あの旅を、
再現しよう。
再現しよう。
ご清聴ありがとうございました
ROKEPIN
Fin.