Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
サーバサイドレンダリング for Google App Engine / Server Sid...
Search
k2wanko
June 14, 2018
Technology
2
1k
サーバサイドレンダリング for Google App Engine / Server Side Rendering for Google App Engine
https://gaeja.connpass.com/event/90133/
k2wanko
June 14, 2018
Tweet
Share
More Decks by k2wanko
See All by k2wanko
Sales AI Cloud "ailead" TSConfig Strictly Adopted / セールスAIクラウド「ailead」の TSConfig厳格化対応した話 /
k2wanko
4
1.9k
Google Analytics for Firebaseを 使うときに把握しておきたいこと / Keep in mind when using Google Analytics for Firebase
k2wanko
2
490
パスワードのない未来のための Firebaseで実装するFIDO2 / FIDO2 actualized by Firebase for the password-less future
k2wanko
5
2.4k
Firebase Auth& Performance Monitoring
k2wanko
0
350
What's New Firebase 2019 Q1 #FJUG #io19jp
k2wanko
5
2.6k
Firebase for Grow
k2wanko
5
960
gosecを試してみた話 / try gosec
k2wanko
1
3.3k
最近のFirebase / Recent Firebase
k2wanko
4
1.6k
Firebase Japan User Group Introduction 2018 #FJUG
k2wanko
0
600
Other Decks in Technology
See All in Technology
webpack依存からの脱却!快適フロントエンド開発をViteで実現する #vuefes
bengo4com
0
1.1k
20251007: What happens when multi-agent systems become larger? (CyberAgent, Inc)
ornew
1
510
Azureコストと向き合った、4年半のリアル / Four and a half years of dealing with Azure costs
aeonpeople
1
250
サイバーエージェント流クラウドコスト削減施策「みんなで金塊堀太郎」
kurochan
4
2.2k
生成AI時代のセキュアコーディングとDevSecOps
yuriemori
0
140
あなたの知らない Linuxカーネル脆弱性の世界
recruitengineers
PRO
3
130
Contract One Engineering Unit 紹介資料
sansan33
PRO
0
8.9k
ローカルLLMとLINE Botの組み合わせ その2(EVO-X2でgpt-oss-120bを利用) / LINE DC Generative AI Meetup #7
you
PRO
0
130
「魔法少女まどか☆マギカ Magia Exedra」のIPのキャラクターを描くための3Dルック開発
gree_tech
PRO
0
130
React19.2のuseEffectEventを追う
maguroalternative
2
570
Claude Code Subagents 再入門 ~cc-sddの実装で学んだこと~
gotalab555
10
17k
Findy Team+ QAチーム これからのチャレンジ!
findy_eventslides
0
490
Featured
See All Featured
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
34
2.5k
Thoughts on Productivity
jonyablonski
70
4.9k
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
PRO
23
1.5k
It's Worth the Effort
3n
187
28k
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
16
1.7k
Rebuilding a faster, lazier Slack
samanthasiow
84
9.2k
GraphQLの誤解/rethinking-graphql
sonatard
73
11k
We Have a Design System, Now What?
morganepeng
53
7.8k
Embracing the Ebb and Flow
colly
88
4.9k
Speed Design
sergeychernyshev
32
1.2k
VelocityConf: Rendering Performance Case Studies
addyosmani
332
24k
How to train your dragon (web standard)
notwaldorf
97
6.3k
Transcript
サーバサイドレンダリング for Google App Engine @k2wanko
コキチーズ @k2wanko - GCPとFirebaseが好きな人 - LINEのセキュリティエンジニア - 最近はPUBGとSplatoonで遊んでる
Firebaseのユーザーグループやってます。 https://firebase.asia
※Vue.jsでサーバサイドレンダリングを した話です。
GAE/GoでSSR
https://qiita.com/koki_cheese/items/13426921f0b5861725e5
GAE/Goの上でJSランタイムを動かして やった
GAE/GoでSSR - gojaと言うGoで作られたECMAScript 5.1を実行できるJSランタイム - Pure GoなのでGAEでも動かせる! - PromiseもsetTimeoutもないのでAPIを色々用意する必要がある! -
色々webpackで魔術をする必要がある! - ライブラリが想定しているNode.jsの環境に近づける必要がある!!! 結論: つらい!!
Cloud FunctionsでSSR
https://qiita.com/koki_cheese/items/64f429ac764983525dcc
Cloud FunctionsでSSR - Node.jsでサーバサイドレンダリングするからもう何も怖くない! - バージョン管理などまだない部分が色々ある 結論: Firebase Hostingで使うならこれでい いんじゃない?
GAE/Node.jsでSSR
https://cloudplatform.googleblog.com/2018/06/Now-you-can-deploy-your-Node-js- app-to-App-Engine-standard-environment.html
None
GAE/Node.jsでSSR - 念願のGAE/Node.jsが来た (beta) - バージョン管理がしやすい!トラフィックの切り分けなど - ファイアーウォールがある!IP制限とかできる 結論:Webサービスがメインなら こっち使おう
ただし、 - Memcachedが今現在ないのでインメモリでキャッシュするしかない - User APIもない - Search APIとか諸々色々ない
SSRの注意
SSRの注意 - SSRだひゃっほーい と思っていきなり移行してはいけない - CDNの設定をきちんと見て 特定のユーザーにしか見せてはいけない 情報がキャッシュされていないかなど注意が必要 最近の事例: 「LINE」タイムラインにおけるシステム不具合に関するお知らせ
https://linecorp.com/ja/security/article/169
SSRは用法用量守って楽しく使いましょう
Thank you @k2wanko
参考 - 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