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

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

Sponsored · Ship Features Fearlessly Turn features on and off without deploys. Used by thousands of Ruby developers. →
Avatar for ゆうきゃん ゆうきゃん
June 05, 2025
Programming
100
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.7k
モテるコードの書き方
Avatar for ゆうきゃん ucan_lab
0
280
momochanにも分かるPSR講座
Avatar for ゆうきゃん ucan_lab
0
62
ターミナルtips
Avatar for ゆうきゃん ucan_lab
0
110
ゆうきゃんどっかー のススメ In #TechCafe
Avatar for ゆうきゃん ucan_lab
2
280
Laravel Dacapo 2019-09-06 YYPHP 99
Avatar for ゆうきゃん ucan_lab
0
310
Laravel + Docker 環境構築ハンズオン
Avatar for ゆうきゃん ucan_lab
2
510
Laravel+GraphQL 良かったこと 困ったこと 悲しかったこと
Avatar for ゆうきゃん ucan_lab
2
830
バージョン管理ツールについて振り返り
Avatar for ゆうきゃん ucan_lab
0
98

Other Decks in Programming

See All in Programming
私のClaude Code活用法 （個人開発編） - PHPerKaigi mini #4（2026/08/24）
Avatar for panda_program panda_program
1
200
AI に Inclusive UI を書かせよう — Design Rules Skill で Compose UI を作り直す
Avatar for テオリア・テクノロジーズ theoriatec2024
1
340
高専キャリア LT 発表内容
Avatar for Crysta1221 crysta1221
6
5.3k
関東Kaggler会_NVIDIA_Nemotron_コンペ_振り返り
Avatar for rick rick_ds
0
770
DroidKaigi 2026 「個人開発という実験場: Android エンジニアが手にする4つの自由」
Avatar for SlashNephy slashnephy
0
160
Webエンジニアなのにブラウザの仕組みがわからないので、Pythonで自作してみた
Avatar for Tatsuki tatsuki12
4
1.6k
in-process GraphQL のすすめ #ginzajs
Avatar for izumin5210 izumin5210
4
1.5k
How I Won Prize Money at a Hackathon Using Codex and Symphony Alpha
Avatar for yasei no otoko yasei_no_otoko
0
130
異なる設計思想のフレームワークを経験して得た学び
Avatar for amekuhideki amekuhideki
2
1.4k
仕様駆動開発の消費期限
Avatar for watany watany
20
9.2k
自動化したのに回らない テスト運用の壁 ―AI時代の品質責任と生産性
Avatar for Masahiko Funaki(舟木 将彦) mfunaki
0
560
iOS開発×AI駆動開発 〜最近使って便利だったスキルの話〜
Avatar for nogu nogu66
0
120

Featured

See All Featured
How to build an LLM SEO readiness audit: a practical framework
Avatar for Nick Samuel nmsamuel
1
880
Art, The Web, and Tiny UX
Avatar for Lynn Fisher lynnandtonic
304
22k
Dealing with People You Can't Stand - Big Design 2015
Avatar for Cassini Nazir cassininazir
367
27k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
Avatar for Marc Duiker marcduiker
35
2.6k
Discover your Explorer Soul
Avatar for Emna emna__ayadi
2
1.3k
Save Time (by Creating Custom Rails Generators)
Avatar for Garrett Dimon garrettdimon
PRO
32
4.6k
Building a Scalable Design System with Sketch
Avatar for Laura Van Doore lauravandoore
463
34k
エンジニアに許された特別な時間の終わり
Avatar for watany watany
108
250k
Introduction to Domain-Driven Design and Collaborative software design
Avatar for Kenny Baas-Schwegler baasie
1
960
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
Avatar for Dan Newman danielanewman
230
23k
Abbi's Birthday
Avatar for Violet Bock coloredviolet
3
9.6k
Crafting Experiences
Avatar for Bethany Jepchumba bethany
1
270

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