Inside Frontend #1 資料まとめ

#お断り
- キーワード＆参考リンクの選出は私個人の意見であり、発表者の意図とは必ずしも一致しません。
- 情報源：Twitter、Google
- Pull Requests Welcome

#公式リンク
- [公式サイト](http://inside-frontend.com/)
- [AMA質問(GitHub Issues)](https://github.com/insidefrontend/issue1-ama)
- [Connpassイベント資料一覧](https://inside-frontend.connpass.com/event/47920/presentation/)

#セミナー
##多様化する利用環境とどう向き合うか
- 発表資料
- キーワード
    - [WAI-ARIA](https://www.w3.org/WAI/intro/aria)

##Web over ServiceWorker
- [発表資料](https://speakerdeck.com/jxck/web-over-serviceworker)
- キーワード
    - [Progressive Web Apps](https://developers.google.com/web/progressive-web-apps/)
    - [Service Worker](https://github.com/w3c/ServiceWorker/blob/master/explainer.md)
    - [Foreign Fetch](https://github.com/w3c/ServiceWorker/blob/master/foreign_fetch_explainer.md)
    - [App Shell](https://developers.google.com/web/fundamentals/architecture/app-shell)

##Polyfills are part of the web
- [発表資料](https://speakerdeck.com/triblondon/polyfills-and-the-web)
- キーワード
    - [Polyfill.io](https://polyfill.io/)
    - [The evergreen Web](https://www.w3.org/2001/tag/doc/evergreen-web/)
    - [HTML5test](https://html5test.com/)

##Web フロントエンドにおけるコンポーネント化のアプローチ
- [発表資料](https://speakerdeck.com/1000ch/component-of-web-frontend)
- キーワード
    - [Shadow DOM](https://developers.google.com/web/fundamentals/getting-started/primers/shadowdom)
    - [CSS Modules](https://glenmaddern.com/articles/css-modules)
    - [Atomic Design](http://atomicdesign.bradfrost.com/)

##アメブロ2016: 実録、アメブロフロントリニューアル275
- [発表資料](https://speakerdeck.com/herablog/ameburo-2016-shi-lu-ameburoriniyuaru275ri-webpahuomansubian)
- キーワード
    - [Isomorphic JavaScript](http://isomorphic.net/)
    - [SpeedCurve](https://speedcurve.com/)
    - [Memcached](https://memcached.org/)
    - [Lighthouse](https://github.com/GoogleChrome/lighthouse)
    - [Front-End Performance Checklist 2017](https://www.smashingmagazine.com/2016/12/front-end-performance-checklist-2017-pdf-pages/)

##Refactoring CSS: 管理されたカオスへの道のり
- [発表資料](https://github.com/insidefrontend/issue-1/blob/master/topics/session/B3-hiloki-css/slide/20170225-insidefrontend-refactoring-css.pdf)
- キーワード
    - [shame.css](https://csswizardry.com/2013/04/shame-css/)
    - [緑の本](https://www.amazon.co.jp/dp/B00M0ESXUI)

##karmaを使ったSPA向けのE2Eテスト技法
- 発表資料[一](https://speakerdeck.com/kyo_ago/karmawoshi-tutaspaxiang-kee2etesutoji-fa)、[二](https://speakerdeck.com/kyo_ago/e2etoiuming-cheng-falsezhi-sumofalse)
- キーワード
    - [Karma](https://karma-runner.github.io/)
    - [BrowserStack](https://www.browserstack.com/)

##データビジュアライゼーションの作り方
- [発表資料](http://shimz.me/slide/inside-frontend_1/#/)
- キーワード
    - [D3.js](https://d3js.org/)

##WebGL/WebVR for FrontEnd Engineer
- [発表資料](https://speakerdeck.com/yomotsu/webvr-for-frontend-engineer)
- キーワード
    - [WebGL](https://get.webgl.org/)
    - [three.js](https://threejs.org/)
    - [draco](https://github.com/google/draco)
    - [WebVR](https://webvr.info/)

##JSON Schema in Web Frontend
- [発表資料](https://www.slideshare.net/hiroyukianai/json-schema-in-web-frontend-insidefe)
- キーワード
    - [JSON Schema/JSON Hyper-Schema](http://json-schema.org/)
    - [prmd](https://github.com/interagent/prmd)

#AMA
- アクセシビリティ
    - [Easy Checks](https://www.w3.org/WAI/eval/preliminary)
- Progressive Web Apps
    - [IndexedDB](https://developer.mozilla.org/en-US/docs/Web/API/IndexedDB_API)が使い辛い
- [フロントエンドの課題を啓蒙する方法](https://speakerdeck.com/yhassy/hurontoendofalseke-ti-woqi-meng-surufang-fa)
- アメブロ2016: Isomorphic JavaScriptのパフォーマンス・チューニング
- CSS Evolution
    - [Houdini](https://github.com/w3c/css-houdini-drafts/wiki)
    - [Galen Framework](http://galenframework.com/)
- React.js
    - [Chromatic](https://github.com/meteor/chromatic) (*[@yhassyさんのツイートより](https://twitter.com/yhassy/status/835380368849190913)*)
    - [Grommet](https://grommet.github.io/) (*[@yhassyさんのツイートより](https://twitter.com/yhassy/status/835380108739239936)*)

#報告レポート
- [Inside Frontend #1に参加してきた](http://rukiadia.hatenablog.jp/entry/2017/02/25/235003)
- [Inside Frontendに参加しました](https://blog.mismithportfolio.com/web/20170226insidefrontend)
- [Inside Frontend #1に参加したメモ](http://dackdive.hateblo.jp/entry/2017/02/25/180924)
- [Inside Frontend #1 に参加して](http://horicdesign.com/event/inside-frontend.html)
- [Inside Frontend #1に参加しました](http://y-nakahira.hatenablog.com/entry/2017/02/26/225830)
- [Inside Frontendに行ってきました #insideFE](http://www.chirashiura.com/entry/2017/02/25/225634)
- [Inside Frontend #1 〜ブログを絶対書く人枠で参加したよ〜](https://medium.com/@igari/inside-frontend-1-%E3%83%96%E3%83%AD%E3%82%B0%E3%82%92%E7%B5%B6%E5%AF%BE%E6%9B%B8%E3%81%8F%E4%BA%BA%E6%9E%A0%E3%81%A7%E5%8F%82%E5%8A%A0%E3%81%97%E3%81%9F%E7%94%B7-759f0a134a2b)
- [Inside Frontend #1 参加レポート #insideFE](http://codenote.net/study/3542.html)
- [Webフロントエンドにおけるコンポーネント化のアプローチ](https://1000ch.net/posts/2017/component-of-web-frontend.html)
- [InsideFrontEnd 参加レポート1(コンポーネント化って？)](http://takahiro-fujii.hatenablog.com/entry/2017/02/28/222958)
- [InsideFrontEnd 参加レポート2(JsonSchema編)](http://takahiro-fujii.hatenablog.com/entry/2017/03/02/021339)
- [制作者が自分の価値や課題を伝える方法](http://www.yasuhisa.com/could/article/understand-mindset/)