Skip to content

ガイド SSR 編に CSS の設定と CSS フレームワークの適用 を追加#4146

Merged
kharada7 merged 4 commits intomainfrom
feature/ガイドSSR編にCSSの設定とCSSフレームワークの適用を追加
Dec 22, 2025

Hidden character warning

The head ref may contain hidden characters: "feature/\u30ac\u30a4\u30c9SSR\u7de8\u306bCSS\u306e\u8a2d\u5b9a\u3068CSS\u30d5\u30ec\u30fc\u30e0\u30ef\u30fc\u30af\u306e\u9069\u7528\u3092\u8ffd\u52a0"
Merged

ガイド SSR 編に CSS の設定と CSS フレームワークの適用 を追加#4146
kharada7 merged 4 commits intomainfrom
feature/ガイドSSR編にCSSの設定とCSSフレームワークの適用を追加

Conversation

@KentaHizume
Copy link
Copy Markdown
Contributor

この Pull request で実施したこと

ガイド > SSR 編に CSS の設定と CSS フレームワークの適用 を追加しました。
- Fluent Blazor Web アプリのテンプレートを使用した場合、追加の設定をせずにライブラリーの UI コンポーネントを使用して画面を構築できる旨を記載しました。
- CSS isolation を用いて、Razor コンポーネントごとにスコープ付きのスタイルを定義でき、フレームワーク側のバンドル時の仕組みによって命名について気にしなくてもスタイルが衝突しない旨を記載しました。

この Pull request では実施していないこと

  • 具体的にコンポーネントの追加やスコープ付き CSS ファイルを作成して動作を確認するようなセクションは設けていません。

Issues や Discussions 、関連する Web サイトなどへのリンク

なし

@KentaHizume KentaHizume added this to the v2.0.0 milestone Dec 17, 2025
@KentaHizume KentaHizume self-assigned this Dec 17, 2025
Copilot AI review requested due to automatic review settings December 17, 2025 07:33
@KentaHizume KentaHizume added the target: ガイド/AP開発手順 ドキュメントのガイド/アプリケーション開発手順に関係がある label Dec 17, 2025
Copy link
Copy Markdown
Contributor

Copilot AI left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Pull request overview

このプルリクエストは、SSR アプリケーション開発ガイドに CSS の設定と CSS フレームワークの適用に関するドキュメントを追加するものです。

  • Fluent UI Blazor の使用方法とデフォルト設定について説明
  • CSS isolation(CSS の分離)機能の説明と実装例を追加
  • Visual Studio での CSS ファイル表示を示す画像を追加

Reviewed changes

Copilot reviewed 1 out of 2 changed files in this pull request and generated 3 comments.

File Description
documents/contents/guidebooks/how-to-develop/ssr/css-setup.md Fluent UI Blazor の設定方法と CSS isolation の仕組みを説明するドキュメントを追加
documents/contents/images/guidebooks/how-to-develop/ssr/blazor-css-isolation-vs.png Visual Studio 上でのスコープ付き CSS ファイルの表示例を示す画像ファイルを追加

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

Comment thread documents/contents/guidebooks/how-to-develop/ssr/css-setup.md
Comment thread documents/contents/guidebooks/how-to-develop/ssr/css-setup.md
Comment thread documents/contents/guidebooks/how-to-develop/ssr/css-setup.md Outdated
Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com>
@kharada7 kharada7 requested review from kharada7 and removed request for tsuna-can-se December 22, 2025 01:59
Comment thread documents/contents/guidebooks/how-to-develop/ssr/css-setup.md Outdated
Comment thread documents/contents/guidebooks/how-to-develop/ssr/css-setup.md Outdated
CSS Isolation により各コンポーネントで使用する Fluent UI コンポーネントの CSS がバンドルされるという理屈がわかるように説明を変更。
Copy link
Copy Markdown
Contributor Author

@KentaHizume KentaHizume left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@kharada7
ご指摘の点に従って修正いたしましたので、再度お目通しお願いいたします。

Comment thread documents/contents/guidebooks/how-to-develop/ssr/css-setup.md Outdated
Comment thread documents/contents/guidebooks/how-to-develop/ssr/css-setup.md Outdated
@kharada7 kharada7 merged commit 373a567 into main Dec 22, 2025
7 checks passed
@kharada7 kharada7 deleted the feature/ガイドSSR編にCSSの設定とCSSフレームワークの適用を追加 branch December 22, 2025 07:32
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

target: ガイド/AP開発手順 ドキュメントのガイド/アプリケーション開発手順に関係がある

Projects

None yet

Development

Successfully merging this pull request may close these issues.

AP開発手順 > SSR編 > CSS の設定と CSS フレームワークの適用 を追加

3 participants