microCMSは、ヘッドレスCMSの1つです。日本企業が開発した国産CMSのため、日本語のドキュメントも豊富で国内で人気が高いのが特徴です。Jamstackとの相性が良く、管理画面が直感的で使いやすいことも人気です。 microCMSは、コーポレートサイトからメディアサイトまで、多種多様な要件を満たすことができるように設計されています。例えば、カスタムフィールドを作成したり、コンテンツ参照で別の記事や他のAPIスキーマと紐づけることが容易にできます。

microCMSは、ヘッドレスCMSの1つです。
日本企業が開発した国産CMSのため、日本語のドキュメントも豊富で国内で人気が高いのが特徴です。
Jamstackとの相性が良く、管理画面が直感的で使いやすいことも人気です。

microCMS

SSGとは、Static Site Generationの略称で、静的なサイトを生成するアーキテクチャのことです。ビルド時にデータフェッチしてHTMLを生成し、静的なコンテンツを配信するので高速でかつセキュアです。SSGはMarkdownなどの記述言語を使ってコンテンツを作成し、テンプレートエンジンを使ってHTMLに変換することで動的なサイトのような表示が可能です。Next.js、Nuxt.js、Gatsby.jsなどのフレームワーク・ライブラリを使って作成することがほとんとです。 他にレンダリング手法として、CSRやSSR、ISRなどもあるので目的に応じて選択します。

SSGとは、Static Generationの略称で、静的なサイトを生成するアーキテクチャのことです。
ビルド時にデータフェッチしてHTMLを生成し、静的なコンテンツを配信するので高速でかつセキュアです。

LighthouseはGoogleによって開発された、Webアプリケーションのパフォーマンス、アクセス性、互換性を評価するオープンソースツールです。Google Chromeブラウザ内蔵のDevToolsから実行できますが、Node.jsによっても利用することができます。Webアプリケーションに対して45以上の検査項目を実行して、改善すべきポイントを評価します。 同じくGoogleが開発したWebページのパフォーマンス評価ツールとして、Google Speed Insightsがあります。

LighthouseはGoogleによって開発された、Webアプリケーションのパフォーマンス、アクセス性、互換性を評価するオープンソースツールです。
Google Chromeブラウザ内蔵のDevToolsから実行できますが、Node.jsによっても利用することができます。

Lighthouse

Vercelは、WebサイトやWebアプリケーションの開発・ホスティング・デプロイメントの一元管理を行うWeb開発プラットフォームです。Jamstackやサーバーレスなアプリケーションの開発に特化しています。高速なページロード速度やシンプルな開発ワークフロー、リアルタイムのデプロイといった特長があります。GitHubやGitLabと連携して、コード変更を自動的にデプロイすることもできます。プッシュごとにデプロイされ、プレビューURLを発行できるなど開発者にもメリットが多いことも特徴です。 また、Vercel社はNext.jsも開発している会社でもあり今後の発展が注目されています。

Vercelは、WebサイトやWebアプリケーションの開発・ホスティング・デプロイメントの一元管理を行うWeb開発プラットフォームです。
Jamstackやサーバーレスなアプリケーションの開発に特化しています。

Vercel

memo化とは、同じpropsを受け取ったときに同じ結果を返すような関数コンポーネントがある場合、そのコンポーネントを再レンダリングせずにキャッシュされた結果を返す仕組みのことです。ReactやVueなどで開発する際に、パフォーマンスを向上させる目的で使用されます。 例えばReactでは、`React.memo()`や`useMemo()`を使用することで、コンポーネントのpropsが変更されない限り再レンダリングをスキップすることができます。これにより、高速なアプリケーションを構築することができます。 ただし、コンポーネントが非常に単純な場合や、propsが頻繁に変更される場合には、memo化することがパフォーマンスを悪化させることがありますので、使用する際には注意が必要です。

memo化とは、同じpropsを受け取ったときに同じ結果を返すような関数コンポーネントがある場合、そのコンポーネントを再レンダリングせずにキャッシュされた結果を返す仕組みのことです。

memo化

On-demand ISRは、On-demand Incremental Static Regeneration の略称で、Next.jsによって提供される機能の一つです。この機能を利用すると、必要に応じて静的ページを再生成することができます。 通常、Next.jsではビルド時に静的ページを生成することで、高速なパフォーマンスを実現しますが、ISRを使用するとリクエスト時に必要なページのみを再生成することができます。 ISRでは設定した秒数のキャッシュが残りますが、これでは早急に修正したい場合などにいち早く情報を更新できません。On-demand ISRを利用することによって任意のタイミングで更新することが可能になります。

On-demand ISRは、On-demand Incremental Static Regeneration の略称で、Next.jsによって提供される機能の一つです。
この機能を利用すると、必要に応じて静的ページを再生成することができます。

On-demand ISR

Web開発において、ユーザーの要求に応じて必要な情報を提供するために、APIリクエスト、DBクエリ、外部APIからのレスポンスなどを受信することがあります。その際、データ取得が失敗した場合に備えて、fallbackと呼ばれる代替コンテンツを用意することがあります。fallbackは、一時的なエラー、ネットワーク接続の問題、サーバーダウンなどが原因で、APIリクエストが完了できなかった場合に、代替のコンテンツを提供する仕組みです。フォールバックの実装方法には、クライアントサイドで行う方法とサーバーサイドで行う方法があります。例えばNext.jsでは、SSGの場合にはfallbackを常に`false`にして404に遷移させ、SSRの場合には、fallbackを`blocking`などにすることで、サーバー上でHTMLを生成し該当のページに遷移させます。

Web開発において、ユーザーの要求に応じて必要な情報を提供するために、APIリクエスト、DBクエリ、外部APIからのレスポンスなどを受信することがあります。その際、データ取得が失敗した場合に備えて、fallbackと呼ばれる代替コンテンツを用意することがあります。

fallback

Turbopackは、Vercelが開発したWebpackの後継にあたるバンドルツールのことです。2022年10月のNext.jsバージョン13のリリースと同じタイミングで発表されました。 現在は、WebpackやViteが主にモジュールバンドルツールとして使われていますが、TurbopackはWebpackよりも700倍高速と言われています。

Turbopackは、Vercelが開発したWebpackの後継にあたるバンドルツールのことです。
2022年10月のNext.jsバージョン13のリリースと同じタイミングで発表されました。

Turbopack

JamstackはJavaScript / APIs / Markup の頭文字＋stackの造語です。これは、NetlifyのCEO Mathias Biilmann氏が提唱しました。 Next.jsやNuxt.jsなどのフレームワークでSSGと言われるレンダリング手法で、事前にデータを埋め込んだ静的HTMLとJavaScriptを作成しておくことで、高速なページ読み込み速度、安全性、スケーラビリティ、コストの削減などの利点を提供します。SSGが主体の時はbuildに時間がかかることから開発に制限がかかっていましたが、SSR / ISRなどと組み合わせることで、よりアプリケーションに近い開発にも広がっています。

JamstackはJavaScript / APIs / Markup の頭文字＋stackの造語です。
Next.jsやNuxt.jsなどのフレームワークでSSGと言われるレンダリング手法で、事前にデータを埋め込んだ静的HTMLとJavaScriptを作成しておくことで、高速なページ読み込み速度、安全性、スケーラビリティ、コストの削減などの利点を提供します。

Jamstack

ヘッドレスCMSとは、Webサイトやアプリケーションに対するコンテンツの管理を行うためのシステムです。通常のCMSと異なり、ヘッドレスCMSはWebサイトのフロントエンド（ユーザーが直接閲覧する部分）とバックエンド（コンテンツの管理を行う部分）を分離し、APIを介して連携するというアプローチをとっています。オンラインショップやメディアサイトなどの大規模なWebサイトから、IoTデバイスやAR/VRアプリケーションなどの新しいタイプのシステムまで、様々な用途に利用することができます。 一般的によく使われるサービスには以下のようなものがあります（アルファベット順）。<ul><li>Contentful</li><li>Kuroco</li><li>microCMS</li><li>Netlify CMS</li><li>Newt</li><li>Strapi</li></ul>

ヘッドレスCMSとは、Webサイトやアプリケーションに対するコンテンツの管理を行うためのシステムです。通常のCMSと異なりヘッドレスCMSは、Webサイトのフロントエンド（ユーザーが直接閲覧する部分）とバックエンド（コンテンツの管理を行う部分）を分離し、APIを介して連携するというアプローチをとっています。

Q1