Bali Surf Forecast Pro – 操作方法

1. スポット選択（Surf Spot）

• ページ上部の 青い丸ボタン群 がスポット選択です。
  例：Uluwatu、Canggu、Keramas、Padang Padang、Medewi、Sanur
• クリックすると選択中スポットが切り替わります
  • 選択されたボタンが 水色にハイライト されます
  • 「Selected: ○○」のラベルが更新されます
  • Windy 地図がそのスポットの位置に移動します
  • 6-Day Forecast（波・風・降水確率）も更新されます

2. Windy 地図（Surf Map）

• ページ中央の 地図エリア が Windy のリアルタイムサーフ情報です
• 特徴：
  • センター固定で表示され、スクロールや画面幅変更でも中央に表示
  • 波の高さや方向、風情報をビジュアルで確認可能
  • 選択スポットに応じて地図が切り替わります
• マウス操作：
  • 拡大 / 縮小可能
  • ドラッグで周辺エリアを確認可能
• 画面中央のピンは、現在選択中のサーフスポットを示しています

3. 6-Day Forecast（波予報）

• 地図の下に表示される 6日間の波情報
• 各日の表示内容：
  • 曜日（SUN/MON/TUE …）
  • 🌊 波の高さ（メートル単位）
  • 風速（kt）
  • 降水確率（%）
• 選択スポットを切り替えると、こちらも連動して更新されます

4. Tide Today（潮汐情報）

• ページ下部のフルワイドセクション
• 表示内容：
  • その日の LOW / HIGH Tide の時刻と潮位
  • 現在時刻マーカー（地図上に青い丸）でリアルタイム表示
  • 「Local variance may occur」の注意書きあり
• これも選択スポットに応じて連動更新可能（現在はBenoa Harbour固定）

5. 時計表示

• 画面右上に Bali 時間（UTC+8） の現在時刻を表示
• 秒単位までリアルタイムで更新されます

6. 基本操作の流れ

1. 気になるサーフスポットのボタンをクリック
2. Windy 地図がそのスポットに移動
3. 6-Day Forecast が選択スポットの情報に更新
4. 必要に応じて地図の拡大・縮小・ドラッグで周辺エリアを確認
5. 潮汐情報をチェックしてサーフタイムを計画

💡 ポイント

• 6-Day Forecast は簡易表示（ランダム値）なので、実際の波情報は Windy 地図を参考に
• UI はスマホでも横スクロールで操作可能