タグ

JSONとweb制作に関するshirotorabyakkoのブックマーク (2)

  • Next.jsで静的サイトを作成する際によく使っているライブラリまとめ

    この記事は、先日催された「ジャムジャム!!Jamstack_5」で登壇した際の内容を再度まとめたものとなります Next関連 next-seo Seoコンポーネントのようなものが踏襲されてる JSON-LDのサポートも入っていてサポート範囲が広い next-sitemap sitemap.xmlとrobots.txtを作成してくれる 分割もしてくれる configファイルの中で細かい設定ができる pathpida 再生したページのパスの定数ファイルを作ってくれる便利なやつ タイポが無くなって助かる typed-scss-modules CSS Modlesでスタイリングをする際に、.module.(sc|c)ssに対して型定義ファイルを作成してくれる。 宣言漏れや補完など、痒い所に手が届く headlessCMS関連 microcms-js-sdk 最近扱っている案件のheadlessCM

    Next.jsで静的サイトを作成する際によく使っているライブラリまとめ
  • パンくずリストのマークアップが何が正しいのか分からなくなってきた件www | 日常ぴよぴよ

    昨日に引き続きSEOネタです。 先日、構造化テストツールが刷新されて、とてもスタイリッシュな見た目になったり、JSON-LDに対応したりしました。 JSON-LDって何?って思う方もいるかも知れませんが、ぼくもよく知りません。 マークアップ界のJavascriptみたいなもんくらいに思ってます(笑) と言うのも、ぼくはいつもmicrodata方式って方法でマークアップしているので触ったことがないんですよねー。 ワードプレスユーザーの多くがこの方式でマークアップしているはずです。 まあ、そんなことは置いといて、今回はこの新しくなった構造化テストツールでパンくずの構造化テストしたら予想外の結果が出たので、え?どっちなの?ってなった話をさせて頂きます。 現在いるページもリンクさせた方がいいの? SEOの神様こと辻さんが手をかけたサイト、nanapiをご存知でしょうか? このサイトは記事をとことん

    パンくずリストのマークアップが何が正しいのか分からなくなってきた件www | 日常ぴよぴよ
  • 1