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
·
SiteGround - Reliable hosting with speed, security, and support you can count on.
→
tsumiki
November 08, 2025
Programming
8
0
Share
Svelte触ってみた
tsumiki
November 08, 2025
More Decks by tsumiki
See All by tsumiki
リーダブルコードLT
tsumiki
0
11
メディアリニューアルした話
tsumiki
0
7
スピーダ事業 Product Teamの1週間を考察してみた。
tsumiki
0
10
New Joinerの時に感じていたことを振り返る
tsumiki
0
5
F# AsyncとTask
tsumiki
0
10
F#でちょっとずつ返す
tsumiki
0
8
評価が大事
tsumiki
0
8
Other Decks in Programming
See All in Programming
Everything Claude Code OSS詳細 — 5層構造の中身と導入方法
targe
0
160
Rethinking API Platform Filters
vinceamstoutz
0
5.1k
How to stabilize UI tests using XCTest
akkeylab
0
150
Kubernetesでセルフホストが簡単なNewSQLを求めて / Seeking a NewSQL Database That's Simple to Self-Host on Kubernetes
nnaka2992
0
190
Ruby and LLM Ecosystem 2nd
koic
1
1.4k
PHPで TLSのプロトコルを実装してみる
higaki_program
0
730
The Past, Present, and Future of Enterprise Java
ivargrimstad
0
1.3k
Redox OS でのネームスペース管理と chroot の実現
isanethen
0
500
Codex CLIのSubagentsによる並列API実装 / Parallel API Implementation with Codex CLI Subagents
takatty
2
770
実践ハーネスエンジニアリング #MOSHTech
kajitack
7
5.4k
20260320登壇資料
pharct
0
150
GoのDB アクセスにおける 「型安全」と「柔軟性」の両立 - Bob という選択肢
tak848
0
300
Featured
See All Featured
Self-Hosted WebAssembly Runtime for Runtime-Neutral Checkpoint/Restore in Edge–Cloud Continuum
chikuwait
0
440
Making the Leap to Tech Lead
cromwellryan
135
9.8k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
PRO
199
73k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
666
130k
Leading Effective Engineering Teams in the AI Era
addyosmani
9
1.8k
Become a Pro
speakerdeck
PRO
31
5.9k
職位にかかわらず全員がリーダーシップを発揮するチーム作り / Building a team where everyone can demonstrate leadership regardless of position
madoxten
62
53k
JAMstack: Web Apps at Ludicrous Speed - All Things Open 2022
reverentgeek
1
400
AI Search: Implications for SEO and How to Move Forward - #ShenzhenSEOConference
aleyda
1
1.2k
Why Our Code Smells
bkeepers
PRO
340
58k
RailsConf 2023
tenderlove
30
1.4k
Introduction to Domain-Driven Design and Collaborative software design
baasie
1
700
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サイト、小〜中規模くらいまでのサービス・プロ ジェクトなら使いやすそう ・コミュニティあったり盛り上がってはいるので今後も追っていく