実践Ｓｖｅｌｔｅ入門

Ｓｖｅｌｔｅ（スベルト）は、ユーザーインターフェイスを構築するためのＪａｖａＳｃｒｉｐｔフレームワークのひとつです。本書の前半では、Ｓｖｅｌｔｅの基本に加え、開発環境の構築、複雑なＵＩを構築するための各種機能を解説します。本書の後半では、ＳｖｅｌｔｅをベースにしたＷｅｂアプリケーションフレームワーク「ＳｖｅｌｔｅＫｉｔ」について、サーバーサイドの記述も含め丁寧に解説しています。

「Svelte（スベルト）」は、ユーザーインターフェイスを構築するためのJavaScriptフレームワークのひとつです。Svelteには、ユーザインターフェイスで重要な役割を担う「状態管理」を特別な記法や関数を使うことなく記述できる、作成したコンポーネントをランタイムなしで実行可能な形に変換する（コンパイル）といった特徴があります。本書では、近年注目を集めているSvelteの基本について解説するとともに、SvelteをベースとしたWebフレームワーク「SvelteKit」によるWebアプリケーション開発についてもしっかり解説します。

目次

【Svelte編】
・第1章　はじめてのSvelte
1.1　Svelteの誕生と特徴
- 1.1.1　Svelteの特徴
- 1.1.2　Svelteにおける「コンパイル」
- 1.1.3　仮想DOMを使わない
1.2　Svelteチュートリアル：ECサイトの商品ページ作成
- 1.2.1　プロジェクトの準備
- 1.2.2　HTML/CSSによる画面構成要素の作成
- 1.2.3　変数とイベントハンドラによる「カートに入れる」ボタンの挙動作成
- 1.2.4　配列と{#each}構文による関連商品の表示
- 1.2.5　コンポーネントの分割

・第2章　Svelteの基本
2.1　環境構築
- 2.1.1　Svelte公式のREPL
- 2.1.2　Viteによる開発環境の構築
2.2　コンポーネント
- 2.2.1　.svelteファイルの構造
- 2.2.2　テンプレートの基本的な記法
- 2.2.3　スタイル
- 2.2.4　ブロック
- 2.2.5　コンポーネントの使用
- 2.2.6　プロパティ
- 2.2.7　スロット
- 2.2.8　イベント
- 2.2.9　ライフサイクル

・第3章　Svelteのリアクティビティ
3.1　コンポーネントのリアクティビティ
- 3.1.1　変数代入
- 3.1.2　$:プレフィックス
- 3.1.3　配列とオブジェクトの更新
- 3.1.4　入力のバインディング
- 3.1.5　メディア要素のバインディング
- 3.1.6　コンポーネントバインディング
- 3.1.7　thisバインディング
3.2　ストア
- 3.2.1　writableストア
- 3.2.2　$による自動購読
- 3.2.3　$による代入
- 3.2.4　readableストア
- 3.2.5　derivedストア

本の帯に関して

帯つきでの出荷はお約束しておりません。
商品ページに、帯のみに付与される特典物等の表記がある場合でも、確実に帯つきでの出荷はお約束しておりません。
また、帯は商品の一部ではなく「広告扱い」のため、帯の有無・破損による交換や返品は承っておりません。

版・表紙について

版・表紙（カバー）のご指定は承っておりません。ご注文いただくタイミングによっては、お届けする商品の版や表紙が商品ページ上のものとは異なる場合がございます。
また、初版にのみにお付けしている特典（初回特典、初回仕様特典）がある商品は、商品ページに特典の表記がされている場合でも、無くなり次第終了となります。