Upgrade to Pro — share decks privately, control downloads, hide ads and more …
Sign up for free

Stimulusと他のフレームワークとの比較 / Comparison with Stimulus

Sponsored · Ship Features Fearlessly Turn features on and off without deploys. Used by thousands of Ruby developers. →
Avatar for aikyo aikyo
September 27, 2019
Technology
110
0

Stimulusと他のフレームワークとの比較 / Comparison with Stimulus

Avatar for aikyo

aikyo

September 27, 2019

More Decks by aikyo

See All by aikyo
my-failures-when-i-was-a-team-leader
Avatar for aikyo aikyo02
0
23

Other Decks in Technology

See All in Technology
Slack上でインフラをトラブルシュートする！ Agentic Platform Engineeringの第一歩
Avatar for teru0x1 teru0x1
5
1.8k
なぜ「決定性」が 決定的に重要なのか？ Durable Execution 基盤の数理的理解 #serverlessjp / ServerlessDays Tokyo 2026
Avatar for y_taka_23 ytaka23
3
920
`t*(42&t>>10)`だけで音楽が鳴る、Swiftで実装するBytebeat / iOSDC Japan 2026
Avatar for Yutaro Muta yutailang0119
0
120
幾何アルゴリズムで なめらかなピン操作を / iOSDC Japan 2026 / smoothpin
Avatar for nade kazumanagano
0
360
アプリログインとWeb認証基盤をつなぐ ASWebAuthenticationSession 作法
Avatar for Go Takagi shimastripe
1
350
現場で役立つ技術負債の効果的な返済方法
Avatar for 増田 亨 masuda220
PRO
9
4.7k
EventBridge に「合流」はない ― サーバーレスのワークフローを育てるということ / No Join in EventBridge
Avatar for Yusuke Shimizu yusukeshimizu
2
290
安心して変更できるWebフロントエンドの作り方
Avatar for Hiroyuki ANAI pirosikick
5
2.8k
AI時代の「技術的負債」の変質ー概念の終焉と再解釈、エージェントと共に向かう先
Avatar for nwiizo nwiizo
1
2.9k
SREの視点で考えるSIEM活用術 〜AWS環境でのセキュリティ強化〜
Avatar for サイバーセキュリティクラウド cscengineer
PRO
0
130
Claude Code本って、 読む必要あるの？
Avatar for Oikon oikon48
2
490
AIエージェントの自己改善をどう設計するか / How to Design Self-Improvement for AI Agents
Avatar for 223 22mi
25
16k

Featured

See All Featured
Mobile First: as difficult as doing things right
Avatar for Swwweet swwweet
225
10k
Speed Design
Avatar for Sergey Chernyshev sergeychernyshev
33
2.1k
Lessons Learnt from Crawling 1000+ Websites
Avatar for Charles Meaden charlesmeaden
PRO
1
1.6k
It's Worth the Effort
Avatar for 3n 3n
188
29k
Crafting Experiences
Avatar for Bethany Jepchumba bethany
1
350
Agile Leadership in an Agile Organization
Avatar for Dr. Kim W Petersen kimpetersen
PRO
0
240
The Impact of AI in SEO - AI Overviews June 2024 Edition
Avatar for Aleyda Solis aleyda
6
1.2k
RailsConf 2023
Avatar for Aaron Patterson tenderlove
30
1.6k
Organizational Design Perspectives: An Ontology of Organizational Design Elements
Avatar for Dr. Kim W Petersen kimpetersen
PRO
1
830
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
Avatar for Tammy Everts tammyeverts
11
1k
Documentation Writing (for coders)
Avatar for Carmen Chung carmenintech
77
5.5k
Future Trends and Review - Lecture 12 - Web Technologies (1019888BNR)
Avatar for Beat Signer signer
PRO
0
3.8k

Transcript

  1. StimulusͱଞͷϑϨʔϜϫʔ Ϋͱͷൺֱ @aikyo02

  2. Stimulusͱ͸ HTML͕طʹ͋Δͱ͖޲͚ͷ߇͑ΊͳϑϨʔϜ ϫʔΫ (A modest JavaScript framework for the HTML

    you already have.) https://stimulusjs.org/

  3. ίʔυྫ(html)

  4. ίʔυྫ(JavaScript)

  5. StimulusͱଞͷϑϨʔϜϫʔΫ ͱͷൺֱ • Stimulus͸SPAͰ͸࢖͑ͳ͍ͷͰɺඇSPAͱ͠ ͯൺֱ͢Δɻ

  6. ෼཭ • Stimulus: controller Λ࠶ར༻Մೳʹ͢Δ͜ͱ ͕ਪ঑͞Ε͍ͯΔɻ • Vue, Reactͷίϯϙʔωϯτʹ͍ۙɻ

  7. ςϯϓϨʔτΤϯδϯ • Stimulus : ૉͷhtml • Vue : VueςϯϓϨʔτ(htmlʹσʔλόΠϯ σΟϯάͱಠࣗͷσΟϨΫςΟϒΛՃ͑ͨ΋

    ͷ) • React : JSX (htmlΛJavaScriptͰදݱ͍ͯ͠Δ)

  8. StimulusͷϝϦοτ • ಋೖͷίετ͕গͳ͍ɻ(jQueryͱ΋ڞଘͰ͖ Δ) • ബ͍ϑϨʔϜϫʔΫͳͷͰࣺͯ΍͍͢ɻ

  9. StimulusͷσϝϦοτ • SPA͸ෆՄೳɻ(turbolinksͱͷซ༻ͰSPA෩ʹ ͸Ͱ͖Δ) • DOMΛಈతʹଟ͘มߋ͢ΔΑ͏ͳΞϓϦέʔ γϣϯͷ৔߹͸޲͔ͳ͍ɻ

  10. Stimulus͕Αͦ͞͏ͳͱ͖ • ϑϨʔϜϫʔΫͷಋೖʹ͋·ΓϦιʔεΛׂ ͚ͳ͍ͱ͖ • ։ൃϝϯόʔ͕JavaScriptϑϨʔϜϫʔΫʹश ख़͍ͯ͠ͳ͍ͱ͖

  11. ͋Γ͕ͱ͏͍͟͝·ͨ͠