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
5歳児が高速道路を運転 「ランボルギーニが欲しくて」：朝日新聞デジタル
","naka5":"<!-- BFF501 PC記事下（中⑤企画）パーツ＝1541 -->","naka6":"<!-- BFF486 PC記事下（中⑥デジ編）パーツ＝8826 --><!-- /news/esi/ichikiji/c6/default.htm -->","naka6Sp":"<!-- BFF3053 SP記事下（中⑥デジ編）パーツ＝8826 -->","adcreative72":"<!-- BFF920 広告枠）ADCREATIVE-72 こんな特集も -->\n<!-- Ad BGN -->\n<!-- dfptag ＰＣ誘導枠５行 ★ここから -->\n<div class=\"p_infeed_list_wrapper\" id=\"p_infeed_list1\">\n <div class=\"p_infeed_list\">\n <div class=\"
平田オリザ氏の「炎上」発言。本意は？（dragoner） - エキスパート - Yahoo!ニュース
製造業に冷淡？ 新型コロナウイルスの世界的流行に伴い、様々な業界が休業や減収に追い込まれており、業界から国へ支援を求める声は後をたちません。そんな中、NHKのインタビューにおける劇作家平田オリザ氏の次の発言が物議を醸しています。 製造業の場合は、景気が回復してきたら増産してたくさん作ってたくさん売ればいいですよね。でも私たちはそうはいかないんです。客席には数が限られてますから。製造業の場合は、景気が良くなったらたくさんものを作って売ればある程度損失は回復できる。でも私たちはそうはいかない。 出典:【更新版】「文化を守るために寛容さを」劇作家 平田オリザさん 他者に対する寛容を訴えながら、製造業に対してあまりにも無理解ではないか。これを聞いて製造業の人は寛容になれるか。そういった意見がネットに噴出、取り上げたメディアもあるなど炎上の様相を示しています。このインタビューの前に平田氏が舞台演劇界
MDX eXtended = MDXX | AMP対応 Markdown Compiler と静的サイトジェネレーター
最近作っている amdx という markdown コンパイラとそのツール郡を紹介します。 GitHub はここ mizchi/amdx このサイト自体も、 amdxg というツールで作られています。 ゴールをどこに設定したか パフォーマンスを突き詰めると、ブログは静的サイトジェネレータで AMP 対応するのが一番と考えた next.js/SSG export + AMP が便利だったので、next.js 上でコンパイルすることを前提に、静的解析を行う webpack loader を作ることにした mdx の parser を借りて、 .mdx をロードすると React Component として振る舞いつつ、他の mdx を import できると、長い文章を書くときにファイル分割できて便利なのでは Markdown プレビュー高速化+ランタイム最小化のために、AST(JSON) 生
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
寡黙な日本発OS 世界標準 - Yahoo!ニュース
