これは2020/02/14のC#Tokyo第3回でのLT資料です. SignalRを使ってパワポリモコンを作る,というお話です.

1. SignalRでリモコンを作ろう
C# Tokyo LT大会 2020/02
Nisizawa Shuhei

2. 自己紹介
• 西澤周平
• 業務用のASP.NETアプリケーションの保守er
• 趣味でXamarin.Formsやってます
@shuhey_commu

3. SignalRとは
• ASP.NETに双方向,リアルタイムな通信機能を追加するライブラリ
• サーバー･クライアント間に永続的なコネクションを確立
• 自動再接続も
• コネクションの方式は自動で選択
• サーバーとクライアント間でベストなものを選択
• 開発者は考える必要がない
• RPC(Remote Procedure Call)でサーバーからクライアントのメソッドを,
クライアントからサーバーのメソッドを呼ぶことができる.

4. よく見る用途
• チャットアプリ
• SignalRのサンプルでおなじみ
• ダッシュボード
• データの変化をリアルタイムでクライアントに反映
• 株価のリアルタイムチャートとか?
• Server-Side Blazor

5. SignalRのイメージ
• 双方向
• リアルタイム通信
はろー

6. SignalRのイメージ
• 双方向
• リアルタイム通信
はろー
はろー
はろー
はろー
知らんがな…

7. SignalRを使って何かできないだろうか
• クライアントからクライアントにメッセージを送れる(サーバー
経由で)
• 相手クライアント側でメッセージを受け取ったら任意の処理を
行える
• つまり, ネットワークの向こうのデバイスを操作できる

8. SignalRを使って何かできないだろうか
• 欲しい物を作る
• モチベーション高まる
• 結果として嬉しい

9. SignalRを使って何かできないだろうか
• 欲しい物を作る
• モチベーション高まる
• 結果として嬉しい
• 発表スライドコントローラー
• パワポリモコン
こんなやつ →

10. とあるパワポリモコンの機能
• 次のスライドへ
• 前のスライドへ
• ブラックアウト

11. SignalRパワポリモコンのメリット
• 貴重なUSBポートを消費しない
• 忘れる可能性が低い
• うっかりバッテリー切れの可能性が低い
• お金が減らない(時間は減るけど)
• そんなに高価なものでもないけれど
• 機能の追加もお好みのままに
• 経験はプライスレス!

12. SignalRパワポリモコンのデメリット
• ネットワーク必須
• 自作ゆえに本番でちゃんと動くかすごく不安

13. パワポリモコンの構成
リモコン役の
Xamarin.Forms製アプリ
(無料)
レシーバー役の
WPF製常駐アプリ
(無料)
中継するだけの
SignalRサーバー
Azure App Serviceでホスト
(無料)
ここでPower
Pointを動かし
ているよ

14. 仕組み
• SignalRサーバーへメッセージ(ただの文字列)送信
next

15. 仕組み
• SignalRサーバーはクライアントへそのまま中継するだけ
next next

16. 仕組み
• メッセージに応じて各キーが押されたことにする
next next
SendKeys.SendWait("{RIGHT}");
キーボードの→が押されたことにする

17. メッセージとキーの対応
送信文字列 シミュレートするキー操作 補足
prev ←
next →
blackout B
toggleSlideShow Shift+5 切り替え
ESC

18. デモ
• すでにやってます
• (注:このプレゼンを自作パワポコントローラで行いました)

19. まとめ
• SignalRの双方向,リアルタイム通信の機能を使えばネットワーク
の向こう側のデバイスを操作できる
• 実装はとてもシンプルにできる
• 公式のチュートリアル,ドキュメントを見ると実感できます
• .NETアプリさえ動けばいろんなデバイスを操作できる!
• と思ふ
• ぜひSignalRで遊んでみてください

20. ありがとうございました

21. 参考
• .NET Core と SignalR によるリアルタイム Web の活用
• MS 井上さん
• https://www.slideshare.net/chack411/net-core-signalr-web
• チャットアプリチュートリアル(クライアントはJavaScript)
• https://docs.Microsoft.com/en-us/aspnet/core/tutorials/signalr?tabs=visual-studio&view=aspnetcore-3.1
• .NETクライアント(C#で)
• https://docs.microsoft.com/en-us/aspnet/core/signalr/dotnet-client?view=aspnetcore-3.1&tabs=visual-studio
• 今回のソースコード
• https://github.com/shuheydev/SlideController