サーバサイドレンダリング for Google App Engine / Server Side Rendering for Google App Engine

https://gaeja.connpass.com/event/90133/

Transcript

1. サーバサイドレンダリング for Google App Engine @k2wanko
2. コキチーズ @k2wanko - GCPとFirebaseが好きな人 - LINEのセキュリティエンジニア - 最近はPUBGとSplatoonで遊んでる
3. Firebaseのユーザーグループやってます。 https://firebase.asia
4. ※Vue.jsでサーバサイドレンダリングを した話です。
5. GAE/GoでSSR
6. https://qiita.com/koki_cheese/items/13426921f0b5861725e5
7. GAE/Goの上でJSランタイムを動かして やった
8. GAE/GoでSSR - gojaと言うGoで作られたECMAScript 5.1を実行できるJSランタイム - Pure GoなのでGAEでも動かせる！ - PromiseもsetTimeoutもないのでAPIを色々用意する必要がある！ - 色々webpackで魔術をする必要がある! - ライブラリが想定しているNode.jsの環境に近づける必要がある！！！ 結論: つらい!!
9. Cloud FunctionsでSSR
10. https://qiita.com/koki_cheese/items/64f429ac764983525dcc
11. Cloud FunctionsでSSR - Node.jsでサーバサイドレンダリングするからもう何も怖くない！ - バージョン管理などまだない部分が色々ある 結論: Firebase Hostingで使うならこれでい いんじゃない?
12. GAE/Node.jsでSSR
13. https://cloudplatform.googleblog.com/2018/06/Now-you-can-deploy-your-Node-js- app-to-App-Engine-standard-environment.html
15. GAE/Node.jsでSSR - 念願のGAE/Node.jsが来た (beta) - バージョン管理がしやすい！トラフィックの切り分けなど - ファイアーウォールがある！IP制限とかできる 結論:Webサービスがメインなら こっち使おう
16. ただし、 - Memcachedが今現在ないのでインメモリでキャッシュするしかない - User APIもない - Search APIとか諸々色々ない
17. SSRの注意
18. SSRの注意 - SSRだひゃっほーい と思っていきなり移行してはいけない - CDNの設定をきちんと見て 特定のユーザーにしか見せてはいけない 情報がキャッシュされていないかなど注意が必要 最近の事例: 「LINE」タイムラインにおけるシステム不具合に関するお知らせ https://linecorp.com/ja/security/article/169
19. SSRは用法用量守って楽しく使いましょう
20. Thank you @k2wanko
21. 参考 - https://cloud.google.com/appengine/docs/standard/nodejs/quickstart - https://vuejs.org/v2/guide/ssr.html - https://github.com/dop251/goja - https://github.com/k2wanko/appengine-go-ssr-example - https://github.com/k2wanko/gae-gcf-vue-ssr-example - https://github.com/k2wanko/appengine-node-ssr-example