--- lang: ja-jp breaks: true --- # Blazor アプリ全体に `レンダリングモード` を適用する 2024-01-16 > アプリ全体にレンダリング モードを適用する > https://learn.microsoft.com/ja-jp/aspnet/core/blazor/components/render-modes?view=aspnetcore-8.0#apply-a-render-mode-to-the-entire-app ## Fluent Blazor Web App テンプレートからプロジェクトを作成 ![image](https://hackmd.io/_uploads/S147vqQYT.png) ![image](https://hackmd.io/_uploads/HJtBD97FT.png) ## App.razor ```htmlembedded= <Routes /> ``` を以下に書き換える ```htmlembedded= <Routes @rendermode="InteractiveServer" /> ``` ## Counter.razor `Counter.razor`から、`@rendermode InteractiveServer` を削除 ![image](https://hackmd.io/_uploads/ryCqPq7tp.png) ## 正常に動作する ![image](https://hackmd.io/_uploads/rkvhPqQFa.png) ###### tags: `Blazor` `レンダリングモード` `rendermode` `Fluent`