みなさんはSvelteって知っていますか？

SvelteはReactやVue.jsなどと同じ、モダンなJSのUIフレームワーク(厳密に言うと、コンパイラベースのJSフレームワーク)です。

0からSvelteに入門し、Vite/TS/Tailwindを用いての漢字クイズアプリ開発を通して、その記述を理解しましょう。

✅ Svelte 
✅ Vite
✅ TypeScript
✅ TailwindCSS





今日から始めるSvelte入門

まずはじめに

環境構築

UIの実装

ルーティング

ゲームの実装Ⅰ - コンポーネントの切り替え

ゲームの実装Ⅱ - クリック、フィールドの処理

ゲームの実装Ⅲ - ライフサイクル

ゲームの実装Ⅳ - 問題の設定と正解数

問題一覧ページの実装

まとめ

typescript

tailwindcss

svelte

vite

y_ta@大学生Webエンジニア