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.4k
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
410
TSX First な Zero-Runtime SSG potato4d/dodai とその仕組み / owned static site generator #kyotojs
potato4d
1
2.3k
Vue.js with TSX - From Vue 2.x to Vue 3 #v_tokyo11
potato4d
9
4.9k
終わりゆく Vue 2.x 時代の状態設計のアンサー - Vue 3 の Provider への期待 / The Last Architecture of the Vue 2.x
potato4d
25
7k
Web Worker を使ってブラウザ上でポケモンの画像を解析したい! / Pokemon recognition from screenshots in browser using web worker
potato4d
0
1.3k
Firebase & Google Cloud によるサーバーレス帳票管理 #FJUG / Serverless Architecture in Candy
potato4d
8
3.7k
NestJS meetup Tokyo Opening Talk / What is NestJS? #nestjs_meetup
potato4d
11
4.2k
私たちはなぜ SPA で開発するのか / Why you choose SPA
potato4d
39
27k
Amplify Console 誕生以来本番運用しつづけてわかったこと #awswakaran_tokyo
potato4d
6
3.6k
Other Decks in Technology
See All in Technology
Webアプリケーションにオブザーバビリティを実装するRust入門ガイド
nwiizo
6
740
OCI Oracle Database Services新機能アップデート(2025/06-2025/08)
oracle4engineer
PRO
0
110
おやつは300円まで!の最適化を模索してみた
techtekt
PRO
0
290
生成AI時代のデータ基盤設計〜ペースレイヤリングで実現する高速開発と持続性〜 / Levtech Meetup_Session_2
sansan_randd
1
150
共有と分離 - Compose Multiplatform "本番導入" の設計指針
error96num
1
360
Snowflakeの生成AI機能を活用したデータ分析アプリの作成 〜Cortex AnalystとCortex Searchの活用とStreamlitアプリでの利用〜
nayuts
1
460
Skrub: machine-learning with dataframes
gaelvaroquaux
0
120
AIのグローバルトレンド2025 #scrummikawa / global ai trend
kyonmm
PRO
1
260
CDK CLIで使ってたあの機能、CDK Toolkit Libraryではどうやるの?
smt7174
4
110
なぜテストマネージャの視点が 必要なのか? 〜 一歩先へ進むために 〜
moritamasami
0
210
フルカイテン株式会社 エンジニア向け採用資料
fullkaiten
0
8.7k
DevIO2025_継続的なサービス開発のための技術的意思決定のポイント / how-to-tech-decision-makaing-devio2025
nologyance
1
370
Featured
See All Featured
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
eileencodes
26
3k
Thoughts on Productivity
jonyablonski
70
4.8k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
PRO
187
55k
Writing Fast Ruby
sferik
628
62k
jQuery: Nuts, Bolts and Bling
dougneiner
64
7.9k
Stop Working from a Prison Cell
hatefulcrawdad
271
21k
Context Engineering - Making Every Token Count
addyosmani
1
30
The MySQL Ecosystem @ GitHub 2015
samlambert
251
13k
The Illustrated Children's Guide to Kubernetes
chrisshort
48
50k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
229
22k
How to train your dragon (web standard)
notwaldorf
96
6.2k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
111
20k
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
͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠