Storybook研修
UIコンポーネントを整理・可視化し、デザインと開発の共通理解を深めるための活用法を習得します。
このような課題を抱えていませんか?
スキルがなくて、
案件にアサインできない…
社員が自発的に学習をしてくれない…
ロースキルで契約更新ができない…
基礎から現場ベースのカリキュラムを通して
実務に確実に結びつく研修をご案内します。
カリキュラム概要
Storybookを利用したUIテストを体系的に学べる研修
Storybook:基本操作、コンポーネントの可視化・管理
テスト設計:再利用性・保守性を意識した設計手法、モックの概念(Mock Service Worker)
状態管理テスト:Redux(React)/ Pinia(Vue)を用いたテスト
実際にWebアプリを使用してテストを行うため、実務レベルの開発フローを体験できます。
この研修がおすすめな方
UIコンポーネントのテストについて体系的に学びたい
Storybookを開発フローに取り入れたい
デザイナーとの認識齟齬を減らし、連携をスムーズにしたい
設計からテストまでを一貫して学ぶことで、現場で即戦力となるスキルを身につけることができます。
取り扱う言語・技術
TypeScript
TypeScriptの基礎を学びます。JavaScriptの課題をベースに行うため、効率よく学習を進めることが可能です。
Storybook
Storybookを使ってコンポーネントのカタログ化を学びます。デザインと開発を並行しながら進める方法を理解し、チームでのUI開発効率を高めるスキルを身につけます。
講義内容
第1回
Storybookの基礎と環境構築を行い、基本概念と操作方法を理解する。
第2回
Redux ToolkitやPiniaを利用した状態管理コンポーネントの表示を学ぶ。
第3回
Mock Service Worker(msw)を用いたデータ連携コンポーネントを実装する。
第4回
アドオンの導入・設定を通じて開発効率と再現性を高める方法を学ぶ。
第5回
各回の学習内容を統合し、実践的なストーリー構築課題に挑戦する。
講義内容
第1回
Storybookの基礎と環境構築を行い、基本概念と操作方法を理解する。
第2回
Redux ToolkitやPiniaを利用した状態管理コンポーネントの表示を学ぶ。
第3回
Mock Service Worker(msw)を用いたデータ連携コンポーネントを実装する。
第4回
アドオンの導入・設定を通じて開発効率と再現性を高める方法を学ぶ。
第5回
各回の学習内容を統合し、実践的なストーリー構築課題に挑戦する。
研修の進み方
STEP01
現在の案件やスキルをベースに、目標を設定します。Web開発やアプリケーション開発に精通した現役エンジニアの講師と一緒に考え、具体的な目標の設定を行います。
STEP02
学習進捗に合わせて、課題のレビューをハンズオン形式で行います。受講者がコーディングしたデータを画面共有しながらレビューすることで、問題点をすぐに改善することが可能です。
料金形態
パーソナルコース
講師が個々の習熟度に合わせて行う個別学習コースです。講師とマンツーマンで実施するため、疑問点を細かく解消でき、理解度を高めながら効率的にスキルを習得できます。
料金
110,000 円(税込)
期間
1 ヶ月
講義回数
4 回
グループコース
同一内容を複数名で受講する集合型の学習コースです。講師の解説だけでなく、他受講者との質疑応答を通して理解を深め、実務への応用力を養います。※受講人数3名〜
料金(3名)
264,000 円(税込)
期間
1 ヶ月
講義回数
4 回
MATERIAL
資料ダウンロード
提供サービスの内容や実績/事例についてご紹介します。
CONTACT
お問い合わせ
まずはお気軽にご相談ください。