JavaScript-Free Soft-Realtime Browsing

LT at RejectKaigi https://pixiv.connpass.com/event/124727/
Sample codes: https://gist.github.com/niku/4343490dfd1cdd75f9a0a3ddc1644414

Transcript

1. JavaScript-Free JavaScript-Free Soft-Realtime Soft-Realtime Browsing Browsing niku niku
2. 資料 資料 2 . 1
3. わたしヽ（´ ・肉・｀）ノ わたしヽ（´ ・肉・｀）ノ Ruby 歴10 年くらい 札幌に住んでいる Farmnote という会社におりWeb アプリで牛を管 理をするソフトを作っている サッポロビームというErlangVM あたりのイベン トを毎週楽しんでいる https://github.com/niku 3 . 1
4. 夢 夢 サーバーを記述する言語で書いたテンプレートがブラ ウザでサクサク( あわよくば60FPS で) 動くといいなあ 4 . 1
5. こういうやつが動くとう こういうやつが動くとう れしい れしい 5 . 1
6. LiveErb というのを実装し LiveErb というのを実装し てみました てみました 6 . 1
7. アプリケーション1 アプリケーション1 6 . 2
8. アプリケーション - カウンター アプリケーション - カウンター 6 . 3
9. アプリケーション - o の移動 アプリケーション - o の移動 6 . 4
10. 夢の実装 - ライブラリ 夢の実装 - ライブラリ 6 . 5
11. 夢の実装 - ライブラリスクリプト 夢の実装 - ライブラリスクリプト 部分抜粋 部分抜粋 6 . 6
12. 1/60 秒ごとにクライアントからリクエストをなげて 1/60 秒ごとにクライアントからリクエストをなげて 更新している 更新している まあまあ動くのがおどろき 6 . 7
13. 改良番LiveErb2 改良番LiveErb2 7 . 1
14. クライアントスクリプト部分抜粋 クライアントスクリプト部分抜粋 7 . 2
15. サーバーのアップデート箇所抜粋 サーバーのアップデート箇所抜粋 7 . 3
16. 1/60 秒ごとにサーバーからSSE でレスポンスを送りつ 1/60 秒ごとにサーバーからSSE でレスポンスを送りつ けている けている まあまあ動きます。すごいね。 7 . 4
17. 改々良番LiveErb3 改々良番LiveErb3 変 所省略 参照 8 . 1
18. アプリケーション側が更新したら アプリケーション側が更新したら publish を呼ぶ publish を呼ぶ 8 . 2
19. 必要があるときだけ更新するよう 必要があるときだけ更新するよう になりました になりました すごい！ 8 . 3
20. まとめ まとめ ヒマをみて3 日くらいで実現できたわたしすご い…… わけじゃなくてそう思わせてくれるRuby す ごい このネタはElixir のWeb フレームワーク PhoenixFramework のLiveText からインスパイア されました 次の火曜日にasakusa.rb があれば行きたいのでも しあれば仲良くしてください 9 . 1