にんにんLT_福岡のいいとこを一兆個いいたい

にんにんLTで使用したスライドです
https://connpass.com/event/335957/presentation/

# 制作物
Github：https://github.com/hyoshitake/googleSlideVoteSystem
Chrome拡張機能：https://chromewebstore.google.com/detail/google-slide-vote-system/dcgljdgnllohpahcbmgkeeelianlkkfn?authuser=0&hl=ja

Transcript

1. LAYERED Inc. 今⽇話したいこと 福岡のいいとこを 1兆個⾔いたい！
2. LAYERED Inc. 福岡のいいとこあるある 1. ご飯がおいしい 2. ⼈が優しい 3. コンパクトシティ
3. LAYERED Inc. 福岡のいいとこあるある 1. ご飯がおいしい 2. ⼈が優しい 3. コンパクトシティ
4. LAYERED Inc. 福岡いいとこ１ 1/100,000,000,000 夜にゴミ回収してくれる
5. LAYERED Inc. ITイベントらしいことします 投票システム 作りました！！！！
6. LAYERED Inc. ITイベントらしいことします
7. LAYERED Inc. 福岡いいとこ２ 2/100,000,000,000 ローカル番組がおおい
8. LAYERED Inc. 福岡いいとこ３ 3/100,000,000,000 無料で新聞紙が⼿に⼊る
9. LAYERED Inc. 福岡いいとこ４ 4/100,000,000,000 ライブのチケットが簡単に取れる
10. LAYERED Inc. ところで この投票システム凄くね？
11. LAYERED Inc. Chrome拡張機能で実現しています
12. LAYERED Inc. Chrome拡張機能で実現しています JavaScriptの実⾏ 拡張機能で出来ること 1. DOMの追加/削除/変更 2. 外部通信 3. キーイベントの捕捉 4. LocalStorageの利⽤
13. LAYERED Inc. ⼤まかな流れ 1. Chrome拡張機能を使う 2. DOMの変更監視を仕掛けて、iframeの 挿⼊を検知する 3. iframeのcontentWindowのbodyに keydownイベントを仕掛ける 4. Iframeの親要素と同じ階層にDOMを 挿⼊する
14. LAYERED Inc. フルスクリーン
15. LAYERED Inc. フルスクリーン
16. LAYERED Inc. DOMの変更監視
17. LAYERED Inc. Iframeの話
18. LAYERED Inc. DOMの変更監視
19. LAYERED Inc. DOMの追加
20. LAYERED Inc. リアルタイム投票の仕組み
21. LAYERED Inc. リアルタイム投票の仕組み ＋ HTML
22. LAYERED Inc. リアルタイム投票の仕組み（拡張機能）
23. LAYERED Inc. リアルタイム投票の仕組み（拡張機能）
24. LAYERED Inc. リアルタイム投票の仕組み（サーバ）
25. LAYERED Inc. リアルタイム投票の仕組み（サーバ）
26. LAYERED Inc. リアルタイム投票の仕組み
27. LAYERED Inc. 完成
28. LAYERED Inc. 福岡いいとこ５ 5/100,000,000,000 ご飯がおいしい
29. 最後までご視聴ありがとうございました！ github：https://github.com/hyoshitake/googleSlideVoteSystem 拡張機能 ：https://chromewebstore.google.com/detail/google-slide-vote-syst em/dcgljdgnllohpahcbmgkeeelianlkkfn?authuser=0&hl=ja