Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Sign up for free
Menu
Search
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Pricing
Search
Sign in
Sign up for free
Svelte 介紹
Search
Sponsored
·
SiteGround - Reliable hosting with speed, security, and support you can count on.
→
Kalan
September 18, 2020
Programming
130
0
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
Svelte 介紹
快樂學程式分享
Kalan
September 18, 2020
More Decks by Kalan
See All by Kalan
單頁式應用中的無障礙設計
kjj6198
0
840
選擇 Svelte 的三個理由 - JSDC
kjj6198
0
440
Svelte - 如何在前端框架中脫穎而出 | ModernWeb'21
kjj6198
0
240
状態管理を楽にする道
kjj6198
1
450
Day25. 如何解析 HTML 語法
kjj6198
0
200
Day24. Svelte 如何編譯程式碼(2)
kjj6198
0
240
Svelte 如何編譯程式碼(1)
kjj6198
0
250
Day22. Svelte 經驗談
kjj6198
0
240
Day18. UI 實戰篇 - 圖片檢視器
kjj6198
0
220
Other Decks in Programming
See All in Programming
WebMCP Challenge に星空観察アプリで参加した話
okajun35
0
190
UnityでSystem.Net.WebSocketsなWebSocketサーバが動かないのでUnity Monoのコードを覗いてみた / about implementing websocket server with unity mono
drumath2237
1
320
Verilogで学ぶCPU自作入門.pdf
uyuki234
2
1.3k
Apple Intelligence を用いた個人情報誤送信防止、及びユーザーリクエスト体験の改善について
yukiny
0
120
手動確認はもう限界 〜XCUITestでCustom URL Schemeの遷移を起動種別ごとに自動テストする〜 / Testing Custom URL Schemes with XCUITest
otouto
0
330
フロントエンドUIフレームワークのこれまでとこれから
ssssota
5
2.9k
Augmenting AI with the Power of Jakarta EE
ivargrimstad
0
270
技術的負債の返済は、AI時代の複利で効く投資 — 経営としての意思決定とその遂行
curekoshimizu
0
1.8k
thread_parallel_with_free-threaded_Python_and_NumPy.pdf
riku_sakamoto
0
350
Omarchy Tokyo やると聞いて UMPC 買ってセットアップしてきた
mtsmfm
0
160
AI が書く Go コードの品質を劇的に向上させる Linter: “declscope”
mpyw
0
380
[GoCon2026] When Goroutines Are Not Enough: Runtime Locality in High-Throughput Go
takehaya
6
2.4k
Featured
See All Featured
Optimising Largest Contentful Paint
csswizardry
37
4k
Self-Hosted WebAssembly Runtime for Runtime-Neutral Checkpoint/Restore in Edge–Cloud Continuum
chikuwait
0
820
Joys of Absence: A Defence of Solitary Play
codingconduct
1
530
AI Search: Where Are We & What Can We Do About It?
aleyda
0
8k
Agile Actions for Facilitating Distributed Teams - ADO2019
mkilby
0
280
No one is an island. Learnings from fostering a developers community.
thoeni
21
3.8k
Are puppies a ranking factor?
jonoalderson
2
3.9k
Fashionably flexible responsive web design (full day workshop)
malarkey
409
67k
Groundhog Day: Seeking Process in Gaming for Health
codingconduct
0
360
16th Malabo Montpellier Forum Presentation
akademiya2063
PRO
0
380
The AI Search Optimization Roadmap by Aleyda Solis
aleyda
1
6.2k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
35
2.6k
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