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

はじめに

○○勉強会

○○勉強会

勉強するテーマなどが一般的に入る

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

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

コミュニティ名

なぜか？

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

というのは嘘ですが

今回、このセッションは“プログラミング生放送”に関するテーマでお届けします

※ 勉強会名の本当の答え： よく考えてなかった

pronama.jp/code

※ セッション中のみ有効

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

Q&A

• Q. なにがいいの？

‣A. ニコ生・Ustream などの小さい画面を補える

• Q. なんでプログラミングを放送するの？

‣A. 世の中には説明できることとできないことがある

これを今から作ります

使用ツールなど

• Ｖｉｓｕａｌ Ｓｔｕｄｉｏ

‣数万円から数十万円以上する専門的なソフト

• Ｃシャープ（音楽記号）

‣プログラミング言語

ポイント

• リアルタイムでデータやりとり

‣SignalR の使用

• Visual Studio の拡張機能

‣Visual Studio SDK の使用

SignalR

Server

Clients

SignalR

Server

Clients

手順（Server/Clients）

1. Web アプリプロジェクト作成

• Server と Clients 側両方作成

2. NuGet で SignalR インストール

3.コーディング

• Server 側は .NET で実装

• Clients 側は JavaScript で実装

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.

手順（VS 拡張機能）

1. 機能拡張プロジェクト作成

‣Editor Text Adornment を元にエディター拡張機能を作成

2. NuGet で SignalR .NET Client インストール

‣SignalR の Client としても動作させる

3. コーディング

‣ソースコード変更時にコードを送信する

Editor Subsystems

• Text Model

• Text View

• Classification

• Operations

Text Model

• Text Buffers

• Text Snapshots

• Text Spans

SignalR Server 側サービスの公開

• Windows Azure Web Sites が無償で手軽に使える

ご清聴ありがとうございました

プログラミング生放送で

プログラミング生放送してみてね！

5zj (@jz5)