2022年10月25日HAWKCASTはリアルタイム(1秒間隔での位置情報)を、アニメーションを使ってスムーズに表示することができます。今回は、某夏の最大規模のスポーツ大会にて、過去に例のない秒間隔トラッキングを実施にトライしましたので、その性能について考察してみます。今後の対策:万単位の大会規模を見据え現在の仕様React+leafletベースで開発しているMapビューアですが、毎秒位置データが送られ、データ受信都度最新の位置情報にアニメーションで描画しています。アニメーションはReact+Leafletのマーカーコンポーネントを使用していました。マーカーの表示仕様は、1つのベースとなるSVG画像をJavascriptで複製して、任意のマーカーにプログラムで色付けして使っていたのですが、某夏2020のスポーツ大会でのシステム提供に向けテストしたところ200を超えると結構遅延が目立つ(CPUが100振り切る)ようになってしまい、上記画像のようなシンプルなマーカーに変更しました。上記、対策を施し性能テストを実施した結果、現状500デバイス程度の同時リアルタイム描画が限界とわかりました。ブラウザのCPUが頭打ちになって、描画に遅延します(画面が固まる)。今後の対策:万単位の大会規模を見据え今後、大規模な大会(数万人とか)に備え、技術開発を進めています。/スマートフォンのブラウザで動作するWebシステム開発が良いのではと考えています。コメントをキャンセルメールアドレスが公開されることはありません。*ウェブサイト次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。