Submit Search
見せたいデータに応じた取得方法を選ぼう!画面更新、ポーリング、WebSocketの比較
0 likes
1,121 views
Core Concept Technologies
IoTで重要な様々なデータ。その取得方法である「画面更新」「ポーリング」「WebSocket」を比較してそれぞれのメリットを紹介します。
Technology
Read more
1 of 22
Download now
Download to read offline
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
More Related Content
PPTX
Azure AD とアプリケーションを SAML 連携する際に陥る事例と対処方法について
Shinya Yamaguchi
PDF
DDD sample code explained in Java
増田 亨
PPTX
SAP Application(DB)のソースエンドポイントとしての利用
QlikPresalesJapan
PDF
外部キー制約に伴うロックの小話
ichirin2501
PDF
DeNAの品質を支えるQAの取り組み 〜標準化から実践まで〜
Tetsuya Kouno
PDF
AWS Black Belt Online Seminar 2018 Amazon DynamoDB Advanced Design Pattern
Amazon Web Services Japan
PDF
これからのJDK/JVM 何を選ぶ?どう選ぶ?
Takahiro YAMADA
PDF
ドメイン駆動設計 基本を理解する
増田 亨
Azure AD とアプリケーションを SAML 連携する際に陥る事例と対処方法について
Shinya Yamaguchi
DDD sample code explained in Java
増田 亨
SAP Application(DB)のソースエンドポイントとしての利用
QlikPresalesJapan
外部キー制約に伴うロックの小話
ichirin2501
DeNAの品質を支えるQAの取り組み 〜標準化から実践まで〜
Tetsuya Kouno
AWS Black Belt Online Seminar 2018 Amazon DynamoDB Advanced Design Pattern
Amazon Web Services Japan
これからのJDK/JVM 何を選ぶ?どう選ぶ?
Takahiro YAMADA
ドメイン駆動設計 基本を理解する
増田 亨
What's hot
(20)
PPTX
技術者として抑えておきたい Power BI アーキテクチャ
Yugo Shimizu
PPTX
Amazon DynamoDBの紹介と東急ハンズでの活用について
Taiji INOUE
PDF
IaC事始め Infrastructure as Code やってみる?
大使 梶原
PDF
(책 소개) 실전 카프카 개발부터 운영까지
Jay Park
PDF
Smalltalkだめ自慢
Masashi Umezawa
PPTX
緊急Ques - コードのメトリクスに基づくリファクタリング戦略
Tomoki Kuriyama
PDF
Web開発者が始める .NET MAUI Blazor App
TomomitsuKusaba
PDF
テスト駆動開発のはじめ方
Shuji Watanabe
PPTX
基本設計+詳細設計の書き方 社内勉強会0304
furuCRM株式会社 CEO/Dreamforce Vietnam Founder
PDF
AWS で Presto を徹底的に使いこなすワザ
Noritaka Sekiyama
PDF
マイクロサービス 4つの分割アプローチ
増田 亨
PDF
これからLDAPを始めるなら 「389-ds」を使ってみよう
Nobuyuki Sasaki
PDF
アジャイル・スクラム時代のパタン・ランゲージとアレグザンダー理論
Takeshi Kakeda
PDF
PlaySQLAlchemy: SQLAlchemy入門
泰 増田
PDF
Akkaとは。アクターモデル とは。
Kenjiro Kubota
PDF
スクラムパタン入門
Kiro Harada
PDF
最適なOpenJDKディストリビューションの選び方 #codetokyo19B3 #ccc_l5
Takahiro YAMADA
PDF
JDK 16 で導入された JEP 396 にご注意!! (JJUG CCC 2021 Spring)
Yoshiro Tokumasu
PDF
Java Clientで入門する Apache Kafka #jjug_ccc #ccc_e2
Yahoo!デベロッパーネットワーク
PDF
ドメイン駆動設計という設計スタイル
増田 亨
技術者として抑えておきたい Power BI アーキテクチャ
Yugo Shimizu
Amazon DynamoDBの紹介と東急ハンズでの活用について
Taiji INOUE
IaC事始め Infrastructure as Code やってみる?
大使 梶原
(책 소개) 실전 카프카 개발부터 운영까지
Jay Park
Smalltalkだめ自慢
Masashi Umezawa
緊急Ques - コードのメトリクスに基づくリファクタリング戦略
Tomoki Kuriyama
Web開発者が始める .NET MAUI Blazor App
TomomitsuKusaba
テスト駆動開発のはじめ方
Shuji Watanabe
基本設計+詳細設計の書き方 社内勉強会0304
furuCRM株式会社 CEO/Dreamforce Vietnam Founder
AWS で Presto を徹底的に使いこなすワザ
Noritaka Sekiyama
マイクロサービス 4つの分割アプローチ
増田 亨
これからLDAPを始めるなら 「389-ds」を使ってみよう
Nobuyuki Sasaki
アジャイル・スクラム時代のパタン・ランゲージとアレグザンダー理論
Takeshi Kakeda
PlaySQLAlchemy: SQLAlchemy入門
泰 増田
Akkaとは。アクターモデル とは。
Kenjiro Kubota
スクラムパタン入門
Kiro Harada
最適なOpenJDKディストリビューションの選び方 #codetokyo19B3 #ccc_l5
Takahiro YAMADA
JDK 16 で導入された JEP 396 にご注意!! (JJUG CCC 2021 Spring)
Yoshiro Tokumasu
Java Clientで入門する Apache Kafka #jjug_ccc #ccc_e2
Yahoo!デベロッパーネットワーク
ドメイン駆動設計という設計スタイル
増田 亨
Ad
Similar to 見せたいデータに応じた取得方法を選ぼう!画面更新、ポーリング、WebSocketの比較
(13)
PDF
サーバPUSHざっくりまとめ
Yasuhiro Mawarimichi
PDF
これから利用拡大?WebSocket
AdvancedTechNight
PPTX
フロントエンド技術の変遷
Ryo Higashigawa
PDF
WebSocket Chat App Hands On on Microsoft Azure
Yoshio Terada
PDF
【17-A-5】ウェブアーキテクチャの歴史と未来
Developers Summit
PPTX
Interactive connection2
Takao Tetsuro
PDF
Pusherとcanvasで作るリアルタイムグラフ
Ryunosuke SATO
PPTX
jQueryの先に行こう!最先端のWeb開発トレンドを学ぶ
Shumpei Shiraishi
PDF
IoTとビッグデータについて学ぼう
法林浩之
PPTX
勉強会資料①
真亮 坂口
PPTX
HTML5とWeb開発に関する最新動向
Shumpei Shiraishi
PDF
Web アプリケーションにおけるクライアントサイドのデータハンドリングと可視化の実現
インフラジスティックス・ジャパン株式会社
PDF
IoT×ビジネス活用 ~最先端技術のビジネス活用に向けて~
法林浩之
サーバPUSHざっくりまとめ
Yasuhiro Mawarimichi
これから利用拡大?WebSocket
AdvancedTechNight
フロントエンド技術の変遷
Ryo Higashigawa
WebSocket Chat App Hands On on Microsoft Azure
Yoshio Terada
【17-A-5】ウェブアーキテクチャの歴史と未来
Developers Summit
Interactive connection2
Takao Tetsuro
Pusherとcanvasで作るリアルタイムグラフ
Ryunosuke SATO
jQueryの先に行こう!最先端のWeb開発トレンドを学ぶ
Shumpei Shiraishi
IoTとビッグデータについて学ぼう
法林浩之
勉強会資料①
真亮 坂口
HTML5とWeb開発に関する最新動向
Shumpei Shiraishi
Web アプリケーションにおけるクライアントサイドのデータハンドリングと可視化の実現
インフラジスティックス・ジャパン株式会社
IoT×ビジネス活用 ~最先端技術のビジネス活用に向けて~
法林浩之
Ad
More from Core Concept Technologies
(20)
PPTX
センシングサイエンティストが経費精算を自動化したらこうなった
Core Concept Technologies
PPTX
C#で速度を極めるいろは
Core Concept Technologies
PPTX
コンソールアプリケーションでDIを使う
Core Concept Technologies
PPTX
開発環境をWindowsからMacに移行してみた話
Core Concept Technologies
PPTX
Linqの速度測ってみた
Core Concept Technologies
PPTX
データソースにLinqDataSourceを使った場合のGridViewの高速化
Core Concept Technologies
PPTX
ロボットアームをPythonで動かす
Core Concept Technologies
PPTX
Pythonでディープラーニングをはじめるための一歩目
Core Concept Technologies
PPTX
Pythonで簡単動画解析
Core Concept Technologies
PPTX
Pythonで簡単な統計・分析をしてみよう!
Core Concept Technologies
PPTX
Google Colab環境でPythonスクレイピング
Core Concept Technologies
PPTX
可視化の先にあるものとは
Core Concept Technologies
PPTX
ロボットと協働生活中に試行錯誤したこと
Core Concept Technologies
PPTX
3Dモデル類似検索
Core Concept Technologies
PPTX
GPUいらずの高速動画異常検知
Core Concept Technologies
PPTX
固有表現抽出と適用例のご紹介
Core Concept Technologies
PPTX
深層強化学習入門
Core Concept Technologies
PPTX
なぜIoTプロジェクトは途中でとまってしまうのか。
Core Concept Technologies
PPTX
工場に!オフィスに!明日、お安く、安全に導入できるセンサー紹介します
Core Concept Technologies
PPTX
AIによる簡単レコメンドシステム実装
Core Concept Technologies
センシングサイエンティストが経費精算を自動化したらこうなった
Core Concept Technologies
C#で速度を極めるいろは
Core Concept Technologies
コンソールアプリケーションでDIを使う
Core Concept Technologies
開発環境をWindowsからMacに移行してみた話
Core Concept Technologies
Linqの速度測ってみた
Core Concept Technologies
データソースにLinqDataSourceを使った場合のGridViewの高速化
Core Concept Technologies
ロボットアームをPythonで動かす
Core Concept Technologies
Pythonでディープラーニングをはじめるための一歩目
Core Concept Technologies
Pythonで簡単動画解析
Core Concept Technologies
Pythonで簡単な統計・分析をしてみよう!
Core Concept Technologies
Google Colab環境でPythonスクレイピング
Core Concept Technologies
可視化の先にあるものとは
Core Concept Technologies
ロボットと協働生活中に試行錯誤したこと
Core Concept Technologies
3Dモデル類似検索
Core Concept Technologies
GPUいらずの高速動画異常検知
Core Concept Technologies
固有表現抽出と適用例のご紹介
Core Concept Technologies
深層強化学習入門
Core Concept Technologies
なぜIoTプロジェクトは途中でとまってしまうのか。
Core Concept Technologies
工場に!オフィスに!明日、お安く、安全に導入できるセンサー紹介します
Core Concept Technologies
AIによる簡単レコメンドシステム実装
Core Concept Technologies
見せたいデータに応じた取得方法を選ぼう!画面更新、ポーリング、WebSocketの比較
1.
見せたいデータに応じた 取得方法を選ぼう! 画面更新、ポーリング、WebSocketの比較
2.
自己紹介
3.
自己紹介 加藤友崇 • 約4年間、IoT案件で開発 • Play
FrameworkでAPIサーバー構築 • Knockout.jsを用いたフロントエンド開発 • Reactを用いたフロントエンド開発 • Vue.jsを用いたフロントエンド開発
4.
データの取得方法
5.
データの取得方法 - 画面の更新 - ポーリング -
WebSocket
6.
画面更新
7.
画面更新とは テンプレートエンジンやPHPなどで画面表示の瞬間の データを表示する
8.
画面更新のメリット - 考えることが少なく、バグを生みにくい - クライアントのスペックに左右されにくい -
画面表示後にデータが変わらないので混乱しにくい
9.
画面更新のデメリット - リアルタイム性が低い
10.
ポーリング
11.
ポーリングによるデータ表示とは クライアント主導でデータをバックグラウン ドで定期的に取得して画面の一部を更新する
12.
ポーリングのメリット - データの取得頻度をクライアント側で制御できる - ある程度最新の状態をキープ -
ユーザーの操作が阻害されない
13.
ポーリングのデメリット - APIサーバーが必要 - レンダリング方法を決める必要がある -
通信のラグを考慮する必要があるかも - 無駄な要求を蹴り続ける可能性あり
14.
WebSocket
15.
WebSocketによるデータ表示とは サーバーからクライアントに対してデータをプッシュする
16.
WebSocketのメリット - リアルタイム性が高い - 無駄な通信が発生しない -
通信ラグの考慮がそれほど必要ない
17.
WebSocketのデメリット - ライブラリがないと実装が難しい - WebSocket用のサーバーが必要 -
クライアント側でデータの更新頻度を制御できない - APIサーバーからのデータ取得との併用が必要
18.
採用基準
19.
採用基準 リアルタイム性を求められないデータ クライアント側でデータ取得の頻度を決めたいとき エラー情報のように即時性を求めるデータ 数値がコロコロ変わってると面白いデータ 画面更新 ポーリング WebSocket
20.
まとめ
21.
まとめ 見せたいデータの種類に応じて、 適したデータ取得をしましょう!
22.
ありがとうございました!!
Download