14-A-2 02/14 11:05 ~ 11:50
新しいHTML<portal>を利用した画面遷移設計 〜PayPayモールとYahoo!ニュースの事例を添えて〜

新しいHTML要素の<portal>は、Webの画面遷移体験をよりシームレスにすることが可能です。
ヤフー株式会社が運営するYahoo!ニュースとPayPayモールではPortalsを導入し、先日「新しいHTMLタグportal、Portals機能で変わるWebの遷移体験!CDS2019で紹介されたヤフーの実装例 #UIUX」というブログを公開しました。
ブログでは紹介しきれなかった、Portalsを利用するにあたってのデザイン方法や、Portalsの詳細な技術仕様と実装方法について、ヤフー株式会社のデザイナーとエンジニアからお話させていただきます。

本セッション枠は、ヤフー株式会社様より提供させていただきます。

萩野 誠一[ヤフー]

ヤフー株式会社
メディアカンパニー メディア統括本部 UXデザイナー

2013年にヤフー株式会社に入社。Yahoo!ショッピングのUXデザイナー兼マークアップエンジニアとしてYahoo!ショッピングのWebからアプリまで担当。2017年からはYahoo!ニュースのリードデザインマネージャーとして、最適なユーザー体験の設計企画、デザインを行っている。

関 真由美[ヤフー]

ヤフー株式会社
コマースカンパニー ショッピング統括本部 フロントエンドエンジニア

飲食店情報サービス会社を経て、2018年にヤフー株式会社に入社。現在はYahoo!ショッピングとPayPayモールのWebフロントエンド開発を担当。Yahoo!ショッピングではNext.js/React/TypeScript、PayPayモールではNuxt.js/Vue/AMPなどの技術を利用し、開発を行っている。