コンテンツにスキップ

HTML5カンファレンス 2017

基調講演

官民データ利活用推進法

internet

2011 インターネット接続に問題

Hype Cycle

Digital Twin

html5 --> html

2005 Ajaxを利用する 従来型アプリ→Webアプリ→スマホアプリ?

Webも過渡期を迎えている

WoT

機械学習=データ * コンピューティング

セマンティック性

JSON-LD

機械が作った記事を機械(エンジン)が評価する

人と機械→最強


[C1] WebRTC

WebRTC 1.0

Safari: 「レガシーWebRTC APIを有効にする」という設定

Appleは無効化する気がある

ORTC は良い

WebRTC1.0ではSDPを使用する

adapter.jsで差分を埋めようとしている

EdgeはChrome, Safari, Firefoxとは別のコアをつかっている。Edgeは独自。ほかはGoogleのもの。

コーデックにも違い。Firefox/Chrome, Safari, Edge

搭載されているAPIに差分がある。Chrome, Safari, Firefoxは1.0

Edgeだけ個別

ハードウェア(Camera, Audio)ははまりが多い

getUserMediaはくせもの。constraintsとは制約条件。

WebRTCはMCUよりSFUが最近の主流になってきている。Meshではオーバヘッドが大きい。これはユースケースに合わせて運用していくべき。

つながらない問題

NAT(P2P)

プロキシ(シグナリング)

WebRTCは総合格闘技

WebRTCは多レイヤーの知識が必要でトラブルシューティングが大変。


[B2] 大規模運用で見えてくるWebプロトコルの理想と現実、そして今後

2010 HDDをRAID0で運用。電気とスペースが足りない。Disk I/O不足 hdd -> ssd

2011 帯域不足 NW増強、DC追加 Yahoo内部で自分を殺す

2013 pushスパイク問題 proxy,originともに追加

2015 SSL CPU性能不足、システム入れ替え

サービスごとのhttps対応→プロキシを使う

AOSSL対応

可能な限りドメインをまとめていくことを推進

Common Proxy:

  • CPU: 2x intel xeon 28cores, 56threads
  • RAM: 128GB
  • Server: 500 more

  • Req: 200万rps

  • App: Apache Traffic Server

EV SSL対応

→SNIによる証明書の出し分け

サービス監視

  • nagios
  • 管制塔 original
  • mackerel★
  • log集計 hadoop + カサンドラ

deploy

  • chef enterprise + screwdriver
  • 速さより安心を重視
  • 普段は1台→20%程度→残り様子をみながら

http2

http head of line blocking

http2 は仮想的なストリームで待ちが他のリクエストにひっぱられない。

TLSのハンドシェイクの新規と継続の割合が変わるという点ではhttp/2のメリットある。

4%がTLS 1.0で切るか迷っている。

TLS 1.3はどうなるか

  1. TLS1.2の限界。様々な技術負債が蓄積
  2. 安全だけでなくモバイル環境の普及に応じた性能面の向上を

長期に使える、より安全で高性能なTLSプロトコルを作る。

速度面での工夫が含まれる。

TLS1.3の特徴

  1. 様々な機能、項目の見直し・廃止

→1.2から機能や項目を数多く廃止

2.よりセキュアに

  1. 性能向上

0-RTT

TLS1.3使えるの?

  • 仕様はほぼ完了
  • 次のOpenSSL 1.1.1でサポート
  • 後方互換の透過性の問題を調査中

GoogleやFacebookが調査を継続している

QUICとは

  • UDP上でTCP, TLS, HTTP/2の一部を実現するプロトコル。
  • Googleが開発、2016からIETF芳醇化開始
  • Google から出るトラフィック30%はQUIC

  • GoogleによるQUIC性能評価

  • UDP Proxy導入でより高速

詳解WebRTC

  • Erlangを実装してプロトコル導入する
  • Let's Encryptのスポンサー。
  • DTLS

master secretから生成

RFCを無駄に守っているEdge

パテント地獄

h264のライセンス

コーデック: AV1

Safari = ( Firefox + Chrome )/2

Coupon:: HTML5J2017

26日の昼まで!!オライリーのeBookストア

(画像検索) stun 状態遷移


Web 技術とブラウザ ーいま知っておくべき Web 最新動向ー

Edgeもこんなにサポートしてくれるよ。

Generic Sensorts

https://sbfl.net/blog/2017/09/16/generic-sensor-api/