前書き こちらはタイトル通りのチャットの基本部分をとりあえず作ってみたのでサンプルとして投稿しております。当投稿は実装編となり、開発準備などを行った1準備編の続きです。 あくまでも実用レベルではありませんので見た目は適当で送受信する内容もチャットとして使うには足りていないものになりますが、以下の内容を実装できればとりあえずの基礎部分はできるため十分かと思います。 送信ボタンのクリックでC#のイベントハンドラを呼び出す C#からJavaScriptを呼び出し、画面の入力値をクラスのインスタンスを引数として渡す SignalRをJavaScriptから使用してServerのhubへ送信し、全クライアントで受信する(こちらはただのAsp.Net CoreによるSiganlRなので特に問題はないはずでした) JavaScriptからC#のメソッドを呼び出してhubより受信したオブジェクトを引数とし
![C#の実験的なBlazor(WebAssembly+Razor)とSignalRでチャットを作ってみた2実装編 - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/2e4188651eb59dd046d891702808f404ae54ed98/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-9f5428127621718a910c8b63951390ad.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTkxNiZoPTMzNiZ0eHQ9QyUyMyVFMyU4MSVBRSVFNSVBRSU5RiVFOSVBOCU5MyVFNyU5QSU4NCVFMyU4MSVBQUJsYXpvciVFRiVCQyU4OFdlYkFzc2VtYmx5JUVGJUJDJThCUmF6b3IlRUYlQkMlODklRTMlODElQThTaWduYWxSJUUzJTgxJUE3JUUzJTgzJTgxJUUzJTgzJUEzJUUzJTgzJTgzJUUzJTgzJTg4JUUzJTgyJTkyJUU0JUJEJTlDJUUzJTgxJUEzJUUzJTgxJUE2JUUzJTgxJUJGJUUzJTgxJTlGJUVGJUJDJTkyJUU1JUFFJTlGJUU4JUEzJTg1JUU3JUI3JUE4JnR4dC1jb2xvcj0lMjMyMTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9NTYmdHh0LWNsaXA9ZWxsaXBzaXMmdHh0LWFsaWduPWxlZnQlMkN0b3Amcz01ZTYwZTAzMTA3Nzg0OGE5OGNmYjFhMzM5ZjZhYjcxOA%26mark-x%3D142%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTYxNiZ0eHQ9JTQwbGVuc291a28mdHh0LWNvbG9yPSUyMzIxMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT0zNiZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZzPTliZDA3OTNhYmY4NDE1YTU1MDRhNDQ3ZmYyZDkyZTM0%26blend-x%3D142%26blend-y%3D491%26blend-mode%3Dnormal%26s%3D6471ab99c3f8a4d604eb1bf2e39381ee)