本文へスキップ

Svelteチュートリアルへようこそ!このチュートリアルでは、あらゆる規模のウェブアプリケーションを、高性能で小さなフットプリントで簡単に構築するために必要なすべてを学ぶことができます。

また、APIドキュメントを参照したり、プレイグラウンドを訪れたり、ローカルマシンでハックを始めたい場合は、`npx sv create`でプロジェクトを作成することもできます。

Svelteとは?

Svelteはウェブアプリケーションを構築するためのツールです。他のユーザーインターフェースフレームワークと同様に、マークアップ、スタイル、動作を組み合わせたコンポーネントから、アプリケーションを宣言的に構築することができます。

これらのコンポーネントは、UIフレームワークに通常関連付けられているオーバーヘッドを排除する、小さく効率的なJavaScriptモジュールにコンパイルされます。

Svelteを使用してアプリケーション全体を構築することもできます(たとえば、このチュートリアルで説明するSvelteKitなどのアプリケーションフレームワークを使用する場合)、既存のコードベースに段階的に追加することもできます。また、どこでも動作するスタンドアロンパッケージとしてコンポーネントを配布することもできます。

このチュートリアルの使用方法

Svelteを理解するには、HTML、CSS、JavaScriptの基本的な知識が必要です。

このチュートリアルは4つの主要なパートに分かれています。

各セクションでは、機能を説明するために設計された演習が提示されます。後の演習は、前の演習で得られた知識に基づいて構築されているため、最初から最後まで順を追って進めることをお勧めします。必要に応じて、上記のメニューから移動できます。

行き詰まった場合は、画面右上の「解答」ボタンをクリックしてください。(このセクションのように演習が含まれていないセクションでは、「解答」ボタンは無効になっています。)各提案されたコードブロックをどこに配置するかを見つけて、それをエディターに手動で入力することで、より早く学習できます。

GitHubでこのページを編集する

1
2
<h1>Welcome!</h1>