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
Svelte触ってみた
Search
Sponsored
·
Ship Features Fearlessly
Turn features on and off without deploys. Used by thousands of Ruby developers.
→
tsumiki
November 08, 2025
Programming
0
3
Svelte触ってみた
tsumiki
November 08, 2025
Tweet
Share
More Decks by tsumiki
See All by tsumiki
リーダブルコードLT
tsumiki
0
4
メディアリニューアルした話
tsumiki
0
3
スピーダ事業 Product Teamの1週間を考察してみた。
tsumiki
0
3
New Joinerの時に感じていたことを振り返る
tsumiki
0
3
F# AsyncとTask
tsumiki
0
3
F#でちょっとずつ返す
tsumiki
0
2
評価が大事
tsumiki
0
4
Other Decks in Programming
See All in Programming
Vibe codingでおすすめの言語と開発手法
uyuki234
0
210
フルサイクルエンジニアリングをAI Agentで全自動化したい 〜構想と現在地〜
kamina_zzz
0
400
AIで開発はどれくらい加速したのか?AIエージェントによるコード生成を、現場の評価と研究開発の評価の両面からdeep diveしてみる
daisuketakeda
1
950
メルカリのリーダビリティチームが取り組む、AI時代のスケーラブルな品質文化
cloverrose
2
510
AgentCoreとHuman in the Loop
har1101
5
210
例外処理とどう使い分ける?Result型を使ったエラー設計 #burikaigi
kajitack
16
5.9k
16年目のピクシブ百科事典を支える最新の技術基盤 / The Modern Tech Stack Powering Pixiv Encyclopedia in its 16th Year
ahuglajbclajep
5
970
コマンドとリード間の連携に対する脅威分析フレームワーク
pandayumi
1
440
高速開発のためのコード整理術
sutetotanuki
1
370
AI時代の認知負荷との向き合い方
optfit
0
130
CSC307 Lecture 02
javiergs
PRO
1
770
Basic Architectures
denyspoltorak
0
650
Featured
See All Featured
WENDY [Excerpt]
tessaabrams
9
36k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
254
22k
Highjacked: Video Game Concept Design
rkendrick25
PRO
1
280
Visual Storytelling: How to be a Superhuman Communicator
reverentgeek
2
420
GraphQLとの向き合い方2022年版
quramy
50
14k
Believing is Seeing
oripsolob
1
48
Music & Morning Musume
bryan
47
7.1k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
49
9.8k
How to Build an AI Search Optimization Roadmap - Criteria and Steps to Take #SEOIRL
aleyda
1
1.9k
AI Search: Implications for SEO and How to Move Forward - #ShenzhenSEOConference
aleyda
1
1.1k
Beyond borders and beyond the search box: How to win the global "messy middle" with AI-driven SEO
davidcarrasco
1
46
Building an army of robots
kneath
306
46k
Transcript
Svelte触ってみた
ある日の投稿
なんでSvelte触ったんだっけ?
2019年からずっと満足度高い
概要っぽい話 Rich Harries(@Rich_Harris) ・First release 2016 ・v2: The magical disappearing
framework 2018 ・v3: Cybernetically enhanced web apps 2019 ・TypeScript Support 2020 ・SvelteKit beta / Japanese Document 2021 ・SvelteKit 1.0 2022
触ってみた感想
とにかく速い
なぜこんなに速いのか
No virtual DOM
総当たりで変更点を見つけるのではなく、 コードから変更されうるものを見つけて挙動を変えている
No virtual DOM 仮想DOMは速いという神話を 完全に終わりにしよう (思想強め)
Library Size
内部で何をやってるか見てみる
Svelte compiler ・Javascript + HTMT + CSS → plain Javascript
+ scoped CSS ・No virtual DOM
Parse後の戻り値をとりあえず見る
No virtual DOM https://svelte.dev/tutorial/basics ・コンパイル時にcreate_fragmentという要素が作成され、その中に DOM情報が書き込まれる ・scriptタグ内の全ての変数について、リアクティブに変更される部 分とされない部分を判断してコンパイル時に分けるようにしている ・変わりうるのであれば、それを$$invalidateとctxで繋げられるよう にしている
個人的に思ったこと ・HTMLライクに書けるので非エンジニアでもコーディングできそう ・画期的だけどまだまだ実績の少ない言語 ・LP、リッチなWebサイト、小〜中規模くらいまでのサービス・プロ ジェクトなら使いやすそう ・コミュニティあったり盛り上がってはいるので今後も追っていく