Submit Search
Upload
最近、リアルタイムWebが面白い
•
0 likes
•
1,232 views
Narami Kiyokura
Follow
2013-07-20開催の「第26回オープンラボ岡山」のセッション資料 http://local.aguuu.com/events/19055
Read less
Read more
Technology
Report
Share
Report
Share
1 of 44
Download now
Download to read offline
Recommended
20140823 LL diver Angular.js で構築した note に関して
20140823 LL diver Angular.js で構築した note に関して
Shoei Takamaru
TypeScript ファースト ステップ (v.0.9 対応版) ~ Any browser. Any host. Any OS. Open Sourc...
TypeScript ファースト ステップ (v.0.9 対応版) ~ Any browser. Any host. Any OS. Open Sourc...
Akira Inoue
CLR/H#74 LT IT勉強会発表用イチオシツール
CLR/H#74 LT IT勉強会発表用イチオシツール
Jun-ichi Sakamoto
はじめにことばありき
はじめにことばありき
Shumpei Shiraishi
Introduction of "MarkdownPresenter"
Introduction of "MarkdownPresenter"
Jun-ichi Sakamoto
秒速一億円
秒速一億円
Shumpei Shiraishi
イラスト日用服飾辞典/三面記事の歴史/健康男 を読んで
イラスト日用服飾辞典/三面記事の歴史/健康男 を読んで
Shumpei Shiraishi
[予告篇] みんなで同時プレイするクイズWebアプリでCodeQuizに挑戦!
[予告篇] みんなで同時プレイするクイズWebアプリでCodeQuizに挑戦!
Jun-ichi Sakamoto
Recommended
20140823 LL diver Angular.js で構築した note に関して
20140823 LL diver Angular.js で構築した note に関して
Shoei Takamaru
TypeScript ファースト ステップ (v.0.9 対応版) ~ Any browser. Any host. Any OS. Open Sourc...
TypeScript ファースト ステップ (v.0.9 対応版) ~ Any browser. Any host. Any OS. Open Sourc...
Akira Inoue
CLR/H#74 LT IT勉強会発表用イチオシツール
CLR/H#74 LT IT勉強会発表用イチオシツール
Jun-ichi Sakamoto
はじめにことばありき
はじめにことばありき
Shumpei Shiraishi
Introduction of "MarkdownPresenter"
Introduction of "MarkdownPresenter"
Jun-ichi Sakamoto
秒速一億円
秒速一億円
Shumpei Shiraishi
イラスト日用服飾辞典/三面記事の歴史/健康男 を読んで
イラスト日用服飾辞典/三面記事の歴史/健康男 を読んで
Shumpei Shiraishi
[予告篇] みんなで同時プレイするクイズWebアプリでCodeQuizに挑戦!
[予告篇] みんなで同時プレイするクイズWebアプリでCodeQuizに挑戦!
Jun-ichi Sakamoto
More Azure Websites! - JAZUGさっぽろ "きたあず" 第5回勉強会ライトニングトーク
More Azure Websites! - JAZUGさっぽろ "きたあず" 第5回勉強会ライトニングトーク
Jun-ichi Sakamoto
AngularJS 2.0 Jumpstart
AngularJS 2.0 Jumpstart
Filipe Falcão
Gulp ことはじめ
Gulp ことはじめ
Kyohei Morimoto
20130921レジュメ2
20130921レジュメ2
Shumpei Shiraishi
HTML5がもたらすアプリ開発へのインパクト
HTML5がもたらすアプリ開発へのインパクト
Shumpei Shiraishi
「それでも人生にイエスと言う」を読んで
「それでも人生にイエスと言う」を読んで
Shumpei Shiraishi
「それでも人生にイエスと言う」を読んで
「それでも人生にイエスと言う」を読んで
Shumpei Shiraishi
Reactive Programming
Reactive Programming
maruyama097
ASP.NET vNext / Visual Studio "14" に見る .NET の未来像
ASP.NET vNext / Visual Studio "14" に見る .NET の未来像
Akira Inoue
TypeScript And ALM
TypeScript And ALM
Kazushi Kamegawa
HTML5時代のフロントエンド開発入門
HTML5時代のフロントエンド開発入門
Shumpei Shiraishi
Ohotech特盛#14 セッション4 予告編
Ohotech特盛#14 セッション4 予告編
Jun-ichi Sakamoto
WebRTCがビデオ会議市場に与えるインパクトを探る
WebRTCがビデオ会議市場に与えるインパクトを探る
Shumpei Shiraishi
Typescriptの中のこと(浅め)
Typescriptの中のこと(浅め)
Kazuhide Maruyama
Linux & Mac OS でも動く! ~ オープンソース & クロスプラットフォーム .NET の歩き方 ~
Linux & Mac OS でも動く! ~ オープンソース & クロスプラットフォーム .NET の歩き方 ~
Akira Inoue
変身×フランツ・カフカ
変身×フランツ・カフカ
Shumpei Shiraishi
One ASP.NET の今とこれから
One ASP.NET の今とこれから
Akira Inoue
AngularJS+TypeScriptを試してみた。
AngularJS+TypeScriptを試してみた。
Toshio Ehara
AngularJS+TypeScript - AngularJS 1周年記念勉強会
AngularJS+TypeScript - AngularJS 1周年記念勉強会
Masahiro Wakame
TypeScriptで作る型安全FirefoxOSアプリ
TypeScriptで作る型安全FirefoxOSアプリ
progre
SQL Server のプロジェクト指向オフライン データベース開発を採用してみた話
SQL Server のプロジェクト指向オフライン データベース開発を採用してみた話
Narami Kiyokura
どうなる?Visual Studioの クライアントサイド web開発の今後
どうなる?Visual Studioの クライアントサイド web開発の今後
Narami Kiyokura
More Related Content
Viewers also liked
More Azure Websites! - JAZUGさっぽろ "きたあず" 第5回勉強会ライトニングトーク
More Azure Websites! - JAZUGさっぽろ "きたあず" 第5回勉強会ライトニングトーク
Jun-ichi Sakamoto
AngularJS 2.0 Jumpstart
AngularJS 2.0 Jumpstart
Filipe Falcão
Gulp ことはじめ
Gulp ことはじめ
Kyohei Morimoto
20130921レジュメ2
20130921レジュメ2
Shumpei Shiraishi
HTML5がもたらすアプリ開発へのインパクト
HTML5がもたらすアプリ開発へのインパクト
Shumpei Shiraishi
「それでも人生にイエスと言う」を読んで
「それでも人生にイエスと言う」を読んで
Shumpei Shiraishi
「それでも人生にイエスと言う」を読んで
「それでも人生にイエスと言う」を読んで
Shumpei Shiraishi
Reactive Programming
Reactive Programming
maruyama097
ASP.NET vNext / Visual Studio "14" に見る .NET の未来像
ASP.NET vNext / Visual Studio "14" に見る .NET の未来像
Akira Inoue
TypeScript And ALM
TypeScript And ALM
Kazushi Kamegawa
HTML5時代のフロントエンド開発入門
HTML5時代のフロントエンド開発入門
Shumpei Shiraishi
Ohotech特盛#14 セッション4 予告編
Ohotech特盛#14 セッション4 予告編
Jun-ichi Sakamoto
WebRTCがビデオ会議市場に与えるインパクトを探る
WebRTCがビデオ会議市場に与えるインパクトを探る
Shumpei Shiraishi
Typescriptの中のこと(浅め)
Typescriptの中のこと(浅め)
Kazuhide Maruyama
Linux & Mac OS でも動く! ~ オープンソース & クロスプラットフォーム .NET の歩き方 ~
Linux & Mac OS でも動く! ~ オープンソース & クロスプラットフォーム .NET の歩き方 ~
Akira Inoue
変身×フランツ・カフカ
変身×フランツ・カフカ
Shumpei Shiraishi
One ASP.NET の今とこれから
One ASP.NET の今とこれから
Akira Inoue
AngularJS+TypeScriptを試してみた。
AngularJS+TypeScriptを試してみた。
Toshio Ehara
AngularJS+TypeScript - AngularJS 1周年記念勉強会
AngularJS+TypeScript - AngularJS 1周年記念勉強会
Masahiro Wakame
TypeScriptで作る型安全FirefoxOSアプリ
TypeScriptで作る型安全FirefoxOSアプリ
progre
Viewers also liked
(20)
More Azure Websites! - JAZUGさっぽろ "きたあず" 第5回勉強会ライトニングトーク
More Azure Websites! - JAZUGさっぽろ "きたあず" 第5回勉強会ライトニングトーク
AngularJS 2.0 Jumpstart
AngularJS 2.0 Jumpstart
Gulp ことはじめ
Gulp ことはじめ
20130921レジュメ2
20130921レジュメ2
HTML5がもたらすアプリ開発へのインパクト
HTML5がもたらすアプリ開発へのインパクト
「それでも人生にイエスと言う」を読んで
「それでも人生にイエスと言う」を読んで
「それでも人生にイエスと言う」を読んで
「それでも人生にイエスと言う」を読んで
Reactive Programming
Reactive Programming
ASP.NET vNext / Visual Studio "14" に見る .NET の未来像
ASP.NET vNext / Visual Studio "14" に見る .NET の未来像
TypeScript And ALM
TypeScript And ALM
HTML5時代のフロントエンド開発入門
HTML5時代のフロントエンド開発入門
Ohotech特盛#14 セッション4 予告編
Ohotech特盛#14 セッション4 予告編
WebRTCがビデオ会議市場に与えるインパクトを探る
WebRTCがビデオ会議市場に与えるインパクトを探る
Typescriptの中のこと(浅め)
Typescriptの中のこと(浅め)
Linux & Mac OS でも動く! ~ オープンソース & クロスプラットフォーム .NET の歩き方 ~
Linux & Mac OS でも動く! ~ オープンソース & クロスプラットフォーム .NET の歩き方 ~
変身×フランツ・カフカ
変身×フランツ・カフカ
One ASP.NET の今とこれから
One ASP.NET の今とこれから
AngularJS+TypeScriptを試してみた。
AngularJS+TypeScriptを試してみた。
AngularJS+TypeScript - AngularJS 1周年記念勉強会
AngularJS+TypeScript - AngularJS 1周年記念勉強会
TypeScriptで作る型安全FirefoxOSアプリ
TypeScriptで作る型安全FirefoxOSアプリ
More from Narami Kiyokura
SQL Server のプロジェクト指向オフライン データベース開発を採用してみた話
SQL Server のプロジェクト指向オフライン データベース開発を採用してみた話
Narami Kiyokura
どうなる?Visual Studioの クライアントサイド web開発の今後
どうなる?Visual Studioの クライアントサイド web開発の今後
Narami Kiyokura
How do you like knockout?
How do you like knockout?
Narami Kiyokura
Windows ストアアプリをHTMLで作成する
Windows ストアアプリをHTMLで作成する
Narami Kiyokura
ASP.NET "NOW" and "NEXT"
ASP.NET "NOW" and "NEXT"
Narami Kiyokura
無償版Visual StudioでいろいろWeb開発
無償版Visual StudioでいろいろWeb開発
Narami Kiyokura
Visual Studioで始めるTypeScript開発入門
Visual Studioで始めるTypeScript開発入門
Narami Kiyokura
軽量ASP.NETフレームワークNancy
軽量ASP.NETフレームワークNancy
Narami Kiyokura
脱・Excelホーガンシのために、その1
脱・Excelホーガンシのために、その1
Narami Kiyokura
最近のASP.NET事情2013Winter
最近のASP.NET事情2013Winter
Narami Kiyokura
軽量フレームワークNancy
軽量フレームワークNancy
Narami Kiyokura
ADO.NETとORMとMicro-ORM -dapper dot netを使ってみた
ADO.NETとORMとMicro-ORM -dapper dot netを使ってみた
Narami Kiyokura
よろしい、ならばMicro-ORMだ
よろしい、ならばMicro-ORMだ
Narami Kiyokura
WebMatrixで遊ぶ-ゆるふわGitHubページ
WebMatrixで遊ぶ-ゆるふわGitHubページ
Narami Kiyokura
TypeScript超入門
TypeScript超入門
Narami Kiyokura
使ってみよう、WebMatrix3
使ってみよう、WebMatrix3
Narami Kiyokura
NuGetの社内利用のススメ
NuGetの社内利用のススメ
Narami Kiyokura
IMESupport for Sublime Text 2 / ConvertToUTF8の紹介
IMESupport for Sublime Text 2 / ConvertToUTF8の紹介
Narami Kiyokura
More from Narami Kiyokura
(18)
SQL Server のプロジェクト指向オフライン データベース開発を採用してみた話
SQL Server のプロジェクト指向オフライン データベース開発を採用してみた話
どうなる?Visual Studioの クライアントサイド web開発の今後
どうなる?Visual Studioの クライアントサイド web開発の今後
How do you like knockout?
How do you like knockout?
Windows ストアアプリをHTMLで作成する
Windows ストアアプリをHTMLで作成する
ASP.NET "NOW" and "NEXT"
ASP.NET "NOW" and "NEXT"
無償版Visual StudioでいろいろWeb開発
無償版Visual StudioでいろいろWeb開発
Visual Studioで始めるTypeScript開発入門
Visual Studioで始めるTypeScript開発入門
軽量ASP.NETフレームワークNancy
軽量ASP.NETフレームワークNancy
脱・Excelホーガンシのために、その1
脱・Excelホーガンシのために、その1
最近のASP.NET事情2013Winter
最近のASP.NET事情2013Winter
軽量フレームワークNancy
軽量フレームワークNancy
ADO.NETとORMとMicro-ORM -dapper dot netを使ってみた
ADO.NETとORMとMicro-ORM -dapper dot netを使ってみた
よろしい、ならばMicro-ORMだ
よろしい、ならばMicro-ORMだ
WebMatrixで遊ぶ-ゆるふわGitHubページ
WebMatrixで遊ぶ-ゆるふわGitHubページ
TypeScript超入門
TypeScript超入門
使ってみよう、WebMatrix3
使ってみよう、WebMatrix3
NuGetの社内利用のススメ
NuGetの社内利用のススメ
IMESupport for Sublime Text 2 / ConvertToUTF8の紹介
IMESupport for Sublime Text 2 / ConvertToUTF8の紹介
Recently uploaded
Open Source UN-Conference 2024 Kawagoe - 独自OS「DaisyOS GB」の紹介
Open Source UN-Conference 2024 Kawagoe - 独自OS「DaisyOS GB」の紹介
Yuma Ohgami
TSAL operation mechanism and circuit diagram.pdf
TSAL operation mechanism and circuit diagram.pdf
taisei2219
スマートフォンを用いた新生児あやし動作の教示システム
スマートフォンを用いた新生児あやし動作の教示システム
sugiuralab
論文紹介:Semantic segmentation using Vision Transformers: A survey
論文紹介:Semantic segmentation using Vision Transformers: A survey
Toru Tamaki
Postman LT Fukuoka_Quick Prototype_By Daniel
Postman LT Fukuoka_Quick Prototype_By Daniel
danielhu54
論文紹介:Automated Classification of Model Errors on ImageNet
論文紹介:Automated Classification of Model Errors on ImageNet
Toru Tamaki
論文紹介:Content-Aware Token Sharing for Efficient Semantic Segmentation With Vis...
論文紹介:Content-Aware Token Sharing for Efficient Semantic Segmentation With Vis...
Toru Tamaki
[DevOpsDays Tokyo 2024] 〜デジタルとアナログのはざまに〜 スマートビルディング爆速開発を支える 自動化テスト戦略
[DevOpsDays Tokyo 2024] 〜デジタルとアナログのはざまに〜 スマートビルディング爆速開発を支える 自動化テスト戦略
Ryo Sasaki
SOPを理解する 2024/04/19 の勉強会で発表されたものです
SOPを理解する 2024/04/19 の勉強会で発表されたものです
iPride Co., Ltd.
Recently uploaded
(9)
Open Source UN-Conference 2024 Kawagoe - 独自OS「DaisyOS GB」の紹介
Open Source UN-Conference 2024 Kawagoe - 独自OS「DaisyOS GB」の紹介
TSAL operation mechanism and circuit diagram.pdf
TSAL operation mechanism and circuit diagram.pdf
スマートフォンを用いた新生児あやし動作の教示システム
スマートフォンを用いた新生児あやし動作の教示システム
論文紹介:Semantic segmentation using Vision Transformers: A survey
論文紹介:Semantic segmentation using Vision Transformers: A survey
Postman LT Fukuoka_Quick Prototype_By Daniel
Postman LT Fukuoka_Quick Prototype_By Daniel
論文紹介:Automated Classification of Model Errors on ImageNet
論文紹介:Automated Classification of Model Errors on ImageNet
論文紹介:Content-Aware Token Sharing for Efficient Semantic Segmentation With Vis...
論文紹介:Content-Aware Token Sharing for Efficient Semantic Segmentation With Vis...
[DevOpsDays Tokyo 2024] 〜デジタルとアナログのはざまに〜 スマートビルディング爆速開発を支える 自動化テスト戦略
[DevOpsDays Tokyo 2024] 〜デジタルとアナログのはざまに〜 スマートビルディング爆速開発を支える 自動化テスト戦略
SOPを理解する 2024/04/19 の勉強会で発表されたものです
SOPを理解する 2024/04/19 の勉強会で発表されたものです
最近、リアルタイムWebが面白い
1.
2.
• • • • • •
3.
• • • • • • •
4.
olojp.net • • •
5.
6.
• •
7.
• • • •
8.
9.
“ ”
10.
• サーバの変化 リアルタイム
11.
• • ※イメージと概念です。 (実際に、これから説明するような仕組みに準じているかは知りません:p)
12.
• bit.ly/olo26-3
13.
• shootr.signalr.net
14.
15.
•
16.
• • • Request 「データくださいな!」 Response 「はい、どうぞ!」 クライアント サーバ
17.
• 「データをどうぞ」 クライアント サーバ
18.
19.
•
20.
• • • 「変更ある?」 「ない」 「変更ある?」 「あったよ!」 クライアント サーバ
21.
• • • • • •
22.
• • • •
23.
• •
24.
タイムアウトを長くし、 応答を保留 「変更ある?」 「今んとこない」 「変更ある?」 クライアント 「キタコレ」 サーバ 変更があったら即、 応答
25.
• • • • • • • • • •
26.
• • •
27.
WebSocketの コネクション作成 クライアント お互い、 任意のタイミングで サーバ 通信を投げる
28.
• •
29.
var ws; // 接続 ws
= new WebSocket('ws://hoge.server.com/ServerApp/'); // 通信が来た時の処理 ws.onmessage = function(e) { // サーバから通信が来た時の処理を書く alert(e.data); }; // データの送信(sentDataに送るデータが入ってるとして) ws.send(sentData);
30.
• • • • • • • •
31.
32.
• • • • • •
33.
• • • • • •
34.
• • • •
35.
• • • • • • •
36.
37.
38.
• • • •
39.
• • • • • •
40.
• • •
41.
• •
42.
• • • • • • •
43.
全部つなげてリアルタイム通信できるとか、楽しくない??
Download now