Upgrade to Pro — share decks privately, control downloads, hide ads and more …

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

Sponsored · Your Podcast. Everywhere. Effortlessly. Share. Educate. Inspire. Entertain. You do you. We'll handle the rest. →
Avatar for aikyo aikyo
September 27, 2019
Technology
0
89

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

Avatar for aikyo

aikyo

September 27, 2019
Tweet

More Decks by aikyo

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

Other Decks in Technology

See All in Technology
モダンUIでフルサーバーレスなAIエージェントをAmplifyとCDKでサクッとデプロイしよう
Avatar for みのるん minorun365
4
180
Bill One 開発エンジニア 紹介資料
Avatar for Sansan, Inc. sansan33
PRO
4
17k
Greatest Disaster Hits in Web Performance
Avatar for Estela Franco guaca
0
200
予期せぬコストの急増を障害のように扱う――「コスト版ポストモーテム」の導入とその後の改善
Avatar for Masahiro Yoshizawa muziyoshiz
1
1.8k
AIと新時代を切り拓く。これからのSREとメルカリIBISの挑戦
Avatar for ktykogm 0gm
0
870
超初心者からでも大丈夫！オープンソース半導体の楽しみ方〜今こそ！オレオレチップをつくろう〜
Avatar for Yamada3 keropiyo
0
110
[CV勉強会@関東 World Model 読み会] Orbis: Overcoming Challenges of Long-Horizon Prediction in Driving World Models (Mousakhan+, NeurIPS 2025)
Avatar for abemii_ abemii
0
110
顧客の言葉を、そのまま信じない勇気
Avatar for yamatai12 yamatai1212
1
350
Oracle Cloud Observability and Management Platform - OCI 運用監視サービス概要 -
Avatar for oracle4engineer oracle4engineer
PRO
2
14k
茨城の思い出を振り返る ～CDKのセキュリティを添えて～ / 20260201 Mitsutoshi Matsuo
Avatar for SHIFT EVOLVE shift_evolve
PRO
1
230
Claude_CodeでSEOを最適化する_AI_Ops_Community_Vol.2__マーケティングx_AIはここまで進化した.pdf
Avatar for 小笠原理久 riku_423
2
530
SREが向き合う大規模リアーキテクチャ 〜信頼性とアジリティの両立〜
Avatar for Kuniaki Moriya zepprix
0
440

Featured

See All Featured
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
Avatar for Michelle Schulp Hunt marktimemedia
31
2.7k
Building an army of robots
Avatar for Kyle Neath kneath
306
46k
How to Think Like a Performance Engineer
Avatar for Harry Roberts csswizardry
28
2.4k
The Hidden Cost of Media on the Web [PixelPalooza 2025]
Avatar for Tammy Everts tammyeverts
2
180
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
Avatar for Vitaly Friedman smashingmag
254
22k
Google's AI Overviews - The New Search
Avatar for Barry Adams badams
0
900
The Cult of Friendly URLs
Avatar for Andy Hume andyhume
79
6.8k
How to Build an AI Search Optimization Roadmap - Criteria and Steps to Take #SEOIRL
Avatar for Aleyda Solis aleyda
1
1.9k
A brief & incomplete history of 
UX Design for the World Wide Web: 1989–2019
Avatar for Jason CranfordTeague jct
1
300
Lightning Talk: Beautiful Slides for Beginners
Avatar for Ines Montani inesmontani
PRO
1
440
Optimizing for Happiness
Avatar for Tom Preston-Werner mojombo
379
71k
JAMstack: Web Apps at Ludicrous Speed - All Things Open 2022
Avatar for David Neal reverentgeek
1
320

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. ͋Γ͕ͱ͏͍͟͝·ͨ͠