# Svelte入門<br>
～100行で作るTodoアプリ～



## 📝 概要

RICORA のワークショップで行った「Svelte 入門」の資料です。

- リポジトリ: https://github.com/r4ai/svelte-beginner-tutorial
- TODO アプリ: https://svelte-todo.r4ai.dev/
- スライド: https://svelte-todo.r4ai.dev/docs/

<iframe
  frameborder="0"
  src="https://svelte-todo.r4ai.dev/docs/"
  title="Svelte 入門"
  allowfullscreen="true"
  mozallowfullscreen="true"
  webkitallowfullscreen="true"
  style="border: 0px; background: padding-box padding-box rgba(0, 0, 0, 0.1); margin: 0px; padding: 0px; border-radius: 6px; box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 40px; width: 100%; height: auto; aspect-ratio: 4 / 3;"
></iframe>

## 🖥️ 技術スタック

- TODO アプリ
  - フレームワーク: [Svelte](https://svelte.dev/)
  - ビルドツール: [Vite](https://vitejs.dev/)
  - スタイル: [Tailwind CSS](https://tailwindcss.com/), [DaisyUI](https://daisyui.com/)
- スライド
  - ライブラリ: [slidev](https://sli.dev)