モダンなWebフロントエンドの技術とAMP

モダンなWebフロントエンドの技術とAMP モダンなWebフロントエンドのフワームワークやツールとAMPについて紹介します。 リクルートテクノロジーズ兼リクルートライフスタイルのASGチームに所属しているフロントエンドエンジニアの可児です。本記事は、リクルートライフスタイルアドベントカレンダー４日目の記事です。 本記事では、リクルートライフスタイルで取り組んでいる新規Webサービスのモダンなフロントエンド開発に関することとして、Next.jsやAMPについて紹介します。 目次 はじめに モダンなWebフレームワーク React/Next.js TypeScript styled-components AMP AMPとは AMPの開発パターン Next.jsとAMP AMPキャッシュ AMP と 非AMP の共存 検索結果カルーセルとSEO AMPの開発における注意点 まとめ はじめに リク

[y___u]

AMPはいいぞ。…SXGもどうだい？

[maecchi]

AMPは最初の学習コストが高いなと思っています。慣れれば楽なんだろうけど自分はまだその域に達していない。

[toshi-toma]

ReactのフレームワークのNext.jsとAMPの開発について

[ambit1977]

ほほう

[Shisama]

Next.jsのAMP対応、今年のAMP Confで発表されたと思うんだけど、もうここまで知見貯めれているのか。早い。

[tetsugrande]

AMP対応済みさ！偉い！それ以外のフレームワークの方がずっと学習コスト高いと思う。

[gfx]

ampかーampなー。

[jovi0608]

“一方でAMPによるデメリットは以下だと思っています。 - AMP Validにする厳しい制約による機能開発の難しさ - AMPを扱うためのスクリプト更新への追従 - AMPキャッシュやAMPの制約下で分析、広告タグが利用しづらいこと”

[yosuke_furukawa]

最近はこういうのやってます！