next.js の AMP mode を使って静的サイトを作る
この記事は amdxg を作りながら, next.js で AMP に対応したときにやったことです。 コードはこちらです amdx/packages/ssg at master · mizchi/amdx AMP について Google の推奨する HTML のサブセット仕様です。制約付きのインライン CSS のみ + 一切の JS が書けず、代わりに動きがあるものは amp plugin を使って記述します。 モバイルでは、Google の検索結果画面からは GoogleCDN 上のキャッシュが返却されるので、非常に高速に開くことができます。 (⚡ マークが AMP 対応の印) モバイルに限らず、ある種のベストプラクティスの強制なので、PC でも AMP 対応することに意味はあります。 この記事では、実際にこのブログのための SSG を作る過程で、どのように next.js 上で AMP
AMP Conf 2019に行ってきた - hitode909の日記
AMP ConfはAMPの最新情報を教えてもらえる二日間のカンファレンスで、午前中3セッション午後8セッションみたいな、詰め詰めの会。 年に1回世界のどこかで開催される会で、発表ほぼ英語、7:3くらいで7が海外の方で、廊下でコーヒー飲んでるとハローあなたのジョブはなんですかみたいな感じで英会話が始まり、インドの方と仲良くなってinstagramやtwitterのアカウントなど交換した。 印象に残ったことをメモしておく。 amp-script AMPではJSの実行が不可能だったのが、ついに可能になった。Web Workerで実行される。 なんでもできてしまうとHTMLと同様動作が重くなってしまうので、なんでもできるわけではなく、ユーザーのインタラクションきっかけで動く、一度の実行は5秒以内、150KBまで、などパフォーマンスを維持するための制約がある。 凝ったこともやればできるようで、デモで
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
