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

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

14. None

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