【アプリ 109】富山湾を行く船、リアルタイムで。シップトラッカー

AI実装ログ

今この瞬間、富山湾を何隻の船が航行しているか。

AIS(船舶自動識別装置)のデータをリアルタイムで受信し、富山湾周辺を航行する漁船・貨物船・タンカー・旅客船の動きを地図上で追跡する。船名、速度、方角がライブで表示される。

普段は見えない「海の交通」が可視化されると、湾の向こう側で何が動いているのかが気になり始める。定置網漁の漁船が出港するタイミング、貨物船が入港する時間帯——海にも陸と同じように交通の流れがある。

👉 デモアプリを開く

📱 使い方

109_ship_tracker スクリーンショット

  1. 地図上で色分けされた船舶アイコンの位置をリアルタイムで確認
  2. 船アイコンをクリックして船名・船種・速度・方角の詳細情報を表示
  3. 「船種フィルター」タブで漁船・貨物船・旅客船・タンカーを絞り込み
  4. 「受信ログ」タブで最新のAIS受信データを時系列で確認
  5. 「統計」タブで船種別の隻数や航行パターンを確認

💡 ポイント: aisstream.ioのWebSocket APIでAISデータをリアルタイム受信。API接続できない場合はデモモードに自動切替するので、いつでも体験できます。

🎯 こんな人におすすめ

  • 富山湾の船舶動向に興味がある漁業関係者・海洋ファン
  • 物流や海運の現場を可視化で理解したいビジネスパーソン
  • AISデータの活用に興味があるエンジニア・データサイエンティスト

開発メモ

目的: 見えない「海の交通」をリアルタイムで可視化
技術: Leaflet.js, aisstream.io WebSocket API, リアルタイムデータ受信
工夫: WebSocket接続のステータス(接続中・再接続・デモモード)をインジケーターで表示。船種ごとに色分けしたマーカーで直感的に状況把握できる設計


氷見AIラボは、100+のWebアプリで氷見のことを届けるプロジェクトです。 himi-ai-lab.jp

コメント

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

AIアシスタント

氷見AI実装ラボ