Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

プログラミング生放送@プログラミング生放送勉強会 第20回@品川

853 views

Published on

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

  • Be the first to comment

プログラミング生放送@プログラミング生放送勉強会 第20回@品川

  1. 1. はじめに
  2. 2. ○○勉強会
  3. 3. ○○勉強会勉強するテーマなどが一般的に入る
  4. 4. プログラミング生放送勉強会
  5. 5. プログラミング生放送勉強会 コミュニティ名
  6. 6. なぜか?
  7. 7. もともとは“プログラミング生放送”に関する勉強会を行っていたが参加人数の増加とともに多彩なテーマを扱う勉強会となり勉強会名は昔の名残である。
  8. 8. というのは嘘ですが
  9. 9. 今回、このセッションは “プログラミング生放送”に 関するテーマでお届けします※ 勉強会名の本当の答え: よく考えてなかった
  10. 10. DEMO ソースコードのリアルタイム配信 pronama.jp/code ※ セッション中のみ有効
  11. 11. Q&A• Q. なにがいいの? ‣A. ニコ生・Ustream などの小さい画面を補える• Q. なんでプログラミングを放送するの? ‣A. 世の中には説明できることとできないことがある
  12. 12. これを今から作ります
  13. 13. 使用ツールなど• Visual Studio ‣数万円から数十万円以上する専門的なソフト• Cシャープ(音楽記号) ‣プログラミング言語
  14. 14. ポイント• リアルタイムでデータやりとり ‣SignalR の使用• Visual Studio の拡張機能 ‣Visual Studio SDK の使用
  15. 15. SignalR Server Clients
  16. 16. SignalR Server Clients
  17. 17. 手順(Server/Clients)1. Web アプリプロジェクト作成 • Server と Clients 側両方作成2. NuGet で SignalR インストール3. コーディング • Server 側は .NET で実装 • Clients 側は JavaScript で実装
  18. 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. 19. 手順(VS 拡張機能)1. 機能拡張プロジェクト作成 ‣Editor Text Adornment を元に エディター拡張機能を作成2. NuGet で SignalR .NET Client インストール ‣SignalR の Client としても動作させる3. コーディング ‣ソースコード変更時にコードを送信する
  20. 20. Editor Subsystems• Text Model• Text View• Classification• Operations
  21. 21. Text Model• Text Buffers• Text Snapshots• Text Spans
  22. 22. SignalR Server 側サービスの公開• Windows Azure Web Sites が無償で 手軽に使える
  23. 23. ご清聴ありがとうございましたプログラミング生放送でプログラミング生放送してみてね! 5zj (@jz5)

×