ヤフーの混雑予報誕生秘話 #yjtc / YJTC21 B-8

ヤフーの混雑予報誕生秘話 ～コロナ禍における社会的課題に全力で対応した話～ ヤフー株式会社 検索統括本部 検索 プロダクション１本部 廣川 将成 プラットフォーム開発本部 佐藤 潤一 プロダクション２本部 一円 真治 ©2021 Yahoo Japan Corporation All rights reserved.

廣川 将成 検索統括本部 プロダクション１本部 2013年 新卒入社 2019年からYahoo!検索の開発チームリーダー として、フロントエンドからバックエンドまで幅広 く担当 ©2021 Yahoo Japan Corporation All rights reserved.

アジェンダ 1. コロナ禍におけるヤフーの取り組み 2. 混雑予報の誕生からリリースまで 3. 混雑予報データの作り方 4. 全社展開への取り組み

アジェンダ 1. コロナ禍におけるヤフーの取り組み 2. 混雑予報の誕生からリリースまで 3. 混雑予報データの作り方 4. 全社展開への取り組み

混雑予報の誕生からリリースまで 新型コロナウイルス感染拡大

コロナ禍におけるヤフーの取り組み 「誤情報や不確かな情報」が出回りやすい状況下

コロナ禍におけるヤフーの取り組み 「誤情報や不確かな情報」が出回りやすい状況下 情報が正しいのか間違っているのか 判断できないまま 拡散され情報を信用してしまう

混雑予報の誕生からリリースまで 信頼できる情報を集約し たどり着きやすくする などの取り組みを実施

コロナ禍におけるヤフーの取り組み 新型コロナのユーザーニーズ対応 新型コロナの感染者数 10月27日22時35分更新 データ提供:JX通信社/FASTALERT 東京都の感染者数状況 新規感染者数 158 前日比 +56 死亡者数 451 現在感染者数 1,616 前日比 -75 退院者数 28,218 累積感染者数 30,285 新規感染者数の推移 400 300 200 100 0 5/12 6/9 7/7 8/4 9/1 9/29 10/27 新規感染者数 ※現在感染者数は、累積感染者数から退院者数と死亡者数を減じ た数値です。前日比、新規感染者数は更新日時時点での数値です 新型コロナウイルス関連情報 Yahoo! JAPAN 主要ニュース、国内外の発生状況、感染者の症状、生活への影響、経 済的な支援情報などをまとめました。 総合情報 | 感染者数 | 症状・予防 | 生活 | お金 | 災害・避難 | 新型コロナウイルス感染症に関する情報 新型コロナウイルス感染症 最新情報まとめ (Yahoo! JAPAN) 主要ニュース、国内外の発生状況、感染者の症状、生活への影響、 経済的な支援情報などをまとめました。 概要 そもそもコロナウイルスとは？ 新型コロナウイルス感染症について 発生状況 国内の発生状況 (Yahoo! JAPAN) 都道府県別の「新規・累計」感染者数 人口10万人あたりの感染者数 (Yahoo! JAPAN) 海外の発生状況 世界の感染者数 米国など諸外国の感染者数 PCR検査に関する情報 Yahoo! JAPAN 概要、検査までの流れなど PCR検査とは？ PCRは「ポリメラーゼ・チェーン・リアクション (ポリメラーゼ連鎖反応)」の略。 この反応を用いてウイルスの遺伝子の特定の部分 を検出するPCR検査は、新型コロナウイルスの検 査において最も高精度とされる。 新型コロナウイルスは、鼻やノド、痰(たん)に 潜んでおり、それらの検体を採取してから最大6時 間程度で判定をすることができる。発症から9日以 内であれば唾液でも検査が可能。 さらに詳しく見る ※リンク先の「+PCR検査とは?」を押すと詳細 が確認できます。 どんな人が受けられる？ 以下のいずれかに該当する方は、病院に相談して ください。医師が必要だと判断した場合、検査を 受けることができます。もちろん、これらに該当 しない場合の相談も可能です。 息苦しさ、強いだるさ、 高熱などの症状がある

コロナ禍におけるヤフーの取り組み 新型コロナのユーザーニーズ対応 新型コロナの感染者数 10月27日22時35分更新 データ提供:JX通信社/FASTALERT 東京都の感染者数状況 新規感染者数 158 前日比 +56 死亡者数 451 現在感染者数 1,616 前日比 -75 退院者数 28,218 累積感染者数 30,285 新規感染者数の推移 400 300 200 100 0 5/12 6/9 7/7 8/4 9/1 9/29 10/27 新規感染者数 ※現在感染者数は、累積感染者数から退院者数と死亡者数を減じ た数値です。前日比、新規感染者数は更新日時時点での数値です 新型コロナウイルス関連情報 Yahoo! JAPAN 主要ニュース、国内外の発生状況、感染者の症状、生活への影響、経 済的な支援情報などをまとめました。 総合情報 | 感染者数 | 症状・予防 | 生活 | お金 | 災害・避難 | 新型コロナウイルス感染症に関する情報 新型コロナウイルス感染症 最新情報まとめ (Yahoo! JAPAN) 主要ニュース、国内外の発生状況、感染者の症状、生活への影響、 経済的な支援情報などをまとめました。 概要 そもそもコロナウイルスとは？ 新型コロナウイルス感染症について 発生状況 国内の発生状況 (Yahoo! JAPAN) 都道府県別の「新規・累計」感染者数 人口10万人あたりの感染者数 (Yahoo! JAPAN) 海外の発生状況 世界の感染者数 米国など諸外国の感染者数 PCR検査に関する情報 Yahoo! JAPAN 概要、検査までの流れなど PCR検査とは？ PCRは「ポリメラーゼ・チェーン・リアクション (ポリメラーゼ連鎖反応)」の略。 この反応を用いてウイルスの遺伝子の特定の部分 を検出するPCR検査は、新型コロナウイルスの検 査において最も高精度とされる。 新型コロナウイルスは、鼻やノド、痰(たん)に 潜んでおり、それらの検体を採取してから最大6時 間程度で判定をすることができる。発症から9日以 内であれば唾液でも検査が可能。 さらに詳しく見る ※リンク先の「+PCR検査とは?」を押すと詳細 が確認できます。 どんな人が受けられる？ 以下のいずれかに該当する方は、病院に相談して ください。医師が必要だと判断した場合、検査を 受けることができます。もちろん、これらに該当 しない場合の相談も可能です。 息苦しさ、強いだるさ、 高熱などの症状がある

コロナ禍におけるヤフーの取り組み 新型コロナのユーザーニーズ対応 新型コロナの感染者数 10月27日22時35分更新 データ提供:JX通信社/FASTALERT 東京都の感染者数状況 新規感染者数 158 前日比 +56 死亡者数 451 現在感染者数 1,616 前日比 -75 退院者数 28,218 累積感染者数 30,285 新規感染者数の推移 400 300 200 100 0 5/12 6/9 7/7 8/4 9/1 9/29 10/27 新規感染者数 ※現在感染者数は、累積感染者数から退院者数と死亡者数を減じ た数値です。前日比、新規感染者数は更新日時時点での数値です 新型コロナウイルス関連情報 Yahoo! JAPAN 主要ニュース、国内外の発生状況、感染者の症状、生活への影響、経 済的な支援情報などをまとめました。 総合情報 | 感染者数 | 症状・予防 | 生活 | お金 | 災害・避難 | 新型コロナウイルス感染症に関する情報 新型コロナウイルス感染症 最新情報まとめ (Yahoo! JAPAN) 主要ニュース、国内外の発生状況、感染者の症状、生活への影響、 経済的な支援情報などをまとめました。 概要 そもそもコロナウイルスとは？ 新型コロナウイルス感染症について 発生状況 国内の発生状況 (Yahoo! JAPAN) 都道府県別の「新規・累計」感染者数 人口10万人あたりの感染者数 (Yahoo! JAPAN) 海外の発生状況 世界の感染者数 米国など諸外国の感染者数 PCR検査に関する情報 Yahoo! JAPAN 概要、検査までの流れなど PCR検査とは？ PCRは「ポリメラーゼ・チェーン・リアクション (ポリメラーゼ連鎖反応)」の略。 この反応を用いてウイルスの遺伝子の特定の部分 を検出するPCR検査は、新型コロナウイルスの検 査において最も高精度とされる。 新型コロナウイルスは、鼻やノド、痰(たん)に 潜んでおり、それらの検体を採取してから最大6時 間程度で判定をすることができる。発症から9日以 内であれば唾液でも検査が可能。 さらに詳しく見る ※リンク先の「+PCR検査とは?」を押すと詳細 が確認できます。 どんな人が受けられる？ 以下のいずれかに該当する方は、病院に相談して ください。医師が必要だと判断した場合、検査を 受けることができます。もちろん、これらに該当 しない場合の相談も可能です。 息苦しさ、強いだるさ、 高熱などの症状がある

コロナ禍におけるヤフーの取り組み 新型コロナのユーザーニーズ対応 新型コロナの感染者数 10月27日22時35分更新 データ提供:JX通信社/FASTALERT 東京都の感染者数状況 新規感染者数 158 前日比 +56 死亡者数 451 現在感染者数 1,616 前日比 -75 退院者数 28,218 累積感染者数 30,285 新規感染者数の推移 400 300 200 100 0 5/12 6/9 7/7 8/4 9/1 9/29 10/27 新規感染者数 ※現在感染者数は、累積感染者数から退院者数と死亡者数を減じ た数値です。前日比、新規感染者数は更新日時時点での数値です 新型コロナウイルス関連情報 Yahoo! JAPAN 主要ニュース、国内外の発生状況、感染者の症状、生活への影響、経 済的な支援情報などをまとめました。 総合情報 | 感染者数 | 症状・予防 | 生活 | お金 | 災害・避難 | 新型コロナウイルス感染症に関する情報 新型コロナウイルス感染症 最新情報まとめ (Yahoo! JAPAN) 主要ニュース、国内外の発生状況、感染者の症状、生活への影響、 経済的な支援情報などをまとめました。 概要 そもそもコロナウイルスとは？ 新型コロナウイルス感染症について 発生状況 国内の発生状況 (Yahoo! JAPAN) 都道府県別の「新規・累計」感染者数 人口10万人あたりの感染者数 (Yahoo! JAPAN) 海外の発生状況 世界の感染者数 米国など諸外国の感染者数 PCR検査に関する情報 Yahoo! JAPAN 概要、検査までの流れなど PCR検査とは？ PCRは「ポリメラーゼ・チェーン・リアクション (ポリメラーゼ連鎖反応)」の略。 この反応を用いてウイルスの遺伝子の特定の部分 を検出するPCR検査は、新型コロナウイルスの検 査において最も高精度とされる。 新型コロナウイルスは、鼻やノド、痰(たん)に 潜んでおり、それらの検体を採取してから最大6時 間程度で判定をすることができる。発症から9日以 内であれば唾液でも検査が可能。 さらに詳しく見る ※リンク先の「+PCR検査とは?」を押すと詳細 が確認できます。 どんな人が受けられる？ 以下のいずれかに該当する方は、病院に相談して ください。医師が必要だと判断した場合、検査を 受けることができます。もちろん、これらに該当 しない場合の相談も可能です。 息苦しさ、強いだるさ、 高熱などの症状がある

コロナ禍におけるヤフーの取り組み 新しい生活様式への対応 1 ヤフー病院 アクセス：新宿駅から徒歩0分 診療科：内科/消化器科 オンライン診療（初診、再診） PayPay支払い可 診療時間 月 火 水 木 金 土 日 10:00～14:00 ○ ○ ○ ○ ○ - - 15:00～19:00 ○ ○ ○ ○ ○ - - 休診日：土・日・祝 1 ヤフー飲食店 本日予約可 Go To Eat使える ★★★★☆ 4.01 / 113件 東京駅から徒歩1分 テイクアウト可 衛生対策あり PayPay支払い可 電話 | 道案内 | 予約

コロナ禍におけるヤフーの取り組み 混雑情報の拡充 施設周辺の混雑状況 混雑 通常 緩和 9時 12時 15時 18時 21時 今日 21日(木) 20日(水) 19日(火) 18日(月) 17日(日) 16日(土) 施設周辺の混雑予報 平均的な混み具合です 11月3日 14～15時頃 混雑予報を詳しく見る 施設周辺の混雑予報 16:00時点： いつもより混雑しています 今日 4水 5木 6金 7土 8日 9月 予報 今日の実績 混雑レーダー 少ない 多い 新宿駅 © Mapbox © OpenStreetMap © Zenrin Co., Ltd. © Yahoo Japan

アジェンダ 1. コロナ禍におけるヤフーの取り組み 2. 混雑予報の誕生からリリースまで 3. 混雑予報データの作り方 4. 全社展開への取り組み

混雑予報の誕生からリリースまで なぜ「混雑予報」に取り組んだのか？

混雑予報の誕生からリリースまで なぜ「混雑予報」に取り組んだのか？ 緊急事態宣言の発令、混雑を避けた行動が求められた 世間は自粛要請の状況下の中でも ・仕事や用事のために移動しないといけない ・生活するうえで、買い物に行かないといけない

混雑予報の誕生からリリースまで なぜ「混雑予報」に取り組んだのか？ 緊急事態宣言の発令、混雑を避けた行動が求められた 世間は自粛要請の状況下の中でも ・仕事や用事のために移動しないといけない ・生活するうえで、買い物に行かないといけない 人々が安心して移動するための「社会課題の解決」を ヤフーとしてもっとできるのでは

混雑予報の誕生からリリースまで 人々が安心して移動するための 「不安や悩みを解決する情報」を提供

混雑予報の誕生からリリースまで 人々が安心して移動するための 「不安や悩みを解決する情報」を提供 混雑の可視化

混雑予報の誕生からリリースまで 「混雑予報」で提供したい価値 ・ 混雑の回避 ・ 混雑度合いを示し注意喚起

混雑予報の誕生からリリースまで 「混雑予報」で提供したい価値 ・ 混雑の回避 ・ 混雑度合いを示し注意喚起 ・ 混雑を避けて移動できる ・ 混雑しにくい曜日や時間帯を提示し、混雑を避けて行くことができる

混雑予報の誕生からリリースまで 「混雑予報」で提供したい価値 ・ 混雑の回避 ・ 混雑度合いを示し注意喚起 ・ 混雑を避けて移動できる ・ 混雑しにくい曜日や時間帯を提示し、混雑を避けて行くことができる ・ 密な場所も疎な場所も探せる ・ 生活圏で混雑する場所、安全な場所がわかる

混雑予報の誕生からリリースまで 今後の人々の生活のためにも できるだけ早く 世の中に提供すること

混雑予報の誕生からリリースまで 体制・関係者 FE 検索 + CTF (コロナタスクフォース) ロコ 地図（アプリ、WEB） BE 地図（バックエンド） Data 位置情報プラットフォーム

混雑予報の誕生からリリースまで スケジュール 5/18～22 5/25～29 6/1～5 6/8～12 6/15～19 6/22～26 6/29～7/3 Phase1 仕様作成 データ連携 デザイン 開発 6/2 リリース 位置情報データ検証 混雑モデル API仕様 API作成 Phase2 仕様検討 デザイン 地図（アプリ・WEB）開発 テスト 6/18 リリース 検索デザイン 検索開発 テスト 6/30 リリース

混雑予報の誕生からリリースまで Phase1 【 対応内容 】 コンテンツパートナーとデータ連携を行い 混雑情報を可視化 施設周辺の混雑状況 混雑 通常 緩和 9時 12時 15時 18時 21時 今日 21日(木) 20日(水) 19日(火) 18日(月) 17日(日) 16日(土) 施設周辺の混雑予報 平均的な混み具合です 11月3日 14～15時頃 混雑予報を詳しく見る

混雑予報の誕生からリリースまで Phase1 【 対応内容 】 コンテンツパートナーとデータ連携を行い 混雑情報を可視化 【 WHY? 】 社内の位置情報プラットフォームでお客様の データを取扱っていたが、機能として混雑 予報を提供するには十分な開発時間が必要 だった 施設周辺の混雑状況 混雑 通常 緩和 9時 12時 15時 18時 21時 今日 21日(木) 20日(水) 19日(火) 18日(月) 17日(日) 16日(土) 施設周辺の混雑予報 平均的な混み具合です 11月3日 14～15時頃 混雑予報を詳しく見る

混雑予報の誕生からリリースまで Phase2 【 対応内容 】 ・ 社内の位置情報ログからモデルを作成 APIから混雑情報を可視化 ・ ユーザー体験向上のため3サービス（検 索・ロコ・地図）統一UIでリリース 施設周辺の混雑予報 16:00時点： いつもより混雑しています 今日 4水 5木 6金 7土 8日 9月 予報 今日の実績

混雑予報の誕生からリリースまで サービス連携・リリースのポイント

混雑予報の誕生からリリースまで サービス連携・リリースのポイント ・ コンテンツパートナー連携で、高速リリース ・ 世の中に素早く情報を出すことを優先

混雑予報の誕生からリリースまで サービス連携・リリースのポイント ・ コンテンツパートナー連携で、高速リリース ・ 世の中に素早く情報を出すことを優先 ・ サービス共通で利用できるAPIを作成し、仕様を揃えた ・ 関係者で仕様をすり合わせ、役割範囲を明確化

混雑予報の誕生からリリースまで サービス連携・リリースのポイント ・ コンテンツパートナー連携で、高速リリース ・ 世の中に素早く情報を出すことを優先 ・ サービス共通で利用できるAPIを作成し、仕様を揃えた ・ 関係者で仕様をすり合わせ、役割範囲を明確化 ・ UXを高めるため、サービス横断でUI統一 ・ コロナ禍になってから幾度となく体験統一を目指し、デザイナー横連携

混雑予報の誕生からリリースまで サービス連携・リリースのポイント ・ コンテンツパートナー連携で、高速リリース ・ 世の中に素早く情報を出すことを優先 ・ サービス共通で利用できるAPIを作成し、仕様を揃えた ・ 関係者で仕様をすり合わせ、役割範囲を明確化 ・ UXを高めるため、サービス横断でUI統一 ・ コロナ禍になってから幾度となく体験統一を目指し、デザイナー横連携 全てオンライン上のやり取りでしたが サービス横断で密な連携により実現することができた。

アジェンダ 1. コロナ禍におけるヤフーの取り組み 2. 混雑予報の誕生からリリースまで 3. 混雑予報データの作り方 4. 全社展開への取り組み

佐藤 潤一 検索統括本部 検索プラットフォーム開発本部 位置情報を収集/保存/解析するシステムの開発、 および位置情報を主な対象としたデータ分析を担当 ©2021 Yahoo Japan Corporation All rights reserved.

混雑予報データの作り方 位置情報ログを使った「混雑予報」データ作成方法の紹介 東京駅 検索 ウェブ 画像 動画 リアルタイム 知恵袋 求 11:00時点： 平均的な混み具合です 今日 3火 4水 5木 6金 7土 8日 予報 今日の実績

混雑予報データの作り方 「混雑予報」データ作成のステップ ステップ1. 位置情報ログから混雑度の分布を作る ステップ2. 混雑度の分布から施設ごとの混雑度を作る ステップ3. 過去の混雑度を元に施設ごとの混雑予測モデルを作る © Mapbox © OpenStreetMap © Zenrin Co., Ltd. © Yahoo Japan

混雑予報データの作り方 「混雑予報」データ作成のステップ ステップ1. 位置情報ログから混雑度の分布を作る ステップ2. 混雑度の分布から施設ごとの混雑度を作る ステップ3. 過去の混雑度を元に施設ごとの混雑予測モデルを作る © Mapbox © OpenStreetMap © Zenrin Co., Ltd. © Yahoo Japan

混雑予報データの作り方 ステップ1. 位置情報ログから混雑度の分布を作る ・ 混雑度： 単位面積/単位時間あたりの人の多さ ・ 混雑度の分布： 日本のあらゆる単位領域について、 1時間毎の混雑度を計算したもの © Mapbox © OpenStreetMap © Zenrin Co., Ltd. © Yahoo Japan

混雑予報データの作り方 位置情報ログを単純に足し合わせても、混雑度はわからない ・ OSやそのバージョンによってログの仕様が異なる ・ 「アプリ利用中のみ/一度のみ許可」 ・ 「常に許可」でも常には落ちない、タイミングばらばら ・ アプリ利用ユーザの増減がログ数に影響 (e.g. 台風時の天気アプリ) 適切な前処理が必要

混雑予報データの作り方 1. 混雑度分布の作成：位置情報ログから移動軌跡を割り出す ・ クレンジング処理： ソースアプリ選定 「常に許可」のみ利用 ノイズ点の除去 ・ リサンプリングによって 移動軌跡を割り出す(右) 12:14 12:00 11:45 11:33 11:30 11:15 11:00 10:47 10:45 10:30 10:15 10:12

混雑予報データの作り方 1. 混雑度分布の作成：移動軌跡を重ね合わせて混雑度分布を作成 たくさんのユーザの移動軌跡を重ね 合わせることで混雑度の分布を得る ・ 同一領域、同一時間帯の 平均人数を算出 ・ 日毎のユーザ数に基づいて スケールを調整 12:00 12:00 12:00 12:00 12:00 © Mapbox © OpenStreetMap © Zenrin Co., Ltd. © Yahoo Japan

混雑予報データの作り方 「混雑予報」データ作成のステップ ステップ1. 位置情報ログから混雑度の分布を作る（前処理が大事） ステップ2. 混雑度の分布から施設ごとの混雑度を作る ステップ3. 過去の混雑度を元に施設ごとの混雑予測モデルを作る © Mapbox © OpenStreetMap © Zenrin Co., Ltd. © Yahoo Japan

混雑予報データの作り方 ステップ2. 混雑度の分布から施設ごとの混雑度を作る © Mapbox © OpenStreetMap © Zenrin Co., Ltd. © Yahoo Japan

混雑予報データの作り方 2. 施設ごとの混雑度：施設の「領域定義」が重要 ・ 固定の大きさで各施設の領域を定義すると、施設によっては 周辺の住宅街の影響を強く受け、夜中に人が増えるように見えてしまう yyyymmdd=2020-06-10 30 20 10 0 0 5 10 15 20

混雑予報データの作り方 2. 施設ごとの混雑度：ポリゴンデータから施設の領域を得る ・ 地図上の施設の形 = ポリゴンデータ ・ ポリゴンに含まれる単位領域の集合を その施設の領域として定義 ・ それらの混雑度を合計してその施設の 混雑度とする © Mapbox © OpenStreetMap © Zenrin Co., Ltd. © Yahoo Japan

混雑予報データの作り方 2. 施設ごとの混雑度：ポリゴンがない主要施設は手動で領域定義 ・ 公園や複合施設など適切なポリゴンが ない施設は手動で領域定義を作成 ・ 過去の検索数や施設カテゴリをもとに 優先順位をつけて随時追加 © Mapbox © OpenStreetMap © Zenrin Co., Ltd. © Yahoo Japan

混雑予報データの作り方 「混雑予報」データ作成のステップ ステップ1. 位置情報ログから混雑度の分布を作る（前処理が大事） ステップ2. 混雑度の分布から施設ごとの混雑度を作る（領域定義が大事） ステップ3. 過去の混雑度を元に施設ごとの混雑予測モデルを作る © Mapbox © OpenStreetMap © Zenrin Co., Ltd. © Yahoo Japan

混雑予報データの作り方 ステップ3. 過去の混雑度を元に施設ごとの混雑予測モデルを作る ・ 向こう1週間の混雑度を予測 ・ 棒グラフとして掲載される部分 ・ 感染状況の変化による動態の変化に 追従するため、短期間（数週間）の データから予測

混雑予報データの作り方 3. 混雑予測モデル：日付特徴を元に予測する機械学習モデル ・ 曜日、祝日情報をもとに予測を行う回帰モデルを採用 ・ パラメータ行列の低ランク近似により「火曜日の祝日」でもうまく予測 λ(t, d) = exp(dᵀBt) = exp(dᵀUVᵀt) ・ 技術詳細（論文リンク）：

混雑予報データの作り方 3. 混雑予測モデル：全施設分のモデルを学習 Spark on Hadoop で施設ごとにモデルを学習し、向こう1週間の混雑を予測 Geo location history DB POI-wise counting POI 1 POI 2 POI N Count data Day 1 Day 2 Day X-1 Featuring & Training External factor (e.g. calendar info.) POI-wise models Inference for next 7 days Estimated population Day X+1 Day X+8

混雑予報データの作り方 3. 混雑予測モデル：実際の予測結果 ・ 人出が安定していれば概ねうまく予測 ・ 予測が外れる場合 ・ 不定期イベント ・ お盆などカレンダーにない休日 ・ 「緊急事態宣言」直後 ・ ...

混雑予報データの作り方 「混雑予報」データ作成のステップ まとめ ステップ1. 位置情報ログから混雑度の分布を作る（前処理が大事） ステップ2. 混雑度の分布から施設ごとの混雑度を作る（領域定義が大事） ステップ3. 施設ごとの混雑予測モデルを作る（既存技術を手早く応用） ・ Wi-Fi など GPS 位置情報以外のデータを元にした混雑情報も随時掲載開始 ・ 引き続き社会の需要に合わせてアップデートしていきたい

アジェンダ 1. コロナ禍におけるヤフーの取り組み 2. 混雑予報の誕生からリリースまで 3. 混雑予報データの作り方 4. 全社展開への取り組み

一円 真治 検索統括本部 プロダクション2本部 Yahoo!地図 エンジニア 地図エンジンのMapbox移行やレガシーシステムの 技術刷新など多様なプロジェクトを担当 ©2021 Yahoo Japan Corporation All rights reserved.

全社展開への取り組み 混雑情報をいつでもどこでも ヤフーは日常生活を支える多くのサービスを提供 ユーザが安心して行動できるよう、多様なシーンで提供したい ・ ドライブや旅行中、目的地の到着時間での混雑情報を ・ 現在の駅の混雑情報を ・ 日々の買い物時のスーパーの混雑情報を

全社展開への取り組み スムーズな全社展開のために 初回リリース時 施設周辺の混雑予報 14:00時点： いつもより混雑しています 今日 15日 16日 17日 18日 19日 20金 予報 今日の実績 施設周辺の混雑予報 14:00時点： いつもより混雑しています 月 火 水 木 金 土 日 予報 今日の実績 検索 (web) MAP (iOS/Android) UI/API仕様

全社展開への取り組み スムーズな全社展開のために 初回リリース時 → 全社展開 +移植の 難しさ 路線 (iOS/Android/web) 検索 (web) MAP (iOS/Android) カーナビ (iOS/Android) +管理 コスト UI/API仕様

全社展開への取り組み スムーズな全社展開のために 初回リリース時 → 全社展開 +移植の 難しさ 路線 (iOS/Android/web) 検索 (web) MAP (iOS/Android) カーナビ (iOS/Android) +管理 コスト UI/API仕様 導入を容易にする仕組み = 共通モジュール化

全社展開への取り組み 「混雑予報」の共通モジュール化 「混雑予報」部分のみをWebページ化 Web: iframe 導入事例: 東京タワー ☆☆☆☆☆ 4.08 クチコミ918件 Yahoo! カーナビでルートを検索 03-3433-5111 東京都港区芝公園4丁目2-8 赤羽橋駅(赤羽橋口)から徒歩約7分 神谷町駅[1]から徒歩約7分 御成門駅[A1]から徒歩約7分 施設周辺の混雑予報 15:00時点： 平均的な混み具合です 今日 5木 6金 7土 8日 9月 10火 予報 今日の実績 iOS/Android: webView 導入事例: スポット詳細 ワイジェイモール ショッピングセンター 混雑度:100 69件 住所 東京都千代田区紀尾井町1-2 アクセス 永田町駅[9a]出口から徒歩2分 16:00時点： 平均的な混み具合です 今日 27金 28土 29日 30月 12/1火 2水 予報 今日の実績 トップ マイページ 時刻表 運行情報 設定 ※実在する施設ではありません。 写真:アフロ

全社展開への取り組み 体制変化：全社展開の基盤へ 仕様変更は共通モジュール1箇所で全社展開を可能に 体験設計やUIの調整コストを集約 地図 (web) 検索 (web) MAP (iOS/Android) 路線 (iOS/Android) カーナビ (iOS/Android) Web:iframe iOS/Android:webView 共通モジュール UI/API仕様

全社展開への取り組み 利用技術と工夫 利用技術 ・ React + TypeScriptでUI構築 工夫点 ・ モジュール全体をServerSideRenderingし、利用側は表示ロジックに専念 ・ UIのサイズ調節： window.postMessage APIで利用側に情報送信 ・ 高さを情報を送信しコンテンツサイズ調整

全社展開への取り組み 全社展開：混雑情報をいつでもどこでも

Yahoo! JAPAN Tech Conference 2021 ©2021 Yahoo Japan Corporation All rights reserved.