目次

1. Svelte とは

  • Svelte の概念と特徴
  • 他のフレームワーク（React, Angular, Vue 等）との比較
  • 開発環境のセットアップ（Node.js、IDE 等）

2. 基本的な構文と構造

  • コンポーネントの作成と使用
  • データバインディング
  • 条件分岐とループ
  • イベントハンドリング
  • ライフサイクルメソッド

3. アプリケーションの状態管理

  • ストアの概念と使用方法
  • リアクティブな値とステートメント
  • コンテキスト API とグローバルステートの管理

4. Svelte でのアプリケーション開発

  • コンポーネント間の通信
  • スロットと動的コンポーネント
  • 外部 API の利用
  • フォームの取り扱いとバリデーション

5. スタイリングとアニメーション

  • CSS とスコープ付きスタイル
  • トランジションとアニメーション
  • サードパーティの CSS フレームワークとの統合

6. アプリケーションのビルドとデプロイ

  • ビルドプロセスの理解
  • 静的サイトの生成と SPA のビルド
  • デプロイメント（Netlify、Vercel、GitHub Pages 等）

7. 実践練習

  • ToDo リストアプリ
  • 天気予報アプリ
  • シンプルなブログまたは E コマースサイト

8. Svelte のエコシステムと先進的な使用法

  • SvelteKit の概要と使用法
  • SSR と SSG
  • モバイルアプリ開発（Svelte Native、Capacitor との統合）
  • TypeScript との統合

9. リソースとコミュニティ

  • Svelte コミュニティとリソース
  • よくある質問（FAQ）
  • パフォーマンス最適化のヒント
  • トラブルシューティングガイド
  • 参考文献とリンク集