フロントエンド/バックエンド双方を備えたWebアプリケーションを高い生産性で開発するためのSvelteKit入門コースです。
本コースでは、最新のフロントエンドフレームワークであるSvelteとそのサーバーサイドフレームワークSvelteKitを用いたWebアプリケーション開発の基礎を学びます。まず、Svelteの基礎として、コンポーネント、props、リアクティブなどの概念を学習します。次に、SvelteKitを導入し、ルーティング、レイアウト、フォームアクション、APIルートといったWebアプリケーション開発に必要な要素を学びます。
※本コースは、2025年3月より改訂版にて実施いたします。
※受講に関する注意点※
進行の都合上、研修開始時間を過ぎてからのご参加はご遠慮いただいております。
大変恐れ入りますが、研修開始時間までにご参加いただけていない場合、
当日キャンセル扱いをさせていただく場合がございますのでご注意ください。
■ とても理解しやすい講習でした。Svelteの特徴からコーディングの注意点まで、講義からハンズオン形式での演習という構成でとても理解が深まったと感じます。Svelteを使用したWebアプリケーションの開発が本研修を受けさせていただけば、問題なくできるなと個人的に感じましたので、社内のほかのメンバーにも受講を進めたいと思います。（PM:20代後半）
SvelteKitを用いて、フロントエンド/バックエンド双方を備えたWebアプリケーションを開発できる
■ SvelteとSvelteKitを順序立てて学びたい方
■ メタフレームワークでのWebアプリケーション開発を体験したい方
■ 弊社オープンコース「モダンJavaScript入門」「TypeScriptイントロダクション」をご受講いただいた方もしくは、同等の技術を習得している方
■ ECMAScript2015以降の文法でJavaScriptのコーディングを行ったことのある方
※5名様以上同時にお申込の場合には割引サービスがございますので、こちらからお問い合わせください
-
- 実行環境
- ■ Node.js v18.13以降
■ SvelteKit v2.16以降
■ Svelte v5以降
■ TypeScript v5.0以降
■ Chrome
■ Visual Studio Code
※ 使用するソフトウェアおよびバージョンについては予告なく変更する可能性がありますのでご了承ください。
-
- 配布資料
- オンライン参加の方は、研修当日にPDFのテキストを配布いたします。
オフライン（対面）参加の方は、研修当日に紙媒体のテキストを配布いたします。
-
- 受講料
-
110,000円（税込）/人
-
- お支払い
- 研修終了後に請求書払いとなります。
請求書は研修終了日の属する月の月末までに送付いたします。
-
- 開催日数
- 2日間
-
- 時間
- 9時30分～17時00分
■ Svelte概要
□ Svelteとは
□ Svelteの特徴
□ エディタの設定
□ 雛形作成
□ シンプルなサンプル
■ コンポーネント基礎
□ コンポーネントとは
□ コンポーネントの親子関係
□ コンポーネントの構成要素
□ 式の埋め込み
□ 分岐と繰り返し表示
□ イベントハンドラ
□ 親子関係とprops
■ リアクティブ
□ 状態とは
□ 状態の作成と更新
□ 変更に連動して動作
□ 入力値の受け取り
□ 配列やオブジェクトを状態として扱う
■ SvelteKit概要
□ SvelteKitとは
□ SSRとは
□ 雛形作成
□ シンプルなサンプル
■ ルーティング
□ ページの定義
□ URLパラメータの取得
□ プログラム的な遷移
■ レイアウト
□ レイアウト定義
□ レイアウトのデータ取得
■ 状態管理
□ 状態管理
□ Context API
□ 状態と状態を操作する関数を共有
□ xxx.svelte.ts ファイル
■ APIルートとデータ取得
□ APIルートでWeb API作成
□ Fetch APIでデータを取得
■ フォームアクション
□ フォームアクション
□ プログレッシブエンハンスメント
□ プログレッシブエンハンスメントのカスタマイズ
■ 付録 : BFFとリクエストの受け渡し
■ 付録 : TypeScript要点速習
■ 付録 : Fetch APIによるHTTP通信
■ 付録 : npmの利用
※最新でより良い内容をお届けするため、一部の学習項目を予告なく変更する可能性がありますのでご了承ください。
-
- 使用ツール
- 動画配信：Zoom
質疑応答：オンラインチャットシステム（Mattermost）
演習環境：仮想デスクトップ
※業務用PCにZoomアプリをインストールできない場合は、ブラウザからのご参加をお願いします。
※Zoomのシステム要件について、より詳細な情報は、こちらをご参照ください。
※Mattermostおよび演習環境は弊社にてご用意いたします。
-
- システム要件
- ・インターネットに常時接続できること
（アクセス制限のないネットワーク環境をご利用ください）
・Webカメラおよびマイク
※PC本体の他に、モニターやiPad等の拡張ディスプレイをご用意いただくことを推奨いたします。
（1台：Zoom、オンラインチャットシステム用、1台：演習環境用）
※事前にアクセス確認をご希望される方はお問い合わせください
-
- 対応OS
- Windows
上記以外の環境でもご受講いただくことが可能ですが、操作感が異なる可能性がある点をご了承ください。
-
- WEBブラウザ
- Google Chrome
上記以外の環境でもご受講いただくことが可能ですが、操作感が異なる可能性がある点をご了承ください。
-
- 事前環境確認
- 事前にアクセス確認をご希望される方は以下のフォームからお問い合わせください。
※お申し込み状況により、受付期限よりも前に受付終了となる場合がございますので、お早めにお申し込みください。
-
-
申込受付終了
-
2026年8月13日～2026年8月14日
（2日間）
【開催終了】
【会場】オンライン
【価格】110,000円
（税込）/人
-
-
申込受付終了
-
2026年9月10日～2026年9月11日
（2日間）
【中止】
【会場】オンライン
【価格】110,000円
（税込）/人
-
-
申込受付終了
-
2026年9月28日～2026年9月29日
（2日間）
【中止】
【会場】オンライン
【価格】110,000円
（税込）/人
SvelteKitを用いて、フロントエンド/バックエンド双方を備えたWebアプリケーションを開発できる
■ SvelteとSvelteKitを順序立てて学びたい方
■ メタフレームワークでのWebアプリケーション開発を体験したい方
■ 弊社オープンコース「モダンJavaScript入門」「TypeScriptイントロダクション」をご受講いただいた方もしくは、同等の技術を習得している方
■ ECMAScript2015以降の文法でJavaScriptのコーディングを行ったことのある方
※5名様以上同時にお申込の場合には割引サービスがございますので、こちらからお問い合わせください
-
- 実行環境
- ■ Node.js v18.13以降
■ SvelteKit v2.16以降
■ Svelte v5以降
■ TypeScript v5.0以降
■ Chrome
■ Visual Studio Code
※ 使用するソフトウェアおよびバージョンについては予告なく変更する可能性がありますのでご了承ください。
-
- 配布資料
- オンライン参加の方は、研修当日にPDFのテキストを配布いたします。
オフライン（対面）参加の方は、研修当日に紙媒体のテキストを配布いたします。
-
- 受講料
-
110,000円（税込）/人
-
- お支払い
- 研修終了後に請求書払いとなります。
請求書は研修終了日の属する月の月末までに送付いたします。
-
- 持ち物
- 特にございません
-
- 開催日数
- 2日間
-
- 時間
- 9時30分～17時00分
■ Svelte概要
□ Svelteとは
□ Svelteの特徴
□ エディタの設定
□ 雛形作成
□ シンプルなサンプル
■ コンポーネント基礎
□ コンポーネントとは
□ コンポーネントの親子関係
□ コンポーネントの構成要素
□ 式の埋め込み
□ 分岐と繰り返し表示
□ イベントハンドラ
□ 親子関係とprops
■ リアクティブ
□ 状態とは
□ 状態の作成と更新
□ 変更に連動して動作
□ 入力値の受け取り
□ 配列やオブジェクトを状態として扱う
■ SvelteKit概要
□ SvelteKitとは
□ SSRとは
□ 雛形作成
□ シンプルなサンプル
■ ルーティング
□ ページの定義
□ URLパラメータの取得
□ プログラム的な遷移
■ レイアウト
□ レイアウト定義
□ レイアウトのデータ取得
■ 状態管理
□ 状態管理
□ Context API
□ 状態と状態を操作する関数を共有
□ xxx.svelte.ts ファイル
■ APIルートとデータ取得
□ APIルートでWeb API作成
□ Fetch APIでデータを取得
■ フォームアクション
□ フォームアクション
□ プログレッシブエンハンスメント
□ プログレッシブエンハンスメントのカスタマイズ
■ 付録 : BFFとリクエストの受け渡し
■ 付録 : TypeScript要点速習
■ 付録 : Fetch APIによるHTTP通信
■ 付録 : npmの利用
※最新でより良い内容をお届けするため、一部の学習項目を予告なく変更する可能性がありますのでご了承ください。
