Svelte 5入門
- カテゴリー
- UIライブラリ／UIフレームワーク >
- Svelte
全7回
Svelteはコンパイル時に最適化された軽量なコードを生成するUIフレームワーク。シンプルな構文と高速な動作が特長です。Svelte 5をベースに、現場で使える基本的な事項を解説します。
第7回 イベントハンドリング
ユーザーのクリックやキー入力などに応答するには、イベントハンドリングが欠かせません。Svelte 5での基本的な書き方から、子コンポーネントに渡す方法、イベントオブジェクトの扱いまで解説します。
第6回 テンプレートの基本と制御構文 - 2
Svelteコンポーネントに備わった独自の制御構文を解説します。コンポーネントのマークアップ部分に使われる条件分岐、繰り返し処理を解説します。
第5回 テンプレートの基本と制御構文 - 1
Svelteコンポーネントに備わった独自のマークアップ構文を解説します。コンポーネントのマークアップ部分に使われる、まずは変数展開を見てみましょう。
第4回 子コンポーネントから親コンポーネントへの値の受け渡し
Svelteのコンポーネントを複数に分割し、親子間で状態を受け渡す方法について解説します。今回は$bindableというルーンの使い方を通して、子から親へのデータの流れを制御する実践的な手法を紹介します。
第3回 親コンポーネントから子コンポーネントへの値の受け渡し
Svelteのコンポーネントを複数に分割し、親子間で状態を受け渡す方法について解説します。$propsというルーンの使い方を通して、親コンポーネントから子コンポーネントへのデータの流れを制御する実践的な手法を紹介します。
第2回 Svelteコンポーネントの基本
Svelteでアプリケーションを作る上で欠かすことのできない要素である、コンポーネントについて解説します。
第1回 Svelteの特徴
ReactやVue.jsとも違う、シンプルで新しいアプローチの開発ツール、Svelteを紹介します。まずはSvelteを含むプロジェクトをインストールし、テンプレートを試してみましょう。