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

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

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
【５分でわかる】セーフィー エンジニア向け会社紹介
Avatar for Safie safie_recruit
0
42k
Greatest Disaster Hits in Web Performance
Avatar for Estela Franco guaca
0
150
予期せぬコストの急増を障害のように扱う――「コスト版ポストモーテム」の導入とその後の改善
Avatar for Masahiro Yoshizawa muziyoshiz
1
1.8k
All About Sansan – for New Global Engineers
Avatar for Sansan, Inc. sansan33
PRO
1
1.3k
Oracle Cloud Observability and Management Platform - OCI 運用監視サービス概要 -
Avatar for oracle4engineer oracle4engineer
PRO
2
14k
学生・新卒・ジュニアから目指すSRE
Avatar for Hiroya Onoe hiroyaonoe
2
580
M&A 後の統合をどう進めるか ─ ナレッジワーク × Poetics が実践した組織とシステムの融合
Avatar for KNOWLEDGE WORK / 株式会社ナレッジワーク kworkdev
PRO
1
420
2026年、サーバーレスの現在地 -「制約と戦う技術」から「当たり前の実行基盤」へ- /serverless2026
Avatar for Serverless Operations slsops
2
220
Claude_CodeでSEOを最適化する_AI_Ops_Community_Vol.2__マーケティングx_AIはここまで進化した.pdf
Avatar for 小笠原理久 riku_423
2
530
Introduction to Sansan for Engineers / エンジニア向け会社紹介
Avatar for Sansan, Inc. sansan33
PRO
6
68k
こんなところでも（地味に）活躍するImage Modeさんを知ってるかい？- Image Mode for OpenShift -
Avatar for Masataka Tsukamoto tsukaman
0
120
Kiro IDEのドキュメントを全部読んだので地味だけどちょっと嬉しい機能を紹介する
Avatar for khmoryz khmoryz
0
170

Featured

See All Featured
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
Avatar for Irina Nazarova irinanazarova
9
1.2k
The Straight Up "How To Draw Better" Workshop
Avatar for Dennis Kardys denniskardys
239
140k
Beyond borders and beyond the search box: How to win the global "messy middle" with AI-driven SEO
Avatar for David Carrasco davidcarrasco
1
49
Jamie Indigo - Trashchat’s Guide to Black Boxes: Technical SEO Tactics for LLMs
Avatar for Tech SEO Connect techseoconnect
PRO
0
56
What the history of the web can teach us about the future of AI
Avatar for Ines Montani inesmontani
PRO
1
430
Believing is Seeing
Avatar for Spiro Bolos oripsolob
1
53
Building a Scalable Design System with Sketch
Avatar for Laura Van Doore lauravandoore
463
34k
Between Models and Reality
Avatar for mayunak mayunak
1
180
Paper Plane
Avatar for Katie Cordina Lindsey katiecoart
PRO
0
46k
Dominate Local Search Results - an insider guide to GBP, reviews, and Local SEO
Avatar for Greg Gifford greggifford
PRO
0
77
Exploring anti-patterns in Rails
Avatar for Elle Meredith aemeredith
2
250
SEO Brein meetup: CTRL+C is not how to scale international SEO
Avatar for Linda Hogenes lindahogenes
0
2.3k

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