はじめに

Svelte 5とSvelteKitの世界へようこそ！このセクションでは、最新のWeb開発フレームワークであるSvelteの概要と、なぜ多くの開発者がSvelteを選ぶのかを理解します。

Svelte 5とは

Svelteは「コンパイラ」として動作する革新的なフロントエンドフレームワークです。React やVueのような従来のフレームワークとは異なり、ランタイムライブラリを必要とせず、ビルド時にコンポーネントを効率的なVanilla JavaScriptに変換します。

革新的な特徴

1. コンパイラベース - ビルド時に最適化されたコードを生成
2. Virtual DOM不使用 - 直接DOMを操作する効率的なコード
3. Runesシステム - 明示的で予測可能なリアクティビティ
4. TypeScript完全対応 - 型安全な開発が標準
5. 軽量・高速 - 最小限のバンドルサイズで最高のパフォーマンス

このセクションで学ぶこと

学習の進め方

このセクションは、Svelteを初めて学ぶ方向けの導入部分です。以下の順序で学習を進めることをお勧めします：

1. なぜSvelteか - Svelteの利点と他フレームワークとの違いを理解
2. 環境構築 - 開発環境を整えて実際に手を動かす準備
3. TypeScript設定 - 型安全な開発のための環境を構築

前提知識

このガイドを始める前に、以下の知識があることを前提としています：

• HTML/CSS の基本的な知識
• JavaScript（ES6+）の基本的な構文
• コマンドラインの基本的な操作
• npm/pnpmなどのパッケージマネージャーの基本的な使い方

TypeScriptの経験があれば理想的ですが、必須ではありません。このガイドを通じてTypeScriptも学べるように構成されています。

次のステップ

準備ができたら、 なぜSvelteか から始めましょう。Svelteがなぜ注目されているのか、その理由を詳しく見ていきます。