HTML5 conference 2017 資料他まとめ

# Overview

http://events.html5j.org/conference/2017/9/

のとおり、HTML5 Conference 2017が、2017年9月24日 東京電機大学にて開催されました。

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

未記載のものはまだ発見できていないものなので、ご存じの方がいらっしゃいましたら教えてください。


過去はこちら

* [HTML5 Confernce 2016他資料まとめ](https://qiita.com/hidenorly/items/40ac3e9dbf757ce4df52)

# 基調講演

by 村井 純様, 及川 卓也様, 吉川 徹様

https://www.youtube.com/watch?v=c_uy7UdUosU

# Nintendo SwitchとWeb

by 堀川 雄司様、津田 宗孝様


# Deep dive into TypeScript

by 青野健利様 (brn様)

https://speakerdeck.com/brn/deep-dive-into-typescript


# Microservices入門

by 長谷川 裕一様



# 実践 WebRTC 〜最新事例と開発ノウハウの紹介〜

by 仲 裕介様

https://www.slideshare.net/yusukenaka52/webrtc-80090858

# 続・Webエンジニアのためのスマートホームハック ～ Node.js で IoT プロトコルハック

by 羽田野 太巳様

https://www.slideshare.net/futomihatano/web-nodejs-iot


# ebフォント最新事情2017～導入事例も一挙紹介～

by 関口 浩之様

# カンファレンススポンサーによるライトニングトーク大会

by 白石 俊平様、萩原愛梨（はぎー）様

# 最近の Web パフォーマンス改善について知っておきたいコト

by 佐藤 歩様

https://speakerdeck.com/ahomu/zui-jin-false-web-pahuomansugai-shan-nituitezhi-tuteokitaikoto



# これからはじめるAngular

by laco様

* http://slides.com/laco/html5conf-2017#/



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

by 大津 繁樹様、新部 長様

https://www.slideshare.net/techblogyahoo/web-html5j-html5jb


# TV・車・ゲームに搭載されているブラウザってどうなってるの？

by 梅田 雅士様


# WebGL、実践編

by 小山田 晃浩様、安友 裕秋様

* https://speakerdeck.com/yomotsu/webgl-libs-for-webapp-frameworks
* ご参考: [Compress 3D model files with Draco](http://yomotsu.net/blog/2017/09/18/draco.html)
  * https://google.github.io/draco/


# Webと出版が融合する新しい標準 Web Publications〈ウェブ出版物〉ができることで、Webと本の未来はどうなる？

by 村上 真雄様、下川 和様男様、松島 智様 他4名...

* https://www.slideshare.net/shinyumurakami/html5j-web-80044424
  * ご参考
    * https://w3c.github.io/wpub/
    * https://www.w3.org/TR/pwp/
    * https://www.slideshare.net/eijyo/apl-78873315?from_m_app=android


# Web技術でネイティブアプリを開発する話

by 田中 正裕様


# ECMAScript and Babel's role

by Diogo Franco様



# これさえあれば大丈夫！Visual Studio Code 徹底解説！

by さっくる様

https://www.slideshare.net/sakkuru/visual-studio-code-80095439


# AMPで加速するモバイルウェブアプリケーション

by 山口 能迪様

* https://docs.google.com/presentation/d/1ZYyHFRMZnD6bfi6fl9yh9G_TIs3roSxvp-Goa1JZv_c/htmlpresent
  * https://gist.github.com/ymotongpoo/b3c9026c0eec926dca7534caea436ea9
* https://togetter.com/li/1154105

# デザインカンプの限界 - Adobe XDで実現するプロトタイプ駆動ワークフロー

by 轟 啓介様

* [Wireframe](https://xd.adobe.com/view/51ad7a46-abc4-44b1-8995-8ea6dded3f71/)
* ご参考: https://xdresources.co/


# 詳解 WebRTC

by voluntas様

* https://gist.github.com/voluntas/a9dc017ea85aea5ffb7db73af5c6b4f9
* https://medium.com/@voluntas/html5-conference-%E3%81%A7%E7%99%BA%E8%A1%A8%E3%81%97%E3%81%A6%E3%81%8D%E3%81%BE%E3%81%97%E3%81%9F-88ff335e9334


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

by 浅井 智也様

https://www.slideshare.net/dynamis/web-updates-2017


# React v16 and beyond React Fiber

by 小林 徹様

* https://speakerdeck.com/koba04/react-v16-and-beyond-react-fiber
* https://koba04.github.io/react-fiber-resources/examples/
* ご参考: https://qiita.com/Kaoru_Yamamoto/items/b15c9a08273a510bc442

# “モダン” ウェブアプリケーション 〜アメブロ5ヶ年計画〜

by 原 一成様

https://speakerdeck.com/herablog/modan-uebuapurikesiyon-ameburo5kenian-ji-hua


# コンセプトのつくりかた — アイデアをかたちにする技術

by 白石 俊平様

https://www.slideshare.net/shumpei/ss-80098224



# 多様なユーザーニーズに応えるフロントエンドデザインパターン〜書籍「インクルーシブ HTML + CSS & JavaScript」より

by 太田 良典様、伊原 力也様

* https://docs.google.com/presentation/d/1jaf-x24jZtVbQDzniovnxhk7gzZ8rkNNaznRM030wSo/edit#slide=id.p
* https://www.youtube.com/watch?v=FOznWmVyk9I&feature=youtu.be


# WebGLの今とこれから ~今のWeb開発で使うからこそ知っておきたい周辺技術~

by 石井 翔様




# まあまあ最近のCSSと、これからつらくなくなるために（仮）

by 矢倉 眞隆様


# The State of Web Components

by 泉水 翔吾様

* https://speakerdeck.com/1000ch/the-state-of-web-components
  * https://1000ch.github.io/webcomponents-sandbox/


# ウェブのための次世代決済法

by えーじ様

* https://docs.google.com/presentation/d/e/2PACX-1vS6TvUO3iMcepLt4EtvaQhwhqzWrlvghHiTpUvzbgM-T4pd4oYCJ3c1FSAe9MPN1EgmoiMpPthJqghQ/pub?start=false&loop=false&delayms=3000#slide=id.g16c14f1065_0_0


# W3CのWeb標準化: Web開発者は国際標準化の夢を見るか

by 芦村 和幸様



# WebAssembly MVPまとめと、今の議論の内容からいくつか

by chikoski様



# テクニックではなく、今、本気で取り組むべきWebパフォーマンス

by 竹洞 陽一郎様

https://speakerdeck.com/takehora/tekunitukudehanaku-jin-ben-qi-dequ-rizu-mubekiwebpahuomansu

# Lightning talk

* [SPAをパフォーマンス・チューニングした話 by by 平野昌士(@shisama)様](https://speakerdeck.com/masashi/spawopahuomansutiyuningusitahua)
* [面白法人のテクニカルディレクターのしごと 面白法人カヤック 藤澤伸 @fnobi](https://fnobi.github.io/170924-html5conf/slide/#p0)


# 他技術

* [Weex](https://weex.incubator.apache.org/)
> Different from a "web app", "HTML5 app", or "hybrid app", you can use Weex to build a real mobile app. The code that you write is relatively simple, because you can build native applications just using HTML, CSS, Javascript. But underneath, the core of the application is Objective-C or Java. At the same time, Weex will provide a lot of native components or modules for developers to use.

* [babel](http://babeljs.io/repl)
  * [次のリリースであるBabel7の主な変更点まとめ](http://abouthiroppy.hatenablog.jp/entry/babel7)
* [EJSの基本 – EJSでサイト制作効率化](https://www.to-r.net/media/ejs-01/)
* [Leveraging the Performance Metrics that Most Affect User Experience](https://developers.google.com/web/updates/2017/06/user-centric-performance-metrics)
* [Resource Hints](https://w3c.github.io/resource-hints/)
* [Webpack Chart](https://alexkuz.github.io/webpack-chart/)
* [JavaScript Start-up Performance](https://medium.com/reloading/javascript-start-up-performance-69200f43b201)
* [WebパフォーマンスとプロダクトKPIの相関を可視化する話](https://developers.cyberagent.co.jp/blog/archives/9540/)
* [ハイプ・サイクル](https://ja.wikipedia.org/wiki/%E3%83%8F%E3%82%A4%E3%83%97%E3%83%BB%E3%82%B5%E3%82%A4%E3%82%AF%E3%83%AB)
  * [Top Trends in the Gartner Hype Cycle for Emerging Technologies, 2017](http://www.gartner.com/smarterwithgartner/top-trends-in-the-gartner-hype-cycle-for-emerging-technologies-2017/)
* [TypeScript 2.1のkeyofとかMapped typesがアツい](https://qiita.com/Quramy/items/e27a7756170d06bef22a)
* [JSON-LDをWebComponentsで表示する](https://masup.net/2015/04/display-json-ld-by-webcomponents.shtml)
* [ECMAScript proposals](https://github.com/tc39/proposals)