rendering-patterns
✓クライアント側レンダリング (CSR)、サーバー側レンダリング (SSR)、静的サイト生成 (SSG)、増分静的再生成 (ISR)、ストリーミングなどの Web レンダリング戦略について説明します。レンダリング戦略を決定する場合、パフォーマンスを最適化する場合、またはコンテンツがいつ生成されてユーザーに送信されるかを理解する場合に使用します。
SKILL.md
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 レンダリング戦略について説明します。レンダリング戦略を決定する場合、パフォーマンスを最適化する場合、またはコンテンツがいつ生成されてユーザーに送信されるかを理解する場合に使用します。 ソース: kinfe123/fm-skills。
引用可能な情報
AI/検索での引用用の安定したフィールドとコマンド。
- インストールコマンド
npx skills add https://github.com/kinfe123/fm-skills --skill rendering-patterns- カテゴリ
- </>開発ツール
- 認証済み
- ✓
- 初回登録
- 2026-02-11
- 更新日
- 2026-02-18
クイックアンサー
rendering-patterns とは？
クライアント側レンダリング (CSR)、サーバー側レンダリング (SSR)、静的サイト生成 (SSG)、増分静的再生成 (ISR)、ストリーミングなどの Web レンダリング戦略について説明します。レンダリング戦略を決定する場合、パフォーマンスを最適化する場合、またはコンテンツがいつ生成されてユーザーに送信されるかを理解する場合に使用します。 ソース: kinfe123/fm-skills。
rendering-patterns のインストール方法は？
ターミナルまたはコマンドラインツール（Terminal、iTerm、Windows Terminal など）を開きます このコマンドをコピーして実行します: npx skills add https://github.com/kinfe123/fm-skills --skill rendering-patterns インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code や Cursor で使用できるようになります
ソースリポジトリはどこですか？
https://github.com/kinfe123/fm-skills
詳細
- カテゴリ
- </>開発ツール
- ソース
- skills.sh
- 初回登録
- 2026-02-11