これまでの関連記事の処理 エビスコムのサイトでは、著者Note の記事に関しては関連記事を表示しています。これまでの処理の流れはこんな感じです。 Wo…
画像はWebサイト・Webページの構成要素として非常に重要な存在です。また、ページのデータ量の中でも、大きな割合を占めます。そのため、デバイスに対する…
新しい本が出るということで、サイトの方も色々とテコ入れしているのですが、Jamstack構成のサイトで悩ましいことになるのが検索機能と関連記事の表示で…
GatsbyJS v4でハマった話、再びです。今回は、react-helmetです。 Gatsbyでは<head>タグの中身はreact-…
<img>のwidthとheight属性は、何を指定するものなのでしょう?現在の <img> のwidthとheightについてまとめてみ…
本サイト(https://ebisu.com/)は、GatsbyJSとWordPressをメインとした構成になっています。Gatsby v4が登場した…
Gatsby v4に合わせて『Webサイト高速化のための静的サイトジェネレーター活用入門』の副読本、「microCMS対応ガイド」の更新を始めたところ…
『作って学ぶ HTML&CSSモダンコーディング』では、次のようなページをサンプルとして作成します。 ▼ オンラインデモトップページ: https:/…
WordPressとGatsbyの組み合わせは非常に強力です。WordPressはCMSとして完成されていますし、Gatsbyと合わせて使うための環境…
「ネット上で公開してるものが色々と増えてきてるから、ebisu.comのサイトを拡張したいんだけど」 というのが始まりでした。 ebisu.comのサ…
Gatsbyjs のバージョン2.26.0から利用できるようになった File System Route API。データをもとにしたページ生成をシンプ…
次世代の gatsby-image として開発が進んでいる「gatsby-plugin-image」。beta版の段階ではありますが、簡単に導入できる…