今この瞬間、富山湾を何隻の船が航行しているか。
AIS(船舶自動識別装置)のデータをリアルタイムで受信し、富山湾周辺を航行する漁船・貨物船・タンカー・旅客船の動きを地図上で追跡する。船名、速度、方角がライブで表示される。
普段は見えない「海の交通」が可視化されると、湾の向こう側で何が動いているのかが気になり始める。定置網漁の漁船が出港するタイミング、貨物船が入港する時間帯——海にも陸と同じように交通の流れがある。
👉 デモアプリを開く
📱 使い方
![]()
- 地図上で色分けされた船舶アイコンの位置をリアルタイムで確認
- 船アイコンをクリックして船名・船種・速度・方角の詳細情報を表示
- 「船種フィルター」タブで漁船・貨物船・旅客船・タンカーを絞り込み
- 「受信ログ」タブで最新のAIS受信データを時系列で確認
- 「統計」タブで船種別の隻数や航行パターンを確認
💡 ポイント: aisstream.ioのWebSocket APIでAISデータをリアルタイム受信。API接続できない場合はデモモードに自動切替するので、いつでも体験できます。
🎯 こんな人におすすめ
- 富山湾の船舶動向に興味がある漁業関係者・海洋ファン
- 物流や海運の現場を可視化で理解したいビジネスパーソン
- AISデータの活用に興味があるエンジニア・データサイエンティスト
開発メモ
目的: 見えない「海の交通」をリアルタイムで可視化
技術: Leaflet.js, aisstream.io WebSocket API, リアルタイムデータ受信
工夫: WebSocket接続のステータス(接続中・再接続・デモモード)をインジケーターで表示。船種ごとに色分けしたマーカーで直感的に状況把握できる設計
氷見AIラボは、100+のWebアプリで氷見のことを届けるプロジェクトです。 himi-ai-lab.jp


コメント