バネの動きを模したリアルなアニメーションが作れる react-spring の使い方が学べるコースです。

各レクチャーでは、アニメーションの具体的な題材を元に、手を動かしながら使い方を学んでいただきます。

無料で見られる「コース紹介」動画に題材が載っていますのでご覧ください。

また、動画でつかったソースコードは、受講していただけるとすべて見ることができます。

■ 学べること

• React の useState を使ったアニメーション

• マウス操作に従ってアニメーション

• リアルでスムーズなアニメーション

• 宣言的・命令的なアニメーション

• かっこよくスタイリングする方法

• styled-components の使い方

■ 開発環境

Codesandbox という、Web 上で簡単に React の開発・実行環境を作ることができる Web サービスを使って学習を進めていきますので、面倒な環境構築なしに、すぐにアニメーションの楽しさ・面白さに触れることができます。

■ 対象者

対象者は、React 及び React Hooks の基礎知識がある方を想定していますが、難しいと思われる部分はなるべく丁寧な説明を心がけています。

■ 講師

Keita Nakanishi

サイバーエージェント新卒→スタートアップ共同創業→フリーランスという経歴のエンジニア / デザイナーです。

学生時代から個人開発をしていて、Web の開発経験は10年以上（React の実務経験は5年以上）あります。

最近は Colorbase という色のサービスを個人で開発しています。