サーバーレス

appディレクトリ

Svelte

Strapi

AWS Amplify

React Suspense

vercel/og

TurboPack

Markdown

esbuild

キャッシュ

Prefetching

静的ページ

Pre-rendering

Google Speed insights

Lighthouse

Routing

カスタムフック

Mathias Biilmann

webpack

vite

yarn

WordPress REST API

Tanstack Query

Axios

JavaScript

Babel

HTTP通信

Azure

TypeScript

Postman

webhook

CommonJS

ECMAScript

トランスパイル

コンパイル

Prettier

ESLint

ビルド

GitHub Pages

Node.js

Supabase

Vercel

Contentful

Netlify CMS

Newt

Kuroco

microCMS

Astro

Gatsby.js

Nuxt.js

Next.js

Angular

React

Github Actions

データベース

Algolia

ハイドレーション

サイトマップ

データフェッチ

ダイナミックルーティング

Netlify

状態管理

Firebase

レンタルサーバー

デプロイ

ホスティングサービス

Hooks

CSS Modules

Emotion

styled-components

CSS in JS

JSON

仮想DOM

マイクロサービス

モノリス

マウント

レンダリング

アーキテクチャ

GraphQL

REST API

BaaS

ヘッドレスCMS

On-demand ISR

Jamstack

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を作成しておくことで、高速なページ読み込み速度、安全性、スケーラビリティ、コストの削減などの利点を提供します。

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

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

ISRとは、Incremental Static Regenerationの略称で、SSGしたページを任意の秒数で再生成するための機能です。SSGではコンテンツを更新した際にサイト全体が再構築されてしまいますが、ISRではサイト全体を再構築することなく、ページ単位で静的生成を行うことができます。ISRを使えば、静的ページの利点を維持しながら、サイト全体のページ数を数百万まで拡張することが可能です。 ISRはNext.jsの機能ですが、Gatsby.jsではDSGという似た機能があります。

ISRとは、Incremental Static Regenerationの略称で、SSGしたページを任意の秒数で再生成するための機能です。
ISRではサイト全体を再構築することなく、ページ単位で静的生成を行うことができます。ISRを使えば、静的ページの利点を維持しながら、数百万ページまで拡張することが可能です。

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

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

マイクロサービスとは、大きなアプリケーションを小さな独立したサービスに分割して構築するアーキテクチャのことです。各サービスは個別に開発・デプロイ・運用ができ、独立して動作することが特長です。 このアーキテクチャは、大規模なシステムを構築する際にスケーラビリティや保守性の問題を軽減することができます。また、各サービス間の通信はAPIを介して行われるため、開発チーム間の協力もよりスムーズになります。 一方で、マイクロサービスアーキテクチャを導入することで、開発・運用の複雑さが増すこともあります。また、サービス間の通信による遅延やエラーも生じることがありますので、適切な管理が必要です。 マイクロサービスと対照的なアーキテクチャとしてモノリスがあります。

マイクロサービスとは、大きなアプリケーションを小さな独立したサービスに分割して構築するアーキテクチャのことです。各サービスは個別に開発・デプロイ・運用ができ、独立して動作することが特長です。

Next.jsは、Vercelが開発したReactのフレームワークです。Next.jsはSSR・SSG・ISR・On-demand ISRなどを組み合わせて提供することにより、Webアプリケーションの開発を簡素化することを目的に設計されています。高速なページロード速度、SEOフレンドリーなWebアプリケーション、管理しやすいURLなど、多数のメリットがあります。また、スケーラブルなアーキテクチャを採用しているため、大規模なWebアプリケーションを開発することもできます。TypeScriptとの相性がいいのも特徴の1つです。

Next.jsは、Vercelが開発したReactのフレームワークです。Next.jsはSSR・SSG・ISR・On-demand ISRなどを組み合わせて提供することにより、Webアプリケーションの開発を簡素化することを目的に設計されています。

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

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

Pre-renderingは、Webページのレンダリング処理を事前に行って、ユーザーがアクセスするときにすぐに表示できるようにする技術です。これにより、ページの読み込み速度が向上し、ユーザーエクスペリエンスが改善されます。動的なコンテンツを持つWebアプリケーションに適用することができます。 Pre-renderingは、Jamstackアプリケーションに対する非常に効果的な技術であり、動的なWebアプリケーションのようなリアルタイムの挙動を提供することもできます。SSGとほとんど同じ意味です。

Pre-renderingは、Webページのレンダリング処理を事前に行って、ユーザーがアクセスするときにすぐに表示できるようにする技術です。
これにより、ページの読み込み速度が向上し、ユーザーエクスペリエンスが改善されます。

Viteは、高速なJavaScriptアプリケーション開発を実現するために設計されたビルドツールです。インクリメンタルビルドのサポート、簡単なセットアップ、高速なページロードなどの特長があります。ESModulesとTypeScriptのサポート、コンパイルなしでブラウザで動作することができます。 このような特長から、ViteはReact、Vueなどのフロントエンドアプリケーションの開発に適しています。以前のバンドルツールはWebpackが主流でしたが、現在はViteの採用が増えてきています。しかしVercelが発表したTurboPackがViteよりも高速と言われており、今後の展開が注目れされています。

Viteは、高速なJavaScriptアプリケーション開発を実現するために設計されたビルドツールです。
インクリメンタルビルドのサポート、簡単なセットアップ、高速なページロードなどの特長があります。

あ行

か行

さ行

た行

な行

は行

ま行

や行

ら行

わ行