新しい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などの技術を利用し、開発を行っている。