# jamstack の記事一覧
![Vite×11tyを実制作で使うための準備](https://devio2023-media.developers.io/wp-content/uploads/2021/08/vite.png)
Vite×11tyを実制作で使うための準備
![User avatar](/_next/image/?url=https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2Fdevio_thumbnail%2F2024-06%2Fkanazawa-chie.png&w=256&q=75)
![MicroCMSとViteで作るかんたん静的サイト](https://devio2023-media.developers.io/wp-content/uploads/2023/09/eyecatch_microcms_1200x630.png)
MicroCMSとViteで作るかんたん静的サイト
![User avatar](/_next/image/?url=https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2Fdevio_thumbnail%2F2024-06%2Fkanazawa-chie.png&w=256&q=75)
![ContentfulでHome画面を自分好みにカスタマイズする方法(Contentful App)](https://devio2023-media.developers.io/wp-content/uploads/2021/02/contentful-1.jpg)
ContentfulでHome画面を自分好みにカスタマイズする方法(Contentful App)
![User avatar](/_next/image/?url=https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2Fdevio_thumbnail%2F2024-06%2Fkonishi-ryo.jpeg&w=256&q=75)
![MicroCMSと11tyで作るかんたん静的サイト](https://devio2023-media.developers.io/wp-content/uploads/2023/09/eyecatch_microcms_1200x630.png)
MicroCMSと11tyで作るかんたん静的サイト
![User avatar](/_next/image/?url=https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2Fdevio_thumbnail%2F2024-06%2Fkanazawa-chie.png&w=256&q=75)
![Vite + React + Cloudflare Pages + Contentful で アプリを立ち上げるまで](https://devio2023-media.developers.io/wp-content/uploads/2021/08/vite_purple.png)
Vite + React + Cloudflare Pages + Contentful で アプリを立ち上げるまで
![User avatar](/_next/image/?url=https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2Fdevio_thumbnail%2F2024-06%2Fkonishi-ryo.jpeg&w=256&q=75)
![[初心者向け]Contentfulの全体像・記事投稿の流れ・便利な機能をまとめてみた](https://devio2023-media.developers.io/wp-content/uploads/2022/12/Untitled6-3.png)
[初心者向け]Contentfulの全体像・記事投稿の流れ・便利な機能をまとめてみた
![User avatar](/_next/image/?url=https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2Fdevio_thumbnail%2F2024-06%2Fkonishi-ryo.jpeg&w=256&q=75)
![Remix + Contentfulのチュートリアルが公開されたので実際に触りつつ、Netlifyにデプロイしてみる。](https://devio2023-media.developers.io/wp-content/uploads/2021/11/eycatch.png)
Remix + Contentfulのチュートリアルが公開されたので実際に触りつつ、Netlifyにデプロイしてみる。
![User avatar](/_next/image/?url=https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2Fdevio_thumbnail%2F2024-06%2Fkonishi-ryo.jpeg&w=256&q=75)
![Gatsbyの「インクリメンタルビルド」がたくさんあるので整理した。](https://devio2023-media.developers.io/wp-content/uploads/2021/08/eyecatch_gatsby_1200x630.png)
Gatsbyの「インクリメンタルビルド」がたくさんあるので整理した。
![User avatar](/_next/image/?url=https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2Fdevio_thumbnail%2F2024-06%2Fkonishi-ryo.jpeg&w=256&q=75)
![Gatsby + Stripe + Mantine UI でセキュアなECサイトをサクッと立ち上げる](https://devio2023-media.developers.io/wp-content/uploads/2019/12/stripe-eyecatch.png)
Gatsby + Stripe + Mantine UI でセキュアなECサイトをサクッと立ち上げる
![User avatar](/_next/image/?url=https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2Fdevio_thumbnail%2F2024-06%2Fkonishi-ryo.jpeg&w=256&q=75)
![Contentfulのアセット保護機能を解説 – 画像アクセスに認証を付与してみる](https://devio2023-media.developers.io/wp-content/uploads/2021/02/contentful-ec.jpg)
Contentfulのアセット保護機能を解説 – 画像アクセスに認証を付与してみる
![User avatar](/_next/image/?url=https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2Fdevio_thumbnail%2F2024-06%2Fkonishi-ryo.jpeg&w=256&q=75)
![Contentfulで投稿した画像をGatsbyで最適化して出力してみる](https://devio2023-media.developers.io/wp-content/uploads/2020/10/4c85c234076325c638e2c305400f29d6.jpg)
Contentfulで投稿した画像をGatsbyで最適化して出力してみる
![User avatar](/_next/image/?url=https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2Fdevio_thumbnail%2F2024-06%2Fkonishi-ryo.jpeg&w=256&q=75)
![GatsbyからGTM&Google Analytics(GA4)にイベントデータを送信してみる](https://devio2023-media.developers.io/wp-content/uploads/2020/10/gcp-eyecatch-analytics_1200x630.png)
GatsbyからGTM&Google Analytics(GA4)にイベントデータを送信してみる
![User avatar](/_next/image/?url=https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2Fdevio_thumbnail%2F2024-06%2Fkonishi-ryo.jpeg&w=256&q=75)
![Gatsbyの静的ページ遅延生成機能であるDSGを使ってビルド時間を短縮してみた。](https://devio2023-media.developers.io/wp-content/uploads/2021/08/eyecatch_gatsby_1200x630.png)
Gatsbyの静的ページ遅延生成機能であるDSGを使ってビルド時間を短縮してみた。
![User avatar](/_next/image/?url=https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2Fdevio_thumbnail%2F2024-06%2Fkonishi-ryo.jpeg&w=256&q=75)
![GatsbyでContentfulのマークダウン形式のテキストを読み込んでHTMLとして出力する](https://devio2023-media.developers.io/wp-content/uploads/2020/10/4c85c234076325c638e2c305400f29d6.jpg)
GatsbyでContentfulのマークダウン形式のテキストを読み込んでHTMLとして出力する
![User avatar](/_next/image/?url=https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2Fdevio_thumbnail%2F2024-06%2Fkonishi-ryo.jpeg&w=256&q=75)
![Gatsbyのお問合せ保存先としてHubspot Formsにデータを送信してみる](https://devio2023-media.developers.io/wp-content/uploads/2021/08/eyecatch_gatsby_1200x630.png)
Gatsbyのお問合せ保存先としてHubspot Formsにデータを送信してみる
![User avatar](/_next/image/?url=https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2Fdevio_thumbnail%2F2024-06%2Fkonishi-ryo.jpeg&w=256&q=75)
![Contentfulで記事とコンテンツモデルのスナップショットを取得する](https://devio2023-media.developers.io/wp-content/uploads/2021/02/contentful.jpg)
Contentfulで記事とコンテンツモデルのスナップショットを取得する
![User avatar](/_next/image/?url=https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2Fdevio_thumbnail%2F2024-06%2Fkonishi-ryo.jpeg&w=256&q=75)
![ContentfulのAPIエンドポイントを整理します。](https://devio2023-media.developers.io/wp-content/uploads/2021/02/contentful-ec.jpg)
ContentfulのAPIエンドポイントを整理します。
![User avatar](/_next/image/?url=https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2Fdevio_thumbnail%2F2024-06%2Fkonishi-ryo.jpeg&w=256&q=75)
![Cloudflare Pagesのインフラがパワーアップ。 ビルド時の初期化が2秒まで短縮しました。](https://devio2023-media.developers.io/wp-content/uploads/2020/06/cloudflare-1200x630-1.jpg)
Cloudflare Pagesのインフラがパワーアップ。 ビルド時の初期化が2秒まで短縮しました。
![User avatar](/_next/image/?url=https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2Fdevio_thumbnail%2F2024-06%2Fkonishi-ryo.jpeg&w=256&q=75)
![Gatsbyは静的サイトだけじゃない。Gatsby Funcstionsで問い合わせフォームを作ってみた。](https://devio2023-media.developers.io/wp-content/uploads/2021/08/eyecatch_gatsby_1200x630.png)
Gatsbyは静的サイトだけじゃない。Gatsby Funcstionsで問い合わせフォームを作ってみた。
![User avatar](/_next/image/?url=https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2Fdevio_thumbnail%2F2024-06%2Fkonishi-ryo.jpeg&w=256&q=75)
![Pre-renderingでビルド時に外部APIからデータを取得したい {Jamstack => Next.js}](https://devio2023-media.developers.io/wp-content/uploads/2021/12/eyecatch_NextJS_1200x630.png)
Pre-renderingでビルド時に外部APIからデータを取得したい {Jamstack => Next.js}
![User avatar](/_next/image/?url=https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2Fdevio_thumbnail%2F2024-06%2Fmori-ryosuke.jpeg&w=256&q=75)
![Contentfulだけで画像変換が割と優秀。フォーマット変換・リサイズ・顔切り抜きなど試してみたよ](https://devio2023-media.developers.io/wp-content/uploads/2022/01/Untitled-3-2.png)
Contentfulだけで画像変換が割と優秀。フォーマット変換・リサイズ・顔切り抜きなど試してみたよ
![User avatar](/_next/image/?url=https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2Fdevio_thumbnail%2F2024-06%2Fkonishi-ryo.jpeg&w=256&q=75)
![Contentfulの有料プランでは何ができるの? 無料版との違いや便利な機能を解説](https://devio2023-media.developers.io/wp-content/uploads/2021/02/contentful-ec.jpg)
Contentfulの有料プランでは何ができるの? 無料版との違いや便利な機能を解説
![User avatar](/_next/image/?url=https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2Fdevio_thumbnail%2F2024-06%2Fkonishi-ryo.jpeg&w=256&q=75)
![Contentfulで記事やアセットを一括エクスポート/インポートする方法](https://devio2023-media.developers.io/wp-content/uploads/2021/02/contentful-ec.jpg)
Contentfulで記事やアセットを一括エクスポート/インポートする方法
![User avatar](/_next/image/?url=https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2Fdevio_thumbnail%2F2024-06%2Fkonishi-ryo.jpeg&w=256&q=75)
![Contentfulのアプリを自作してみよう! 単語数カウンターを導入してみる。](https://devio2023-media.developers.io/wp-content/uploads/2021/02/contentful-ec.jpg)
Contentfulのアプリを自作してみよう! 単語数カウンターを導入してみる。
![User avatar](/_next/image/?url=https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2Fdevio_thumbnail%2F2024-06%2Fkonishi-ryo.jpeg&w=256&q=75)
![Tiny MCEをContentfulに組み込んでテキストエディターをさらに強化する](https://devio2023-media.developers.io/wp-content/uploads/2021/06/tinymce.png)
Tiny MCEをContentfulに組み込んでテキストエディターをさらに強化する
![User avatar](/_next/image/?url=https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2Fdevio_thumbnail%2F2024-06%2Fkonishi-ryo.jpeg&w=256&q=75)
![せっかちだからJamstackな静的サイトを約10秒で更新するよ(Gatsby Cloud & Contentful)](https://devio2023-media.developers.io/wp-content/uploads/2020/04/gatsby.png)
せっかちだからJamstackな静的サイトを約10秒で更新するよ(Gatsby Cloud & Contentful)
![User avatar](/_next/image/?url=https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2Fdevio_thumbnail%2F2024-06%2Fkonishi-ryo.jpeg&w=256&q=75)
![Cloudflare PagesでNode.jsのバージョンを指定する](https://devio2023-media.developers.io/wp-content/uploads/2021/04/thumbnail233.jpg)
Cloudflare PagesでNode.jsのバージョンを指定する
![User avatar](/_next/image/?url=https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2Fdevio_thumbnail%2F2024-06%2Fkonishi-ryo.jpeg&w=256&q=75)
![ContentfulのUI ExtensionでエディタをWYSIWYGにカスタマイズしてみる](https://devio2023-media.developers.io/wp-content/uploads/2021/02/contentful-ec.jpg)
ContentfulのUI ExtensionでエディタをWYSIWYGにカスタマイズしてみる
![User avatar](/_next/image/?url=https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2Fdevio_thumbnail%2F2024-06%2Fkonishi-ryo.jpeg&w=256&q=75)
![Jamstackホスティング決定版? Cloudflare Pagesを試してみたよ!](https://devio2023-media.developers.io/wp-content/uploads/2020/06/cloudflare-1200x630-1.jpg)
Jamstackホスティング決定版? Cloudflare Pagesを試してみたよ!
![User avatar](/_next/image/?url=https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2Fdevio_thumbnail%2F2024-06%2Fkonishi-ryo.jpeg&w=256&q=75)
![Gatsby.js + Contentfulに爆速な検索フォームを実装する!](https://devio2023-media.developers.io/wp-content/uploads/2021/01/thumbnail22.jpg)
Gatsby.js + Contentfulに爆速な検索フォームを実装する!
![User avatar](/_next/image/?url=https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2Fdevio_thumbnail%2F2024-06%2Fkonishi-ryo.jpeg&w=256&q=75)
![NetlifyキラーのVercelでウェブサイトをホストしたら簡単すぎて笑顔になった](https://devio2023-media.developers.io/wp-content/uploads/2020/12/thumbnail2.jpg)
NetlifyキラーのVercelでウェブサイトをホストしたら簡単すぎて笑顔になった
![User avatar](/_next/image/?url=https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2Fdevio_thumbnail%2F2024-06%2Fkonishi-ryo.jpeg&w=256&q=75)
![CircleCI × Contentful × S3で作るJamstackなブログ環境。](https://devio2023-media.developers.io/wp-content/uploads/2020/12/thumbnail.jpg)
CircleCI × Contentful × S3で作るJamstackなブログ環境。
![User avatar](/_next/image/?url=https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2Fdevio_thumbnail%2F2024-06%2Fkonishi-ryo.jpeg&w=256&q=75)