手を動かして学ぶ React を使ったアニメーション(react-spring)

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

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

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

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

■ 学べること

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

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

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

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

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

  • styled-components の使い方

■ 開発環境

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

■ 対象者

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

■ 講師

Keita Nakanishi

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

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

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

Price: $29.99