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
Sponsored
·
Your Podcast. Everywhere. Effortlessly.
Share. Educate. Inspire. Entertain. You do you. We'll handle the rest.
→
Azusa Okamoto
May 18, 2025
79
0
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
ちゃんとSvelte, Hello Worldした!
Azusa Okamoto
May 18, 2025
More Decks by Azusa Okamoto
See All by Azusa Okamoto
GraphQLでAPI開発 やってみよう!
azunyan
0
43
「わたし色」の見方で拓く世界
azunyan
0
30
最近取り組んでいることについて喋ってみる
azunyan
0
24
フロントエンドエンジニアが関数型プログラミングに出会った話
azunyan
0
120
TECH WOMAN KANSAIの 取り組みと今後~2024年の振り返りと2025年へ~
azunyan
0
100
Go初心者が開発やってみた!
azunyan
1
580
デブサミウーマン2023 アウトプットって何が良いの?
azunyan
0
1.3k
個人的に楽しかった実装2022
azunyan
0
150
TestCaféでE2Eテスト!
azunyan
0
160
Featured
See All Featured
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
46
3k
Side Projects
sachag
455
43k
Believing is Seeing
oripsolob
1
210
Designing Dashboards & Data Visualisations in Web Apps
destraynor
232
55k
State of Search Keynote: SEO is Dead Long Live SEO
ryanjones
0
260
The Pragmatic Product Professional
lauravandoore
37
7.4k
The Straight Up "How To Draw Better" Workshop
denniskardys
239
140k
SEO for Brand Visibility & Recognition
aleyda
0
4.7k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
56
3.5k
GitHub's CSS Performance
jonrohan
1033
470k
4 Signs Your Business is Dying
shpigford
187
23k
Paper Plane
katiecoart
PRO
2
53k
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とかいう構文が出てくる...!? 複雑な機能が少なく、学習コストは低い 気がする
ご清聴 ありがとうございました!