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
Stimulusと他のフレームワークとの比較 / Comparison with Stimulus
Search
aikyo
September 27, 2019
Technology
0
66
Stimulusと他のフレームワークとの比較 / Comparison with Stimulus
aikyo
September 27, 2019
Tweet
Share
More Decks by aikyo
See All by aikyo
my-failures-when-i-was-a-team-leader
aikyo02
0
13
Other Decks in Technology
See All in Technology
エンジニアの生存戦略 〜クラウド潮流の経験から紐解く技術トレンドのメカニズムと乗りこなし方〜
shimy
9
1.9k
LINE WORKSへ簡単通知!Incoming Webhookアプリの紹介
mmclsntr
0
110
AWSサービスメニュー開発をしていてAWSを好きだ!と感じた瞬間
toru_kubota
0
130
スレットハンティングについて知っておきたいこと
hacket
0
130
20240717_イケコパ代表Copilot_in_Teams会社でこう使ってます
ponponmikankan
2
430
成長期に歩みを止めないための創業期の開発文化形成
mayah
6
420
Azure Pipelinesを使用したCICDベースラインアーキテクチャ実践
yuriemori
0
190
データベース研修 DB基礎【MIXI 24新卒技術研修】
mixi_engineers
PRO
0
210
サービスの持続的な成長と技術負債について
siva_official
PRO
10
4.4k
ペパボのオブザーバビリティ研修2024 説明資料
kesompochy
0
1.1k
What is DRE? - Road to SRE NEXT@広島
chanyou0311
3
630
技術負債による事業の失敗はなぜ起こるのか / Why do business failures due to technical debt occur?
i35_267
0
190
Featured
See All Featured
[RailsConf 2023] Rails as a piece of cake
palkan
35
4.4k
YesSQL, Process and Tooling at Scale
rocio
166
14k
Designing for humans not robots
tammielis
247
25k
Speed Design
sergeychernyshev
9
270
Fontdeck: Realign not Redesign
paulrobertlloyd
79
5.1k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
24
1.8k
Statistics for Hackers
jakevdp
792
220k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
277
13k
Designing on Purpose - Digital PM Summit 2013
jponch
113
6.6k
Building Your Own Lightsaber
phodgson
101
5.9k
The Mythical Team-Month
searls
217
43k
Debugging Ruby Performance
tmm1
71
11k
Transcript
StimulusͱଞͷϑϨʔϜϫʔ Ϋͱͷൺֱ @aikyo02
Stimulusͱ HTML͕طʹ͋Δͱ͖͚ͷ߇͑ΊͳϑϨʔϜ ϫʔΫ (A modest JavaScript framework for the HTML
you already have.) https://stimulusjs.org/
ίʔυྫ(html)
ίʔυྫ(JavaScript)
StimulusͱଞͷϑϨʔϜϫʔΫ ͱͷൺֱ • StimulusSPAͰ͑ͳ͍ͷͰɺඇSPAͱ͠ ͯൺֱ͢Δɻ
• Stimulus: controller Λ࠶ར༻Մೳʹ͢Δ͜ͱ ͕ਪ͞Ε͍ͯΔɻ • Vue, Reactͷίϯϙʔωϯτʹ͍ۙɻ
ςϯϓϨʔτΤϯδϯ • Stimulus : ૉͷhtml • Vue : VueςϯϓϨʔτ(htmlʹσʔλόΠϯ σΟϯάͱಠࣗͷσΟϨΫςΟϒΛՃ͑ͨ
ͷ) • React : JSX (htmlΛJavaScriptͰදݱ͍ͯ͠Δ)
StimulusͷϝϦοτ • ಋೖͷίετ͕গͳ͍ɻ(jQueryͱڞଘͰ͖ Δ) • ബ͍ϑϨʔϜϫʔΫͳͷͰࣺ͍ͯ͢ɻ
StimulusͷσϝϦοτ • SPAෆՄೳɻ(turbolinksͱͷซ༻ͰSPA෩ʹ Ͱ͖Δ) • DOMΛಈతʹଟ͘มߋ͢ΔΑ͏ͳΞϓϦέʔ γϣϯͷ߹͔ͳ͍ɻ
Stimulus͕Αͦ͞͏ͳͱ͖ • ϑϨʔϜϫʔΫͷಋೖʹ͋·ΓϦιʔεΛׂ ͚ͳ͍ͱ͖ • ։ൃϝϯόʔ͕JavaScriptϑϨʔϜϫʔΫʹश ख़͍ͯ͠ͳ͍ͱ͖
͋Γ͕ͱ͏͍͟͝·ͨ͠