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

1b177b37d966f573b1df5d7218a5f560?s=47 k2wanko
June 14, 2018

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

1b177b37d966f573b1df5d7218a5f560?s=128

k2wanko

June 14, 2018
Tweet

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