Svelte 5入門

全4回

Svelteはコンパイル時に最適化された軽量なコードを生成するUIフレームワーク。シンプルな構文と高速な動作が特長です。Svelte 5をベースに、現場で使える基本的な事項を解説します。

第4回 子コンポーネントから親コンポーネントへの値の受け渡し

Svelteのコンポーネントを複数に分割し、親子間で状態を受け渡す方法について解説します。今回は$bindableというルーンの使い方を通して、子から親へのデータの流れを制御する実践的な手法を紹介します。

第3回 親コンポーネントから子コンポーネントへの値の受け渡し

Svelteのコンポーネントを複数に分割し、親子間で状態を受け渡す方法について解説します。$propsというルーンの使い方を通して、親コンポーネントから子コンポーネントへのデータの流れを制御する実践的な手法を紹介します。

第2回 Svelteコンポーネントの基本

Svelteでアプリケーションを作る上で欠かすことのできない要素である、コンポーネントについて解説します。

第1回 Svelteの特徴

ReactやVue.jsとも違う、シンプルで新しいアプローチの開発ツール、Svelteを紹介します。まずはSvelteを含むプロジェクトをインストールし、テンプレートを試してみましょう。