※紹介している商品・サービス等の外部リンクには、広告を利用しているものがあります
こんにちは！
この記事では、以下のような疑問にお答えします。
読者の方ReactやVueより書きやすいと聞いてSvelteに興味があるけど、日本語の情報が少なくて、どこから学べばいいか分かりません…
ぼくSvelteは書くコードが少なく、初めてのフロントエンドフレームワークとしても学びやすいのが魅力です。日本語の本で基本を押さえてから、公式のチュートリアルで手を動かしましょう。
この記事の内容
Svelteは、Webアプリの画面を作るためのフロントエンドのフレームワークです。ReactやVue.jsと違い、事前にコードを変換（コンパイル）しておく仕組みのため、書くコードが少なく、動作が軽いのが特徴です。
Svelteを使ってWebアプリ全体を作るためのフレームワークとして、SvelteKitも広く使われるようになってきました。
この記事では、Svelteの基本を学ぶ本と、SvelteKitでWeb開発を学ぶ本の2つに分けて、おすすめの本を紹介します。Svelteは日本語の本がまだ少ないので、公式サイトのチュートリアルもあわせて活用しましょう。
- コンポーネント、リアクティビティなど、Svelteの基本の考え方が分かる
- ReactやVue.jsとの違いを知り、Svelteの強みを理解できる
- SvelteKitを使って、画面からサーバー側までをまとめたWebアプリを作れるようになる
この記事を書いた人
それでは、中身に入っていきましょう！
ぼくSvelteは、Svelte 5で書き方が大きく変わりました。本を選ぶときは対応しているバージョンを確認し、公式のドキュメントで最新の書き方もあわせて確認しましょう。
登録1分・完全無料
SE・ITエンジニアにおすすめの
転職エージェント3社
- 1位 レバテックキャリアIT・Web特化 ★5.0 3人に2人が年収70万円アップ。求人53,000件以上 無料で相談する
- 2位 アサイン（ASSIGN）20〜30代のキャリア設計 ★4.8 AI診断は50万人が利用。5年後から逆算して提案 無料で相談する
- 3位 ビズリーチスカウトを待つだけ ★4.6 年収1,000万円以上の求人が5割以上 無料で登録する
3社とも相談だけの利用でOKです。費用は一切かかりません。
Svelteの基本を学ぶ本
実践 Svelte入門
ポチップ
エンジニア選書シリーズの1冊で、Svelteの基本から実践的な使い方までを解説した本です。
コンポーネントの作り方、状態の管理、画面の切り替えなど、Svelteでアプリを作るために必要な知識が順を追ってまとめられています。
Svelteならではの考え方を、ほかのフレームワークとの違いも意識しながら学べるのが特徴です。
Svelteを本格的に学びたい人の最初の1冊としておすすめです。
フロントエンドエンジニアのための現在とこれからの必須知識
ポチップ
フロントエンド開発の全体像を、今の技術の流れとあわせて整理できる本です。
HTML・CSS・JavaScriptの基本から、フレームワーク、ビルドツール、テスト、パフォーマンスまで、フロントエンドで押さえておきたい知識が幅広くまとめられています。
Svelteがほかのフレームワークとどう違うのか、なぜ注目されているのかを理解する下地になります。
Svelteを学ぶ前に、フロントエンド全体の地図を頭に入れておきたい人に向いています。
1つでも当てはまるなら、一度相談しておくと安心です
- 今の年収が、同じスキルの人より低い気がする
- 新しい技術を学んでも、業務で使う機会がない
- 転職したいが、何から始めればいいか分からない
- 自分の市場価値を一度知っておきたい
どれも、無料のエージェントに相談すれば1回で解消します。転職を決めていなくても使えるので、まずは気になったところに登録してみてください。
-
無料で相談するレバテックキャリア実務経験があり、年収を上げたい人に。3人に2人が年収70万円アップを実現しています。
-
無料で相談するアサイン（ASSIGN）20〜30代で次の一手に迷っている人に。AI診断で向いている道が見えます。
-
無料で登録するビズリーチまだ動くか決めていない人に。登録して待つだけで相場が分かります。
しつこい勧誘はありません。費用も一切かかりません。
フロントエンド開発の土台を固める本
フロントエンド開発入門 プロフェッショナルな開発ツールと設計・実装
ポチップ
実務のフロントエンド開発で使う道具と、設計・実装の考え方を学べる本です。
パッケージ管理やビルド、コードのチェック、テストなど、現場の開発で欠かせない道具の使い方と、画面の設計・実装の進め方が解説されています。
SvelteKitでアプリを作るときも同じ道具や考え方を使うので、学んだことをそのまま活かせます。
Svelteで作ったものを、実務で通用する形に仕上げたい人におすすめです。
さいごに
Svelteは、少ないコードで軽く動くWebアプリを作れる、注目のフレームワークです。
まずは入門書でSvelteの基本を押さえ、SvelteKitの本でWebサイトやアプリを作る流れを体験し、公式のチュートリアルで最新の書き方を確認してみてください。
複数のフレームワークを知っているSEは、プロジェクトに合った技術を選べる存在として頼りにされますよ。
ではまた！
あわせて読みたい
学んだスキルの市場価値を、無料で確かめよう
登録も相談も無料です。応募の義務はありません
転職エージェントは基本的に無料で使えます。1社だけだと紹介される求人が偏るので、気になったところを2〜3社まとめて登録しておくのがおすすめです。
-
1
無料登録はこちらレバテックキャリアIT・Web特化で求人53,000件以上。3人に2人が年収70万円アップを実現しています。
-
2
無料登録はこちらアサイン（ASSIGN）20〜30代のハイエンド特化。AI診断で5年後・10年後から逆算して提案してくれます。
-
3
無料登録はこちらビズリーチ登録して待つだけ。届いたスカウトが、そのまま今の自分の市場価値になります。
まだ使ったことがなければ、まずはレバテックキャリアから試してみてください。
