内容紹介

【Svelte/SvelteKitによるUI＆Webアプリ開発がわかる！】

「Svelte（スベルト）」は、ユーザーインターフェイスを構築するためのJavaScriptフレームワークのひとつです。Svelteには、ユーザインターフェイスで重要な役割を担う「状態管理」を特別な記法や関数を使うことなく記述できる、作成したコンポーネントをランタイムなしで実行可能な形に変換する（コンパイル）といった特徴があります。

本書では、近年注目を集めているSvelteの基本について解説するとともに、SvelteをベースとしたWebフレームワーク「SvelteKit」によるWebアプリケーション開発についてもしっかり解説します。

■こんな方におすすめ■

・Svelteによるユーザインターフェイス開発に興味がある人

・SvelteKitによるWebアプリケーション開発に興味がある人

■目次■

・第1章 はじめてのSvelte

　　1.1 Svelteの誕生と特徴

　　1.2 Svelteチュートリアル：ECサイトの商品ページ作成

・第2章 Svelteの基本

　　2.1 環境構築

　　2.2 コンポーネント

・第3章 Svelteのリアクティビティ

　　3.1 コンポーネントのリアクティビティ

　　3.2 ストア

・第4章 Svelteの高度な機能

　　4.1 高度なテンプレート記法

　　4.2 モジュールコンテキスト

　　4.3 モーション・トランジション・アニメーション

　　4.4 コンテキスト

　　4.5 アクション

・第5章 SvelteKitによる複数ページアプリケーションの開発

　　5.1 SvelteKitの基本と導入

　　5.2 デモアプリケーションの実装を読み解く

　　5.3 ECアプリケーションの拡張

・第6章 SvelteKitリファレンス

　　6.1 SvelteKitの主要な概念

　　6.2 ページルート

　　6.3 フォームアクション

　　6.4 サーバールート

　　6.5 ルーティング

　　6.6 レイアウト

　　6.7 フック

　　6.8 ヘルパーモジュール

　　6.9 ビルドとデプロイメント

・第7章 MongoDBとVercelによる本番環境の構築

　　7.1 SvelteKitアプリケーションと本番環境

　　7.2 MongoDBの導入

　　7.3 Vercelへのデプロイ

・第8章 Auth0によるパスワードレスログイン実装とセッション管理

　　8.1 Auth0の準備

　　8.2 ログインフローの実装

　　8.3 ログインユーザーの判定と表示

　　8.4 ユーザーごとのカート作成

　　8.5 Vercelへのデプロイ

・第9章 ユーザー体験の改善ーOGPタグとプリレンダリング

　　9.1 OGPタグの追加

　　9.2 プリレンダリング

■著者プロフィール■

Kyohei Hamaguchi (tnzk)：1990年三重県生まれ。筑波大学情報科学類でコンピュータサイエンスを学び、以降15年にわたり起業家兼ソフトウェアエンジニアとして活動。現在は米国・ドイツの企業を対象にエンジニアリングとコンサルティングに従事する傍ら、パーソナルデータの保護を推進する非営利団体Conscious Digitalに参画し、国内法への対応を支援している。登録情報セキュリティスペシャリスト。

小関泰裕：1990年山形県生まれ。筑波大学情報学群卒。現在は主にWebアプリケーション分野のソフトウェアエンジニアとして活動中。学部生時代にシステムプログラミングの授業で作った自作のHTTPサーバーがブラウザと通信できることに感動し、以降Webの面白さに取りつかれる。フロントエンド開発ではReact, Vueと渡り歩き、Svelteが良いらしいと聞いて使い始め、今では実案件でも個人開発でもSvelteを使うようになった。近年は、専攻していた分散ソフトウェア分野とWeb分野の交差点にあたるWebRTC技術に注目し、本書共著者とともにWebRTCを用いたビデオチャットSDKを開発している。