ソースコードのリアルタイム配信

1. はじめに

2. ○○勉強会

3. ○○勉強会
勉強するテーマなどが一般的に入る

4. プログラミング生放送勉強会

5. プログラミング生放送勉強会
コミュニティ名

6. なぜか？

7. もともとは“プログラミング生放送”に
関する勉強会を行っていたが参加人数
の増加とともに多彩なテーマを扱う勉
強会となり勉強会名は昔の名残である。

8. というのは嘘ですが

9. 今回、このセッションは
“プログラミング生放送”に
関するテーマでお届けします
※ 勉強会名の本当の答え： よく考えてなかった

10. DEMO ソースコードのリアルタイム配信
pronama.jp/code
※ セッション中のみ有効

11. Q&A
• Q. なにがいいの？
‣A. ニコ生・Ustream などの小さい画面を補える
• Q. なんでプログラミングを放送するの？
‣A. 世の中には説明できることとできないことがある

12. これを今から作ります

13. 使用ツールなど
• Ｖｉｓｕａｌ Ｓｔｕｄｉｏ
‣数万円から数十万円以上する専門的なソフト
• Ｃシャープ（音楽記号）
‣プログラミング言語

14. ポイント
• リアルタイムでデータやりとり
‣SignalR の使用
• Visual Studio の拡張機能
‣Visual Studio SDK の使用

15. SignalR
Server
Clients

16. SignalR
Server
Clients

17. 手順（Server/Clients）
1. Web アプリプロジェクト作成
• Server と Clients 側両方作成
2. NuGet で SignalR インストール
3. コーディング
• Server 側は .NET で実装
• Clients 側は JavaScript で実装

18. Visual Studio SDK
• Add commands, windows, and other features to the IDE.
• Extend the Visual Studio editor.
• Enable support for a new language.
• Extend data designer functionality to external data sources.
• Add your own project-type templates.
• Integrate custom source control.
• Customize the Visual Studio debugger or create your own.
• Create and manage your team test suites.

19. 手順（VS 拡張機能）
1. 機能拡張プロジェクト作成
‣Editor Text Adornment を元に
エディター拡張機能を作成
2. NuGet で SignalR .NET Client インストール
‣SignalR の Client としても動作させる
3. コーディング
‣ソースコード変更時にコードを送信する

20. Editor Subsystems
• Text Model
• Text View
• Classification
• Operations

21. Text Model
• Text Buffers
• Text Snapshots
• Text Spans

22. SignalR Server 側サービスの公開
• Windows Azure Web Sites が無償で
手軽に使える

23. ご清聴ありがとうございました
プログラミング生放送で
プログラミング生放送してみてね！
5zj (@jz5)