HTML5 conference 2016 スライド他まとめ

# Overview

http://events.html5j.org/conference/2016/9/
のとおり、HTML5 Conference 2016が、2016年9月3日 東京電機大学にて開催されました。

そこで利用されたスライドなどのまとめです。

* HTML5 Conference 2017版は、[こちら](https://qiita.com/hidenorly/items/3d99b755b6be29f51479)

# 基調講演

* https://www.youtube.com/embed/0L0zsaOUKMs
(Liveですが録画されているので見れます)
* http://togetter.com/li/1020730

# Reactの最新動向とベストプラクティス by 株式会社TOLOT 小林 徹 氏

* https://speakerdeck.com/koba04/reactfalsezui-xin-dong-xiang-tobesutopurakuteisu

# Service Worker Deep Dive by Google 保呂 毅 氏

* http://goo.gl/YxL2L7
* https://docs.google.com/presentation/d/19x3yi7Jn-6In5igGYfEiK0tBfNI290BAclT0AiqDj4Q/pub?slide=id.p


# The First Step to Angular 2 by 株式会社トップゲート laco 氏

* http://slides.com/laco/first-step-to-angular-land#/

# Webパフォーマンス最前線 by ピクシブ株式会社 川田 寛（ふろしき） 氏



# Progressive Web Apps の導入基礎 by 株式会社リクルート住まいカンパニー 片山 雄介 氏

# WAI-ARIA珍プレー好プレー by 株式会社ミツエーリンクス 黒澤 剛志 氏

* http://www.slideshare.net/mlca11y/waiaria-65618928
  * https://developer.microsoft.com/en-us/microsoft-edge/platform/status/

# HTMLスナップショット2016 by momdo 氏

* https://github.com/momdo/talk/blob/master/webtalk_2016-09-03.pdf

# Houdini by myakura 矢倉 眞隆 氏

# Progressive Web Apps の次の一歩 ? アイデンティティとペイメント by Google えーじ 氏

* https://docs.google.com/presentation/d/1aSDj_Ouc9ALTjmp6r29XVGXrOJgikiAFUYEClFkux4c/pub?slide=id.p
* https://www.youtube.com/watch?v=K2a4dftTp00&feature=youtu.be&t=3h41m18s

# Web 技術動向とブラウザベンダー戦略のこれから by Mozilla Japan 浅井 智也 氏

* [Edge Web Technologies and Browser Vendors](http://www.slideshare.net/dynamis/edge-web-technologies-and-browser-vendors)


# ブラウザ用のCPUをつくるよ！WebAssemblyで by Mozilla Japan 清水 智公 氏

* https://speakerdeck.com/chikoski/20160903-webassembly
 * https://github.com/WebAssembly/design/blob/master/FutureFeatures.md
 * https://github.com/WebAssembly/design/blob/master/MVP.md
 * https://github.com/WebAssembly/design/blob/master/PostMVP.md

# Webのグラフィックス by Mattari_Panda 氏/嶋田 有紀 氏/杉本 雅広 氏/比留間 和也 氏/小山田 晃浩 氏

* WebGL事例、パフォーマンス
 * [Webのグラフィックス2016 WebGL事例](http://www.slideshare.net/mattari_panda/web2016-webgl/1)
 * [WebGL BOF SIGGRAPH 2016](https://docs.google.com/presentation/d/1BFAIRzBDQKMCe1SZfxggjGuL-90N5-6AY8Nfa89Y0Sk/edit#slide=id.p)

* WebGL2、そしてWebVR
 * [WebGL 2.0 現実的なウェブにおける影響は?](https://doxas.org/slide/html5conf2016/)
 * [そしてWebVR](http://www.slideshare.net/hirumakazuya/webvr-65665803)

# Creating VR experiences on the Web with WebVR and A-Frame by Mozilla Casey Yee 氏

# WebRTC Update 2016 by NTTコミュニケーションズ株式会社 仲 裕介 氏

* http://qiita.com/yusuke84/items/7c0d7556228caff6cf71

# オレたちが待ってた Edge がこれだ! ～Microsoft Edge 新機能大全～ by 日本マイクロソフト株式会社 物江 修 氏

* [スライド](http://www.slideshare.net/osamum/edge-microsoft-edge​)
* 関連
 * [ゼロからはじめる Microsoft Edge 用の拡張の作り方](https://blogs.msdn.microsoft.com/osamum/2016/07/05/how-to-make-extension-for-msedge/)
 * [Windows 10 Anniversary Update における Microsoft Edge の新機能](https://blogs.msdn.microsoft.com/osamum/2016/08/03/whats-new-feature-of-the-msedge-in-windows-10-anniversary-update/)

# お金ではなく知恵でサイトを成長させるグロースハックの海外事例とGoogle Analytics解析のコツ by 株式会社クリエイターズネクスト 窪田 望 氏

# これから始める機械学習 SparkとJupyterNotebookを使った分析処理 by IBM 田中 裕一 氏

* [SparkとJupyterNotebookを使った分析処理](http://www.slideshare.net/tanakayp/sparkjupyternotebook-html5-conference)

# Webアプリケーションにおける機械学習活用の基礎 by Google 中井 悦司 氏

* http://www.slideshare.net/enakai/web-65150969
* http://www.slideshare.net/enakai/machine-learning-basics-for-web-application-developers


# Atom、Sublime Text、WebStorm に Visual Studio Code、四大エディター真夏の大決戦！ by 物江 修 氏/山本 裕介 氏/こもりまさあき 氏/井上 章 氏/中島 滋 氏

* [Atomエディタの紹介 by shigeru. nakajima](https://speakerdeck.com/ledsun/atomedeitafalseshao-jie)


# Webエンジニアもガチでロボットやってみない？ by 株式会社アールティ 中川 友紀子 氏

# AudioとガジェットをWebで遊ぶ - Web Audio/MIDI, Web Bluetooth - by Yamaha Corporation of America 河合 良哉 氏

* http://www.slideshare.net/ryoyakawai/audioweb-web-audiomidi-web-bluetooth
* https://ryoyakawai.github.io/html5conference2016/index.html

# Webエンジニアのためのスマートホームハック ～ Node.js で家電とArduinoを操作 by 有限会社futomi／株式会社ニューフォリア 羽田野 太巳 氏

* [Webエンジニアのためのスマートホームハック ～ Node.js で家電とArduinoを操作 ～](http://www.slideshare.net/futomihatano/web-nodejs-arduino)

# TechFeedのつくり方 - Angular2 / Webpack / Ionic2 / Cordova実践入門 by 株式会社オープンウェブ・テクノロジー 白石 俊平 氏

* [TechFeedのつくりかた - Angular2/Webpack/Ionic2/Cordova実践入門](http://www.slideshare.net/shumpei/techfeed-angular2webpackionic2cordova)

# Unity WebGL入門 by ユニティ・テクノロジーズ・ジャパン 池和田 有輔 氏

# ハード・ソフト・ネット、そしてMake、素朴なWebデザイナーの向き合うこれから by 株式会社ツクロア 秋葉 秀樹 氏

https://speakerdeck.com/hidetaro7/hadosohutonetuto-sositemake-su-po-nawebdezainafalsexiang-kihe-ukorekara

# HTML5/JSモバイルアプリ最前線 by アシアル 田中正裕 氏

* https://docs.google.com/presentation/d/1xR0GHwB_2pPBwGhxmQWH7ZKdNAoMYOgLWMw-inQQRJM/pub?start=false&loop=false&delayms=3000&slide=id.p

# Material Design を使ったマルチデバイスに対応するデザインの作り方 by Google 鈴木 拓生 氏

* https://design-jp.herokuapp.com/
* https://pbs.twimg.com/media/CrZQh8cUsAAo9iV.jpg

# 開発と協働するためのデザイン思考の再構築 by 長谷川 恭久 氏

* http://www.yasuhisa.com/could/article/ddd-ooux-job/

# アドビ初のUI/UXデザインツール、Adobe XDの使い方とロードマップ by アドビ システムズ 株式会社 轟 啓介 氏


# Lightning talk

* [MQTTPRESS: 本当のIsomorphic/Universalを見せてやろう](https://speakerdeck.com/muddydixon/universal-javascript-mqttpress) by ニフティ株式会社 森藤大地 氏
* [p5.jsでHTML5を使って簡単に音楽アプリを作ろう](https://speakerdeck.com/firstfournotesllc/p5-dot-jsdehtml5woshi-tutejian-dan-niyin-le-apuriwozuo-rou) by FirstFourNotes,LLC ぼへぼへ 氏
* [Google Cloud Vision APIとRaspberryPiを使って事務処理をサボろうとしている話](https://docs.com/asashiho/8046/google-cloud-vision-apiraspberrypi) by Shiho ASA 氏


# Appendix

* [react-slingshot](https://github.com/coryhouse/react-slingshot/blob/master/docs/FAQ.md)
* [isSERVICEWORKERready?](https://jakearchibald.github.io/isserviceworkerready/)
* http://google.github.io/tracing-framework/
* [GLSL最適化、そして･･･](https://www.icloud.com/keynote/000hhaE2RGqEe9gdi1evUinqA#GLSL%E6%9C%80%E9%81%A9%E5%8C%96%E3%81%B8%E3%81%AE%E9%81%93)
* https://jakearchibald.com/2016/streaming-template-literals/
* [W3C仕様日本語訳置き場Wiki](https://github.com/momdo/momdo.github.io/wiki)
* [GLBoost](https://github.com/emadurandal/GLBoost)
* [sw-appcacje-behavior](https://github.com/GoogleChrome/sw-helpers/tree/master/projects/sw-appcache-behavior)
* [Web技術の今後の展望](https://pbs.twimg.com/media/B8KUyW2CMAAEX0-.jpg)
* [HTML5 Conference 2016](http://takoratta.hatenablog.com/entry/2016/09/04/085505) by takoratta in his blog "Nothing ventured, nothing gained."
* [HTML5 Conference に行ってきたメモ #html5j](lealog.hateblo.jp/entry/2016/09/03/165920) by りぃ 氏