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
Riot.jsでSSRを利用してサイトが生成したかった話 Grand Frontend Osa...
Search
potato4d(Takuma HANATANI)
August 28, 2016
Technology
0
1.3k
Riot.jsでSSRを利用してサイトが生成したかった話 Grand Frontend Osaka 2016 Lightning Talk
https://kfug.jp/gfo2016
#frontkansai
potato4d(Takuma HANATANI)
August 28, 2016
Tweet
Share
More Decks by potato4d(Takuma HANATANI)
See All by potato4d(Takuma HANATANI)
どうせキレイに書けない処理は逆にAIに書いてもらうほうが良い説 / #kyotojs 22
potato4d
3
350
TSX First な Zero-Runtime SSG potato4d/dodai とその仕組み / owned static site generator #kyotojs
potato4d
1
2.2k
Vue.js with TSX - From Vue 2.x to Vue 3 #v_tokyo11
potato4d
9
4.8k
終わりゆく Vue 2.x 時代の状態設計のアンサー - Vue 3 の Provider への期待 / The Last Architecture of the Vue 2.x
potato4d
25
6.9k
Web Worker を使ってブラウザ上でポケモンの画像を解析したい! / Pokemon recognition from screenshots in browser using web worker
potato4d
0
1.2k
Firebase & Google Cloud によるサーバーレス帳票管理 #FJUG / Serverless Architecture in Candy
potato4d
8
3.6k
NestJS meetup Tokyo Opening Talk / What is NestJS? #nestjs_meetup
potato4d
11
4k
私たちはなぜ SPA で開発するのか / Why you choose SPA
potato4d
39
26k
Amplify Console 誕生以来本番運用しつづけてわかったこと #awswakaran_tokyo
potato4d
6
3.4k
Other Decks in Technology
See All in Technology
【詳説】コンテンツ配信 システムの複数機能 基盤への拡張
hatena
0
230
技術スタックだけじゃない、業務ドメイン知識のオンボーディングも同じくらいの量が必要な話
niftycorp
PRO
0
100
Visualize, Visualize, Visualize and rclone
tomoaki0705
9
82k
RayでPHPのデバッグをちょっと快適にする
muno92
PRO
0
190
システム・ML活用を広げるdbtのデータモデリング / Expanding System & ML Use with dbt Modeling
i125
1
320
Share my, our lessons from the road to re:Invent
naospon
0
140
急成長する企業で作った、エンジニアが輝ける制度/ 20250227 Rinto Ikenoue
shift_evolve
0
130
Active Directory攻防
cryptopeg
PRO
8
5.5k
AWSアカウントのセキュリティ自動化、どこまで進める? 最適な設計と実践ポイント
yuobayashi
7
580
ExaDB-XSで利用されているExadata Exascaleについて
oracle4engineer
PRO
3
240
手を動かしてレベルアップしよう!
maruto
0
200
大規模アジャイルフレームワークから学ぶエンジニアマネジメントの本質
staka121
PRO
3
1.1k
Featured
See All Featured
Done Done
chrislema
182
16k
Documentation Writing (for coders)
carmenintech
67
4.6k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
356
29k
Fashionably flexible responsive web design (full day workshop)
malarkey
406
66k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
30
2.2k
No one is an island. Learnings from fostering a developers community.
thoeni
21
3.1k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
irinanazarova
6
570
The Pragmatic Product Professional
lauravandoore
32
6.4k
Navigating Team Friction
lara
183
15k
How to Ace a Technical Interview
jacobian
276
23k
How To Stay Up To Date on Web Technology
chriscoyier
790
250k
Building a Modern Day E-commerce SEO Strategy
aleyda
38
7.1k
Transcript
3JPUKTͰ443Λར༻ͯ͠αΠτ͕ੜͨ͠ ͔ͬͨ (SBOE'SPOUFOE0TBLB 5",6.")BOBUBOJ!QPUBUPE
ࣗݾհ w Ֆ୩ຏ 1PUBUPE w ϓϩάϥϜॻ͍ͨΓσβΠϯͨ͠Γ w GSPOULBOTBJ4UB⒎ w
ͳΜ͔ॳΊʹͯͨ͠ਓ w Ұ࣌ظK2VFSZ͓͡͞ΜͱݺΕ͍ͯͨ w ࠓ3JPU͓͡͞ΜΓ·͢
3JPUͬͯ·͔͢ʁ
ͬͯ·͢Ͷʁ
ͬͯ·͢ΑͶʁ
ͬͯΔલఏͰ͍͖·͢
3JPUͷ͖͢ͳͱ͜Ζ
3JPUͷ͖͢ͳͱ͜Ζ w खܰʹѻ͑ͯίϯϙʔωϯτ͕ग़དྷΔͷ͕ศར
3JPUͷ͖͢ͳͱ͜Ζ w खܰʹѻ͑ͯίϯϙʔωϯτ͕ग़དྷΔͷ͕ศར w 4DPQFE$44ʹରԠʢͭΑ͍ʣ
3JPUͷ͖͢ͳͱ͜Ζ w खܰʹѻ͑ͯίϯϙʔωϯτ͕ग़དྷΔͷ͕ศར w 4DPQFE$44ʹରԠʢͭΑ͍ʣ w ඪ४Ͱ443͕͍͍ͭͯΔΒ͍͠
3JPUͷ͖͢ͳͱ͜Ζ w खܰʹѻ͑ͯίϯϙʔωϯτ͕ग़དྷΔͷ͕ศར w 4DPQFE$44ʹରԠʢͭΑ͍ʣ w ඪ४Ͱ443͕͍͍ͭͯΔΒ͍͠ w ࢿྉ͕ඇৗʹগͳ͍ͷͰ։ͷ͕͍͕͋͠Δ
Μʁ
खܰͳίϯϙʔωϯτ
खܰͳίϯϙʔωϯτ 4DPQFE$44
443͕Մೳ खܰͳίϯϙʔωϯτ 4DPQFE$44
͜ΕςϯϓϨʔτΤϯδϯ ͱͯ͠ڧ͍ͷͰʁ
Γ͍ͨ͜ͱ w ୯७ͳ443ͷ߹ɺ/PEF͕ಈ͘αʔόʔ͕ඞཁʹͳΔ͕ɺΫϥ ΠΞϯταΠυͰ4&00(1ͱ͔͕ͭΒ͍ͷͰ)5.-Λు͖ग़ ͯ͠ཉ͍͠ w ͦͷςϯϓϨʔτΤϯδϯʹɺ4DPQFE$44͕ѻ͑ͯɺಈతͳύ ϥϝʔλΛجʹ)5.-Λੜग़དྷΔ3JPUΛ͍͍ͨ w )5.-
$44 K2VFSZ͔͠Θͳ͍ਓͰίϯϙʔωϯτԽͱ 4DPQFE$44ͷϝϦοτΛڗडͰ͖ΔΈΛͭ͘Γ͍ͨ w AOQNSVOHFOFSBUFAͰ443Λ$-*ͰΒͤͯ)5.-Λࣗಈੜ ͢Δ
ͬͯΈͨ
ͬͯΈͨ %FNP
ͬͯΈͨ
4DPQFE$44 ରԠͯ͠ͳ͍
ͭΒ͍
Ҿ͖Լ͕Εͳ͘ͳͬͨਓ
Ҿ͖Լ͕Εͳ͘ͳͬͨਓ w ࠓճαʔόʔαΠυϨϯμϦϯάͷػೳΛ༻͍ͯͲ͏ʹ͔ ͯ͠)5.-Λग़ྗ͢Δ͜ͱ͕తͰ͋ͬͯɺखஈΘͳ͍
Ҿ͖Լ͕Εͳ͘ͳͬͨਓ w ࠓճαʔόʔαΠυϨϯμϦϯάͷػೳΛ༻͍ͯͲ͏ʹ͔ ͯ͠)5.-Λग़ྗ͢Δ͜ͱ͕తͰ͋ͬͯɺखஈΘͳ͍ w XFCQBDLͰݻΊͨCVOEMFKTΛΫϥΠΞϯταΠυͰ࣮ߦ͠ ͯɺͦͷ݁ՌΛड͚औΔͱྑ͍ͷͰʁ
Ҿ͖Լ͕Εͳ͘ͳͬͨਓ w ࠓճαʔόʔαΠυϨϯμϦϯάͷػೳΛ༻͍ͯͲ͏ʹ͔ ͯ͠)5.-Λग़ྗ͢Δ͜ͱ͕తͰ͋ͬͯɺखஈΘͳ͍ w XFCQBDLͰݻΊͨCVOEMFKTΛΫϥΠΞϯταΠυͰ࣮ߦ͠ ͯɺͦͷ݁ՌΛड͚औΔͱྑ͍ͷͰʁ w ηϧϑεΫϨΠϐϯάͰୡ͢Δ͜ͱʹ
Ҿ͖Լ͕Εͳ͘ͳͬͨਓ w ࠓճαʔόʔαΠυϨϯμϦϯάͷػೳΛ༻͍ͯͲ͏ʹ͔ ͯ͠)5.-Λग़ྗ͢Δ͜ͱ͕తͰ͋ͬͯɺखஈΘͳ͍ w XFCQBDLͰݻΊͨCVOEMFKTΛΫϥΠΞϯταΠυͰ࣮ߦ͠ ͯɺͦͷ݁ՌΛड͚औΔͱྑ͍ͷͰʁ w ηϧϑεΫϨΠϐϯάͰୡ͢Δ͜ͱʹ w
SJPUMPBEFSͱ͔ͰΨοπϦ/PEFڥ͍ͬͯΔͷͰɺ·ͱ Ίͯཧ͢ΔҙຯͰ/PEFͰಈ͔͢
/JHIUNBSFͬͨ &MFDUSPO͕ೖͬͯͯͳΜ͔ΊͬͪΌ$ISPNFࣗಈԽͰ͖Δͭʢҙ༁ʣ
σϞ
ͪΐͬͱͭΒ͍
ͬͯΈͨ݁Ռ w औΓ͑ͣ3JPUͰࡁΈͷ)5.-Λు͘ͱ͍͏తୡ ͨ͠ w ΠΠΧϯδʹ443ग़དྷΔͳΒͦͦؤுΔඞཁ͕ͳ͍͏ ͑ɺ͜ͷ··ͩͱςϯϓϨʔτΤϯδϯͱ͔ͯ͠͠ར༻͕ Ͱ͖ͳ͍ͷͰधཁ͕ߦํෆ໌ w ݸਓతʹָ͚ͩͲɺअಓײ͕͋ͬͯקΊΒΕͳ͍ͱ͍͏
ؾ͕࣋ͪڧ͍
͓·͚
WVFMPBEFSར༻ͷ7VFKTͰ ಉ͘͡Β͍खܰͰʁ
μϝͩͬͨ IUUQRJJUBDPNEFWOFLPJUFNTBBCCDC
͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠