【アプリ 085】移住を考えたら。氷見暮らしの12ヶ月

AI実装ログ

氷見に住んだら、1年はどんな感じ?

1月の雪かきから始まり、春のホタルイカ、夏の祭り、秋の新米、冬の寒ぶり——。スクロールするだけで、氷見の12ヶ月が体感できるアプリです。

各月の気温・天気、旬の食材、地域の行事、そして「暮らしのリアル」。観光ガイドには載らない、住む人目線の情報を集めました。移住を検討している方にも、氷見に興味がある方にも。

👉 デモアプリを開く

📱 使い方

085_himi_12months スクリーンショット
  1. ページを開くとフルスクリーンのヒーローセクション。スクロールで1月へ
  2. 各月にスクロールすると月の絵文字・大きな月番号・タイトルがアニメーションで登場
  3. 右側の4枚カード(気候・旬の食材・イベント・暮らしのコツ)を確認
  4. 右端のドットナビゲーションで特定の月へ素早くジャンプ
  5. 言語ボタン(JA/EN/ZH)で言語を切り替え

💡 ポイント: 1月の寒ぶりから10月の獅子舞まで、気温・旬食材・イベント・生活のコツを12ヶ月分のスクロール体験で届け、移住後の生活をリアルにイメージさせます。

🎯 こんな人におすすめ

  • 氷見への移住・Iターンを検討している都市住民
  • 季節ごとの氷見観光を計画したい旅行者
  • 海外から氷見の暮らしを知りたい外国人

開発メモ

目的: 移住検討者向けの「暮らしの解像度」を上げる。観光情報では伝わらない季節ごとのリアルを可視化。

技術: HTML5, Vanilla JS, Intersection Observer API(スクロール連動アニメーション)

工夫: 月ごとに背景色が変化するscrollytelling形式。気温計アニメーション、食材アイコンのポップイン、タイプライター風テキスト表示など、読み進める楽しさを演出。

コメント

タイトルとURLをコピーしました
🤖

AIアシスタント

氷見AI実装ラボ