Upgrade to PRO for Only $50/Year—Limited-Time Offer! 🔥
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
420
TSX First な Zero-Runtime SSG potato4d/dodai とその仕組み / owned static site generator #kyotojs
potato4d
1
2.4k
Vue.js with TSX - From Vue 2.x to Vue 3 #v_tokyo11
potato4d
9
5k
終わりゆく 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.3k
私たちはなぜ SPA で開発するのか / Why you choose SPA
potato4d
39
27k
Amplify Console 誕生以来本番運用しつづけてわかったこと #awswakaran_tokyo
potato4d
6
3.6k
Other Decks in Technology
See All in Technology
会社紹介資料 / Sansan Company Profile
sansan33
PRO
11
390k
mairuでつくるクレデンシャルレス開発環境 / Credential-less development environment using Mailru
mirakui
5
560
Snowflakeでデータ基盤を もう一度作り直すなら / rebuilding-data-platform-with-snowflake
pei0804
6
1.7k
AWS re:Invent 2025~初参加の成果と学び~
kubomasataka
0
150
アプリにAIを正しく組み込むための アーキテクチャ── 国産LLMの現実と実践
kohju
0
120
30分であなたをOmniのファンにしてみせます~分析画面のクリック操作をそのままコード化できるAI-ReadyなBIツール~
sagara
0
180
AWS re:Invent 2025で見たGrafana最新機能の紹介
hamadakoji
0
430
Lookerで実現するセキュアな外部データ提供
zozotech
PRO
0
180
.NET 10の概要
tomokusaba
0
120
CARTAのAI CoE が挑む「事業を進化させる AI エンジニアリング」 / carta ai coe evolution business ai engineering
carta_engineering
0
2k
打 造 A I 驅 動 的 G i t H u b ⾃ 動 化 ⼯ 作 流 程
appleboy
0
370
Bedrock AgentCore Memoryの新機能 (Episode) を試してみた / try Bedrock AgentCore Memory Episodic functionarity
hoshi7_n
1
810
Featured
See All Featured
How to Align SEO within the Product Triangle To Get Buy-In & Support - #RIMC
aleyda
1
1.3k
SEOcharity - Dark patterns in SEO and UX: How to avoid them and build a more ethical web
sarafernandezseo
0
82
Everyday Curiosity
cassininazir
0
100
Ten Tips & Tricks for a 🌱 transition
stuffmc
0
29
Claude Code どこまでも/ Claude Code Everywhere
nwiizo
61
47k
Game over? The fight for quality and originality in the time of robots
wayneb77
1
60
Navigating Weather and Climate Data
rabernat
0
44
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
231
22k
Design in an AI World
tapps
0
91
Un-Boring Meetings
codingconduct
0
160
A better future with KSS
kneath
240
18k
Pawsitive SEO: Lessons from My Dog (and Many Mistakes) on Thriving as a Consultant in the Age of AI
davidcarrasco
0
32
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
͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠