バイクツーリングPWA

概要

GPS取得→Open-Meteo天気API→Bedrock Claude Haikuの3ステップでコースを自動生成。近距離（緑丘）・中距離（青海）・長距離（紫山脈）の3コースをコース別景観シルエット付きカードでスワイプ表示。詳細画面ではWikipedia写真・現在地↔目的地天気比較・週間予報（最高/最低気温）・行き/帰り立ち寄りスポット分離・帰路提案・Googleマップナビ（全デバイス統一URL/waypointをジオコード座標で指定）が使える。URL短縮は POST /api/share でDynamoDBに保存しLambdaが /s/{id} にOGPメタタグ付きHTMLを返す構成でSNSプレビューに対応。DynamoDBによるIP別・日別レートリミット（1日3回）を実装。Astro static + CloudFront + S3 + Lambda + DynamoDB のサーバーレス構成で月額$0.40の低コスト運用を実現。

全体構成図

実装のポイント

• GPS・天気・AI生成の3ステップをリアルタイムのローディング画面で可視化し、待ち時間のストレスを軽減
• Bedrock Claude Haikuが特徴タグ・ルートサマリー・片道/往復時間・行き/帰り立ち寄りスポット・帰路提案を一括生成
• Astro static PWA + CloudFront + S3 + Lambda の構成で月額 ~$0.40、1リクエスト ~$0.005 の超低コスト運用
• URL短縮+OGP（Lambda /s/{id} でSNSプレビュー対応）・DynamoDB IP別レートリミット・Nominatim waypointジオコードなどスマホ向けUXを徹底実装

使用技術