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で静的サイトを作成時 よく使っているライブラリまとめ
KubeCon EU 2024 Recap “Kubernetes Policy Time Machine: Where to Next?”
Core Web Vitalsを上げる - ゆーすけべー日記
「Core Web Vitalsを上げる」機会があったので、Core Web Vitalsについてまとめてみる。 これから書くことは今現在、僕が把握してることで、間違っていることがあると思うけど、そこはご愛嬌でお願いします。 1. Web Vitalsとは？ Web VitalsというのはGoogleが提唱したUXの指標である。GoogleはWebに対するUXのことを「ページエクスペリエンス」と呼んでいる。「Core Web Vitals」ってのは「Web Vitals」のサブセットになっているので、まずはそこを理解しておく必要がある。 なぜWeb Vitals？ 最近、Webのフロントのことについて調べることが多いのだが、やたらとこの「Web Vitals」もしくは「Core Web Vitals」という言葉に出会う。 「フロントの体験」としてWeb Vitalsが重要だからであると同時
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
最近SEOがよくわからなくなってきた。 - アニイズム
2016 - 08 - 13 最近SEOがよくわからなくなってきた。 最近SEOがよくわからなくなってきた。 最近検索順位もにちゃんねるまとめサイトにボロ負け、必死こいて書いた記事はワードサラダのキュレーションサイトにボロ負けしているということでなぜボロ負けしているのか分析してみたいと思う。。 キュレーションサイトに勝てないわけ。 ★基本的に引用タグを使って情報をまとめればコピペとは認められず、ドメインさえ強ければ引用だけのコンテンツだけで上位表示できるという仕組みが今のグーグルにはある。 ★グーグルの独自ドメインが引用コンテンツだけのサイトにペナルティーを与えるアルゴリズムを作らない限り、キュレーションサイトが沈むことはない。 ★引用しつつ、自分の意見を少し入れるだけで付加価値のあるコンテンツだとグーグルが認めている現状もある。 ★引用全面禁止にしたらインターネットの自由度がなくなるか
ビジネスに効く！Chromeアプリと拡張機能で業務効率を今すぐ爆速に変える方法 - リクナビNEXTジャーナル
ドキュメント、スプレッドシート、スライドで Officeファイルを編集 [Chromeアプリ] https://goo.gl/sk2CaS 複数ユーザーによって同時にファイルの編集が可能で、その履歴を全て保存することができるGoogleドライブ。便利そうだなーと思いながらも、「まだ導入できないんだよねー」という方も多いのでは？ というわけで、まずはこれを気楽に導入してみることが可能な『ドキュメント、スプレッドシート、スライドで Officeファイルを編集』というそのまんま過ぎる名前のChrome拡張機能から。 Chromeに追加するだけで、既存のWord、Excel、PowerPoint などのOfficeファイルを Google ドキュメント、スプレッドシート、スライドで表示・編集することが可能になります。 編集後は元のフォーマットで保存もできるし、Googleドライブのファイルとしても
長文とか2,000文字とか共起語とかの話ではなくてコンテンツSEOで今一番大事だと思っていること【2015年版】 - 冒険の書
久しぶりに冒険の書を更新することにしました。 最近は更新しようしようと思いながらも、どうしてもこのブログを読んで欲しい人では無い人にまで読まれてしまい、義理RTをもらっているなど言われるようになってしまったため、中々更新し辛い状態になっていました。 ですが、今後はもうTwitterで更新情報を流したりもしないので、本当に読みたいと思っている人にだけ届けばいいなと思って再び更新していくことにします。 今回は、最近流行っている「コンテンツSEO」について、今僕が検証している中で考えていることを書きたいと思います。 最近、「長文が上がりやすい」とか、「共起語を入れると上がる」とか、色々言われていますが、このブログでも公開しているサイト「カードローンのABC」でも、運営を始めて1年間色々な実験を行ってきました。 このサイトは少し特殊で、冒険の書から紹介したり、他の色々な方々からリンクで紹介してもら
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
kobit.in