Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Svelte Todo アプリハンズオン資料

Sponsored · SiteGround - Reliable hosting with speed, security, and support you can count on. →
Avatar for ゆうきゃん ゆうきゃん
June 05, 2025
Programming
74
0

Svelte Todo アプリハンズオン資料

https://phper-oop.connpass.com/event/354894

Avatar for ゆうきゃん

ゆうきゃん

June 05, 2025

More Decks by ゆうきゃん

See All by ゆうきゃん
開発体験を爆上げするLaravel Dacapo マイグレーションサポートツールのススメ
Avatar for ゆうきゃん ucan_lab
0
1.5k
モテるコードの書き方
Avatar for ゆうきゃん ucan_lab
0
270
momochanにも分かるPSR講座
Avatar for ゆうきゃん ucan_lab
0
54
ターミナルtips
Avatar for ゆうきゃん ucan_lab
0
110
ゆうきゃんどっかー のススメ In #TechCafe
Avatar for ゆうきゃん ucan_lab
2
270
Laravel Dacapo 2019-09-06 YYPHP 99
Avatar for ゆうきゃん ucan_lab
0
290
Laravel + Docker 環境構築ハンズオン
Avatar for ゆうきゃん ucan_lab
2
510
Laravel+GraphQL 良かったこと 困ったこと 悲しかったこと
Avatar for ゆうきゃん ucan_lab
2
780
バージョン管理ツールについて振り返り
Avatar for ゆうきゃん ucan_lab
0
84

Other Decks in Programming

See All in Programming
PCOVから学ぶコードカバレッジ #phpcon_odawara
Avatar for hideki kinjyo o0h
PRO
0
130
煩雑なSkills管理をSoC（関心の分離）により解決する――関心を分離し、プロンプトを部品として育てるためのOSSを作った話 / Solving Complex Skills Management Through SoC (Separation of Concerns)
Avatar for nrs nrslib
3
350
Coding at the Speed of Thought: The New Era of Symfony Docker
Avatar for Kévin Dunglas dunglas
0
4.5k
今こそ押さえておきたい アマゾンウェブサービス（AWS）の データベースの基礎 おもクラ #6版
Avatar for Satoshi Kaneyasu satoshi256kbyte
1
230
Radical Imagining - LIFT 2025-2027 Policy Agenda
Avatar for LIFT lift1998
0
220
ローカルで稼働する AI エージェントを超えて / beyond-local-ai-agents
Avatar for geeawa gawa
1
240
Smarter Angular mit Transformers.js & Prompt API
Avatar for Christian Liebel christianliebel
PRO
1
120
我々はなぜ「層」を分けるのか〜「関心の分離」と「抽象化」で手に入れる変更に強いシンプルな設計〜 #phperkaigi / PHPerKaigi 2026
Avatar for shogogg shogogg
2
780
安いハードウェアでVulkan
Avatar for Fadis fadis
1
880
PHP でエミュレータを自作して Ubuntu を動かそう
Avatar for memory m3m0r7
PRO
2
170
AI駆動開発がもたらすパラダイムシフト
Avatar for 坂本 涼輔 ryosuke0911
0
110
Nuxt Server Components
Avatar for wattanx wattanx
0
240

Featured

See All Featured
How to Think Like a Performance Engineer
Avatar for Harry Roberts csswizardry
28
2.5k
Mozcon NYC 2025: Stop Losing SEO Traffic
Avatar for Sam Torres samtorres
0
190
Design of three-dimensional binary manipulators for pick-and-place task avoiding obstacles (IECON2024)
Avatar for konakalab konakalab
0
390
Visualization
Avatar for Eitan Lees eitanlees
150
17k
Ten Tips & Tricks for a 🌱 transition
Avatar for Manu Carrasco Molina stuffmc
0
95
How STYLIGHT went responsive
Avatar for nonsquared nonsquared
100
6k
Six Lessons from altMBA
Avatar for Skipper Chong Warson skipperchong
29
4.2k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
Avatar for panda_program panda_program
122
21k
Designing for Timeless Needs
Avatar for Cassini Nazir cassininazir
0
180
Noah Learner - AI + Me: how we built a GSC Bulk Export data pipeline
Avatar for Tech SEO Connect techseoconnect
PRO
0
160
Navigating Weather and Climate Data
Avatar for Ryan Abernathey rabernat
0
160
The Anti-SEO Checklist Checklist. Pubcon Cyber Week
Avatar for Ryan Jones ryanjones
0
110

Transcript

  1. Svelte Todo ϋϯζΦϯ by Ώ͏͖ΌΜ

  2. Svelteͱ͸ • ίϯύΠϧܕϑϩϯτΤϯυJSϑϨʔϜϫʔΫ • Ծ૝DOMΛར༻͠ͳ͍ • γϯϓϧͳߏจͱগͳ͍ϘΠϥʔϓϨʔτ • ඇৗʹখ͍͞όϯυϧαΠζ •

    SvelteKitͱͷ࿈ܞͰϑϧελοΫ։ൃ΋Մೳ

  3. SvelteKitͱ͸ • Svelte Λ౔୆ʹͨ͠ ʮΞϓϦશମʯΛ࡞ΔͨΊͷ౷߹ϑϨʔϜϫʔΫ • ϖʔδભҠʢϧʔςΟϯάʣ • αʔόʔͱ࿈ܞͨ͠APIΤϯυϙΠϯτ •

    ϑΥʔϜॲཧ΍όϦσʔγϣϯ • SSRʢαʔόʔαΠυϨϯμϦϯάʣ • ຊ൪ϏϧυͱσϓϩΠ

  4. ެࣜ(ӳޠ) https://svelte.dev

  5. ެࣜ(೔ຊޠ) https://svelte.jp

  6. ϑϨʔϜϫʔΫͷରԠؔ܎ ϥΠϒϥϦ ϑϨʔϜϫʔΫ 3FBDU ˠ /FYU 7VF ˠ /VYU 4WFMUF

    ˠ 4WFMUF,JU

  7. SvelteͷϝϦοτ

  8. ᶃ Ծ૝DOMΛར༻͠ͳ͍ • Svelte͸Ծ૝DOMΛ࢖ΘͣʹɺίϯύΠϧ࣌ ʹ௚઀ޮ཰తͳDOMૢ࡞ίʔυΛੜ੒͠· ͢ɻ → ϥϯλΠϜͷΦʔόʔϔου͕ͳ͘ɺඳը ͕଎͍ɾ൓Ԡ΋͍ܰɻ

  9. ᶄ ϏϧυޙͷϑΝΠϧαΠζ͕খ͍͞ 3FBDU/FYU r,# 7VF/VYU ,# 4WFMUF4WFMUF,JU ,#

  10. SvelteͷσϝϦοτ

  11. SvelteͷσϝϦοτ • React, Vueʹൺ΂ͯར༻ऀ͕গͳ͍ • ೔ຊهࣄɾಋೖࣄྫ͕গͳ͍ • αʔυύʔςΟ੡ϥΠϒϥϦ͕ରԠͯ͠ͳ͍ ͜ͱ΋͋Δ

  12. ϋϯζΦϯʂ

  13. None