rendering-patterns とは?
クライアント側レンダリング (CSR)、サーバー側レンダリング (SSR)、静的サイト生成 (SSG)、増分静的再生成 (ISR)、ストリーミングなどの Web レンダリング戦略について説明します。レンダリング戦略を決定する場合、パフォーマンスを最適化する場合、またはコンテンツがいつ生成されてユーザーに送信されるかを理解する場合に使用します。 ソース: farming-labs/fm-skills。
クライアント側レンダリング (CSR)、サーバー側レンダリング (SSR)、静的サイト生成 (SSG)、増分静的再生成 (ISR)、ストリーミングなどの Web レンダリング戦略について説明します。レンダリング戦略を決定する場合、パフォーマンスを最適化する場合、またはコンテンツがいつ生成されてユーザーに送信されるかを理解する場合に使用します。
コマンドラインで rendering-patterns AI スキルを開発環境にすばやくインストール
ソース: farming-labs/fm-skills。
Rendering determines when and where HTML is generated. Each pattern has distinct performance, SEO, and infrastructure implications.
| Pattern | When Generated | Where Generated | Use Case |
| CSR | Runtime (browser) | Client | Dashboards, authenticated apps | | SSR | Runtime (each request) | Server | Dynamic, personalized content | | SSG | Build time | Server/Build | Static content, blogs, docs | | ISR | Build + revalidation | Server | Content that changes periodically |
クライアント側レンダリング (CSR)、サーバー側レンダリング (SSR)、静的サイト生成 (SSG)、増分静的再生成 (ISR)、ストリーミングなどの Web レンダリング戦略について説明します。レンダリング戦略を決定する場合、パフォーマンスを最適化する場合、またはコンテンツがいつ生成されてユーザーに送信されるかを理解する場合に使用します。 ソース: farming-labs/fm-skills。
AI/検索での引用用の安定したフィールドとコマンド。
npx skills add https://github.com/farming-labs/fm-skills --skill rendering-patternsクライアント側レンダリング (CSR)、サーバー側レンダリング (SSR)、静的サイト生成 (SSG)、増分静的再生成 (ISR)、ストリーミングなどの Web レンダリング戦略について説明します。レンダリング戦略を決定する場合、パフォーマンスを最適化する場合、またはコンテンツがいつ生成されてユーザーに送信されるかを理解する場合に使用します。 ソース: farming-labs/fm-skills。
ターミナルまたはコマンドラインツール(Terminal、iTerm、Windows Terminal など)を開きます このコマンドをコピーして実行します: npx skills add https://github.com/farming-labs/fm-skills --skill rendering-patterns インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code、Cursor、OpenClaw で使用できるようになります
https://github.com/farming-labs/fm-skills