Upgrade to Pro — share decks privately, control downloads, hide ads and more …
Sign up for free

Svelte触ってみた

Sponsored · SiteGround - Reliable hosting with speed, security, and support you can count on. →
Avatar for tsumiki tsumiki
November 08, 2025
Programming
16
0

 Svelte触ってみた

Avatar for tsumiki

tsumiki

November 08, 2025

More Decks by tsumiki

See All by tsumiki
おもしろい組織図の世界
Avatar for tsumiki tsumiki
0
46
リーダブルコードLT
Avatar for tsumiki tsumiki
0
27
メディアリニューアルした話
Avatar for tsumiki tsumiki
0
21
スピーダ事業 Product Teamの1週間を考察してみた。
Avatar for tsumiki tsumiki
0
20
New Joinerの時に感じていたことを振り返る
Avatar for tsumiki tsumiki
0
20
F# AsyncとTask
Avatar for tsumiki tsumiki
0
21
F#でちょっとずつ返す
Avatar for tsumiki tsumiki
0
21
評価が大事
Avatar for tsumiki tsumiki
0
24

Other Decks in Programming

See All in Programming
最近”作らせてる” ローカルAIアプリの話
Avatar for ITO Akihiro akit37
0
480
JAWS-UG 東京支部が始める、JAWS-UG支部コラボ / JAWS-UG lunchtime LT Collaboration
Avatar for y-ohgi y0hgi
0
280
FactoryBotをやめればRSpecは速くなるのか？
Avatar for nissyi yuta_onishi_97
0
640
Workers Cache を知る
Avatar for syumai syumai
0
370
[ハンズオン]AIへの指示だけで「五目並べ」を作ってみよう
Avatar for Satoshi Kaneyasu satoshi256kbyte
1
380
設計次第でAIコードの読む量は減らせる / designing-for-code-reading
Avatar for MinoDriven minodriven
35
17k
気持ちぃ〜角丸 Squircle
Avatar for ryu ryu1013
0
310
3回つくってわかった、
定期実行ジョブ基盤の本質情報
Avatar for Naoto Takai takai
0
510
APNsからLive Activityを開始する話
Avatar for Ryotaro Onoue yumnumm
0
170
Vue Fes Japan の “作る側”に関わってみて
Avatar for Naoki Haba naokihaba
0
160
Everything will be SERVERLESS — 信じて運用した10年の経験値 / Everything Will be Serverless — Lessons Learned from 10 Years of Operational Experience
Avatar for shiro seike seike460
PRO
1
1.1k
Jetpack Compose Mechanisms
Avatar for Jaewoong skydoves
3
820

Featured

See All Featured
Lightning talk: Run Django tests with GitHub Actions
Avatar for Sarah Abderemane sabderemane
0
300
Deep Space Network (abreviated)
Avatar for Tony Rice tonyrice
0
370
Bridging the Design Gap: How Collaborative Modelling removes blockers to flow between stakeholders and teams @FastFlow conf
Avatar for Kenny Baas-Schwegler baasie
0
730
Are puppies a ranking factor?
Avatar for Jono Alderson jonoalderson
2
4.1k
Rebuilding a faster, lazier Slack
Avatar for samanthasiow samanthasiow
85
9.7k
Paper Plane (Part 1)
Avatar for Katie Cordina Lindsey katiecoart
PRO
2
12k
Practical Tips for Bootstrapping Information Extraction Pipelines
Avatar for Matthew Honnibal honnibal
25
2.1k
Build your cross-platform service in a week with App Engine
Avatar for Jose L jlugia
234
19k
Intergalactic Javascript Robots from Outer Space
Avatar for Vicent Martí tanoku
273
28k
Building a Scalable Design System with Sketch
Avatar for Laura Van Doore lauravandoore
464
34k
End of SEO as We Know It (SMX Advanced Version)
Avatar for Michael King ipullrank
3
4.4k
Designing for humans not robots
Avatar for Tammie Lister tammielis
254
26k

Transcript

  1. Svelte触ってみた

  2. ある日の投稿

  3. なんでSvelte触ったんだっけ？

  4. 2019年からずっと満足度高い

  5. 概要っぽい話 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

  6. 触ってみた感想

  7. とにかく速い

  8. なぜこんなに速いのか

  9. No virtual DOM

  10. 総当たりで変更点を見つけるのではなく、 コードから変更されうるものを見つけて挙動を変えている

  11. No virtual DOM 仮想DOMは速いという神話を 完全に終わりにしよう （思想強め）

  12. Library Size

  13. 内部で何をやってるか見てみる

  14. Svelte compiler ・Javascript + HTMT + CSS → plain Javascript

    + scoped CSS ・No virtual DOM

  15. Parse後の戻り値をとりあえず見る

  16. No virtual DOM https://svelte.dev/tutorial/basics ・コンパイル時にcreate_fragmentという要素が作成され、その中に DOM情報が書き込まれる ・scriptタグ内の全ての変数について、リアクティブに変更される部 分とされない部分を判断してコンパイル時に分けるようにしている ・変わりうるのであれば、それを$$invalidateとctxで繋げられるよう にしている

  17. 個人的に思ったこと ・HTMLライクに書けるので非エンジニアでもコーディングできそう ・画期的だけどまだまだ実績の少ない言語 ・LP、リッチなWebサイト、小〜中規模くらいまでのサービス・プロ ジェクトなら使いやすそう ・コミュニティあったり盛り上がってはいるので今後も追っていく