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
86
Svelte 介紹
快樂學程式分享
Kalan
September 18, 2020
Tweet
Share
More Decks by Kalan
See All by Kalan
單頁式應用中的無障礙設計
kjj6198
0
800
選擇 Svelte 的三個理由 - JSDC
kjj6198
0
370
Svelte - 如何在前端框架中脫穎而出 | ModernWeb'21
kjj6198
0
190
状態管理を楽にする道
kjj6198
1
400
Day25. 如何解析 HTML 語法
kjj6198
0
160
Day24. Svelte 如何編譯程式碼(2)
kjj6198
0
210
Svelte 如何編譯程式碼(1)
kjj6198
0
220
Day22. Svelte 經驗談
kjj6198
0
180
Day18. UI 實戰篇 - 圖片檢視器
kjj6198
0
180
Other Decks in Programming
See All in Programming
Cell-Based Architecture
larchanjo
0
150
Pythonではじめるオープンデータ分析〜書籍の紹介と書籍で紹介しきれなかった事例の紹介〜
welliving
3
700
[AI Engineering Summit Tokyo 2025] LLMは計画業務のゲームチェンジャーか? 最適化業務における活⽤の可能性と限界
terryu16
1
200
Navigating Dependency Injection with Metro
l2hyunwoo
1
200
Flutter On-device AI로 완성하는 오프라인 앱, 박제창 @DevFest INCHEON 2025
itsmedreamwalker
1
170
ローカルLLMを⽤いてコード補完を⾏う VSCode拡張機能を作ってみた
nearme_tech
PRO
0
230
DevFest Android in Korea 2025 - 개발자 커뮤니티를 통해 얻는 가치
wisemuji
0
180
HTTPプロトコル正しく理解していますか? 〜かわいい猫と共に学ぼう。ฅ^•ω•^ฅ ニャ〜
hekuchan
2
580
AI 駆動開発ライフサイクル(AI-DLC):ソフトウェアエンジニアリングの再構築 / AI-DLC Introduction
kanamasa
11
4.8k
実はマルチモーダルだった。ブラウザの組み込みAI🧠でWebの未来を感じてみよう #jsfes #gemini
n0bisuke2
3
1.4k
Findy AI+の開発、運用におけるMCP活用事例
starfish719
0
2k
tsgolintはいかにしてtypescript-goの非公開APIを呼び出しているのか
syumai
7
2.4k
Featured
See All Featured
SERP Conf. Vienna - Web Accessibility: Optimizing for Inclusivity and SEO
sarafernandez
1
1.3k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
eileencodes
26
3.3k
Lightning talk: Run Django tests with GitHub Actions
sabderemane
0
96
Technical Leadership for Architectural Decision Making
baasie
0
200
Stop Working from a Prison Cell
hatefulcrawdad
273
21k
Chasing Engaging Ingredients in Design
codingconduct
0
93
svc-hook: hooking system calls on ARM64 by binary rewriting
retrage
1
42
Agile that works and the tools we love
rasmusluckow
331
21k
The Impact of AI in SEO - AI Overviews June 2024 Edition
aleyda
5
680
Prompt Engineering for Job Search
mfonobong
0
130
Sam Torres - BigQuery for SEOs
techseoconnect
PRO
0
150
Gemini Prompt Engineering: Practical Techniques for Tangible AI Outcomes
mfonobong
2
240
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