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
tsumiki
November 08, 2025
Programming
0
0
Svelte触ってみた
tsumiki
November 08, 2025
Tweet
Share
More Decks by tsumiki
See All by tsumiki
リーダブルコードLT
tsumiki
0
0
メディアリニューアルした話
tsumiki
0
1
スピーダ事業 Product Teamの1週間を考察してみた。
tsumiki
0
0
New Joinerの時に感じていたことを振り返る
tsumiki
0
0
F# AsyncとTask
tsumiki
0
0
F#でちょっとずつ返す
tsumiki
0
0
評価が大事
tsumiki
0
0
Other Decks in Programming
See All in Programming
「コードは上から下へ読むのが一番」と思った時に、思い出してほしい話
panda728
PRO
39
26k
Cap'n Webについて
yusukebe
0
150
perlをWebAssembly上で動かすと何が嬉しいの??? / Where does Perl-on-Wasm actually make sense?
mackee
0
200
AtCoder Conference 2025
shindannin
0
720
Navigation 3: 적응형 UI를 위한 앱 탐색
fornewid
1
480
AIエージェントの設計で注意するべきポイント6選
har1101
5
2.5k
生成AIを利用するだけでなく、投資できる組織へ
pospome
2
410
クラウドに依存しないS3を使った開発術
simesaba80
0
180
Deno Tunnel を使ってみた話
kamekyame
0
260
Claude Codeの「Compacting Conversation」を体感50%減! CLAUDE.md + 8 Skills で挑むコンテキスト管理術
kmurahama
1
660
AI時代を生き抜く 新卒エンジニアの生きる道
coconala_engineer
1
450
Developing static sites with Ruby
okuramasafumi
0
330
Featured
See All Featured
Getting science done with accelerated Python computing platforms
jacobtomlinson
0
79
Jamie Indigo - Trashchat’s Guide to Black Boxes: Technical SEO Tactics for LLMs
techseoconnect
PRO
0
32
Exploring the relationship between traditional SERPs and Gen AI search
raygrieselhuber
PRO
2
3.5k
Thoughts on Productivity
jonyablonski
73
5k
AI: The stuff that nobody shows you
jnunemaker
PRO
1
29
Building a Scalable Design System with Sketch
lauravandoore
463
34k
世界の人気アプリ100個を分析して見えたペイウォール設計の心得
akihiro_kokubo
PRO
65
35k
brightonSEO & MeasureFest 2025 - Christian Goodrich - Winning strategies for Black Friday CRO & PPC
cargoodrich
2
68
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
21
1.3k
Color Theory Basics | Prateek | Gurzu
gurzu
0
150
DBのスキルで生き残る技術 - AI時代におけるテーブル設計の勘所
soudai
PRO
61
44k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
35
3.3k
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サイト、小〜中規模くらいまでのサービス・プロ ジェクトなら使いやすそう ・コミュニティあったり盛り上がってはいるので今後も追っていく