Vue Fes Japan 2019
フルセッション（40分）
AMP on Vueコンポーネントを Nuxt で実現した話（PayPayモール）
内藤 秀彦
innovate_7110
PayPayモール（※1）というECにて、将来的なAMPキャッシュ（主にトップ, 製品ページ）を見据えてAMPコンポーネントをVueコンポーネントの上に乗せてコンポーネントを実装した。
それをNuxt hooksのgenerateを拡張し、AMPValidatorに通る形でスタイルやスクリプトを最適化させてテンプレート（※2）を生成している。
単純なamp-imgのみならず、amp-list, amp-carousel, amp-stateやamp-lightboxといったAMPでサービスを作る上で重要なコンポーネントもVueに乗せてエコシステム化している。
Hooks拡張のNuxt（Vueコンポーネント）とAMPコンポーネントの親和性の高さ、
細かな手法や設計、実装のTipsなどについても事例をご紹介できたらと思います