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
Kalan
September 18, 2020
Programming
0
79
Svelte 介紹
快樂學程式分享
Kalan
September 18, 2020
Tweet
Share
More Decks by Kalan
See All by Kalan
單頁式應用中的無障礙設計
kjj6198
0
780
選擇 Svelte 的三個理由 - JSDC
kjj6198
0
340
Svelte - 如何在前端框架中脫穎而出 | ModernWeb'21
kjj6198
0
170
状態管理を楽にする道
kjj6198
1
370
Day25. 如何解析 HTML 語法
kjj6198
0
150
Day24. Svelte 如何編譯程式碼(2)
kjj6198
0
200
Svelte 如何編譯程式碼(1)
kjj6198
0
190
Day22. Svelte 經驗談
kjj6198
0
160
Day18. UI 實戰篇 - 圖片檢視器
kjj6198
0
160
Other Decks in Programming
See All in Programming
可変性を制する設計: 構造と振る舞いから考える概念モデリングとその実装
a_suenami
10
1.5k
MCPで実現できる、Webサービス利用体験について
syumai
7
2.4k
[Codecon - 2025] Como não odiar seus testes
camilacampos
0
100
バイブコーディング超えてバイブデプロイ〜CloudflareMCPで実現する、未来のアプリケーションデリバリー〜
azukiazusa1
3
780
中級グラフィックス入門~効率的なメッシュレット描画~
projectasura
4
2.4k
Go製CLIツールをnpmで配布するには
syumai
2
1.1k
抽象化という思考のツール - 理解と活用 - / Abstraction-as-a-Tool-for-Thinking
shin1x1
1
930
オホーツクでコミュニティを立ち上げた理由―地方出身プログラマの挑戦 / TechRAMEN 2025 Conference
lemonade_37
1
430
AIコーディングエージェント全社導入とセキュリティ対策
hikaruegashira
15
9.3k
대규모 트래픽을 처리하는 프론트 개발자의 전략
maryang
0
110
ソフトウェア設計とAI技術の活用
masuda220
PRO
25
7.3k
LLMは麻雀を知らなすぎるから俺が教育してやる
po3rin
3
1.9k
Featured
See All Featured
GraphQLとの向き合い方2022年版
quramy
49
14k
Building an army of robots
kneath
306
45k
A better future with KSS
kneath
238
17k
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
18
1k
The Illustrated Children's Guide to Kubernetes
chrisshort
48
50k
Product Roadmaps are Hard
iamctodd
PRO
54
11k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
126
53k
How STYLIGHT went responsive
nonsquared
100
5.7k
Thoughts on Productivity
jonyablonski
69
4.8k
Building Flexible Design Systems
yeseniaperezcruz
328
39k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
eileencodes
26
3k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
667
120k
Transcript
Svelte - 是什麼讓我遇見這樣的你 1 Kalan
README - Kalan 2 Twitter: @kalanyei YouTube: 愷開寫程式 更多關於我:me.kalan.dev 目前居住地:福岡
前端工程師 興趣:料理、小說、J-POP、遊戲、日文
日本職場案內 3 日本軟體工程師求職心得:blog.kalan.dev/japan-interview 在福岡遠端工作四個月感想:blog.kalan.dev/2020-06-15-thought-on-remote-work/ 在日軟體工程師工作一年心得:life.kalan.dev/2020/08/11/software-engineer-in-fukuoka/ 日語八百屋:shurado.com
求職管道 NeoCareer Personal Adecco Indeed 朋友介紹 4
語言問題 5 學習日文的重要性? 重要,但不是優先條件 工程師的價值在於用技術解決問題
語言問題 6 學習英文的重要性? 短期內效果會比日文顯著 能否有效溝通、傳達資訊才是重點
職場相關 血汗、低薪、加班文化都是真的嗎? 7 當然是真的 而且這種現象會存在在各個國家當中
進入正題 - Svelte 8 又一個前端框架!? 繼 React、Vue 之後
作者介紹 9 Rollup 作者 Ractive.js 作者 在紐約時報擔任 Graphic Editor 非本科系(哲學系)出身
畢業後擔任記者,為了寫報導開始學習程式
現代前端框架的基本要素 10 提供一套 Reactivity 機制 生命週期方法 狀態管理機制(如 context, store) 其他
範例 - API 搜尋 11 https://svelte.dev/repl/36cc73445b6446f9aad7a1c1bb018e68?version=3.25.1
為什麼 Svelte 值得學習? 12 語法簡單容易上手 在中小型專案中有比較小的 bundle size 具有元件化、狀態管理等現代前端開發要素 良好的開發體驗
Bundle Size 自我介紹網站 (me.kalan.dev) 13 22.9KB
我應該學習 Svelte 嗎? It depends 14 市場考量 學習成本 社群及生態圈 產品需求
專案大小、開發週期、資源
Q & A 15