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, Hello Worldした!
Search
Azusa Okamoto
May 18, 2025
0
27
ちゃんとSvelte, Hello Worldした!
Azusa Okamoto
May 18, 2025
Tweet
Share
More Decks by Azusa Okamoto
See All by Azusa Okamoto
「わたし色」の見方で拓く世界
azunyan
0
2
最近取り組んでいることについて喋ってみる
azunyan
0
3
フロントエンドエンジニアが関数型プログラミングに出会った話
azunyan
0
64
TECH WOMAN KANSAIの 取り組みと今後~2024年の振り返りと2025年へ~
azunyan
0
58
Go初心者が開発やってみた!
azunyan
1
530
デブサミウーマン2023 アウトプットって何が良いの?
azunyan
0
1.1k
個人的に楽しかった実装2022
azunyan
0
130
TestCaféでE2Eテスト!
azunyan
0
140
vanilla-extractを使ってみた!with React
azunyan
1
810
Featured
See All Featured
Building an army of robots
kneath
306
45k
Intergalactic Javascript Robots from Outer Space
tanoku
271
27k
Reflections from 52 weeks, 52 projects
jeffersonlam
351
20k
Art, The Web, and Tiny UX
lynnandtonic
299
21k
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
8
680
10 Git Anti Patterns You Should be Aware of
lemiorhan
PRO
657
60k
The Language of Interfaces
destraynor
158
25k
Put a Button on it: Removing Barriers to Going Fast.
kastner
60
3.9k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
45
7.5k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
248
1.3M
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
233
17k
Building Flexible Design Systems
yeseniaperezcruz
328
39k
Transcript
ちゃんとSvelte, Hello Worldした! Hackers’ Meetup #11 あずにゃん
フロントエンドエンジニア バックエンドやったり... PMやったり... エンジニア5年目 TECH WOMAN KANSAIという女性エ ンジニア向けコミュニティの運営 ✨ 自己紹介
あずにゃん @azunyan_eng
業務で新しい方が 参画されることに!
フォローお願いしますね!!
「え、私実際、あんまタスク 担当することなかったんだよな...」
「え、私実際、あんまタスク 担当することなかったんだよな...」 ピンチ!!
Svelteについて アウトプットしてみます!!
Svelteの現在地
None
Svelteの現在地 利用率は、26%と上から4番目。(複数回 答ありだったはず...) 順調に伸びていってるFW!!
で、Svelteって何?
Svelteって何? フロントのFWの1つ。 コンポーネントベース。 コンパイルして軽量化する。
Svelteって何? JSXを使わず、HTML・CSS・ JavaScript(TypeScript)で記述する。 Runesという独特な仕様もある。
JS HTML CSS
None
None
Runesって何?
Runesって何? コンパイラにコンパイルの仕方を伝える 役割。 標準で使えてimport不要。
Runesって何? $state $effect $props
None
None
Reactエンジニアから見た Svelte
Reactエンジニアから見たSvelte JSXを使わないので、慣れない... Runesとかいう構文が出てくる...!? 複雑な機能が少なく、学習コストは低い 気がする
ご清聴 ありがとうございました!