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
73
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
37
「わたし色」の見方で拓く世界
azunyan
0
28
最近取り組んでいることについて喋ってみる
azunyan
0
22
フロントエンドエンジニアが関数型プログラミングに出会った話
azunyan
0
120
TECH WOMAN KANSAIの 取り組みと今後~2024年の振り返りと2025年へ~
azunyan
0
100
Go初心者が開発やってみた!
azunyan
1
570
デブサミウーマン2023 アウトプットって何が良いの?
azunyan
0
1.3k
個人的に楽しかった実装2022
azunyan
0
150
TestCaféでE2Eテスト!
azunyan
0
160
Featured
See All Featured
Intergalactic Javascript Robots from Outer Space
tanoku
273
27k
Claude Code のすすめ
schroneko
67
230k
Scaling GitHub
holman
464
140k
It's Worth the Effort
3n
188
29k
brightonSEO & MeasureFest 2025 - Christian Goodrich - Winning strategies for Black Friday CRO & PPC
cargoodrich
3
730
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
35
2.5k
SEOcharity - Dark patterns in SEO and UX: How to avoid them and build a more ethical web
sarafernandez
0
200
Marketing Yourself as an Engineer | Alaka | Gurzu
gurzu
0
230
Visual Storytelling: How to be a Superhuman Communicator
reverentgeek
2
560
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
360
30k
Product Roadmaps are Hard
iamctodd
PRO
55
12k
Producing Creativity
orderedlist
PRO
348
40k
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とかいう構文が出てくる...!? 複雑な機能が少なく、学習コストは低い 気がする
ご清聴 ありがとうございました!