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
Joys of Absence: A Defence of Solitary Play
codingconduct
1
390
AI: The stuff that nobody shows you
jnunemaker
PRO
8
710
Agile Actions for Facilitating Distributed Teams - ADO2019
mkilby
0
200
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
133
19k
Become a Pro
speakerdeck
PRO
31
6k
Skip the Path - Find Your Career Trail
mkilby
1
140
brightonSEO & MeasureFest 2025 - Christian Goodrich - Winning strategies for Black Friday CRO & PPC
cargoodrich
3
730
Ten Tips & Tricks for a 🌱 transition
stuffmc
0
130
Optimising Largest Contentful Paint
csswizardry
37
3.7k
Accessibility Awareness
sabderemane
1
140
Pawsitive SEO: Lessons from My Dog (and Many Mistakes) on Thriving as a Consultant in the Age of AI
davidcarrasco
0
160
Gemini Prompt Engineering: Practical Techniques for Tangible AI Outcomes
mfonobong
2
430
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とかいう構文が出てくる...!? 複雑な機能が少なく、学習コストは低い 気がする
ご清聴 ありがとうございました!