React Nativeのアニメーションを極める
Lottie、Motiによる手軽なアニメーションから、標準のAnimated APIにを使った多彩なアニメーションまで、ユーザー体験を向上させるためのアニメーション実装方法を学びます
Created by Takahiko Wada
What you'll learn
- React Nativeによるアニメーションの実装方法
- Lottieを用いた簡単かつ印象を大きく変えるアニメーションの実装
- Motiを用いて手軽にコンポーネントのアニメーションを実装
- React Native標準のAPIを実装した多彩なアニメーション
- Twitterのプロフィール画面UIのアニメーション
- Tinder風UIのアニメーション
Requirements
- JavaScriptの基礎知識
- React Nativeの基礎知識
Description
このコースでは、アプリの操作感を向上し、ユーザーに驚きと与えるアニメーションについて学びます。
アニメーションを導入することで、操作が滑らかで直感的になり、ユーザーにとって分かりやすくなります。
また、アプリにリッチで高級感あふれる雰囲気を与え、ブランドイメージを高めることができます。
このコースでは、React Nativeアプリにアニメーションを組み込む方法として、最新かつ人気のあるツールであるLottieやMoti、さらに標準のAnimated APIを使用した実装方法を紹介します。
それぞれ基礎から学び、最終的には実例として
- ToDoリスト
- Twitter風のプロフィール画面UI
- Tinder風UI
を作成します。
アニメーションによって、ユーザーの体験を向上させ、アプリの魅力を高めるためにぜひこのコースで学んでください。
Who this course is for:
- よりリッチなアプリを作りたいエンジニア
- 一段ステップアップしたいReact Nativeエンジニア
Instructor
React Nativeを中心に扱っています
DeNAにて複数のソーシャルゲーム、コミュニティサービスの立ち上げに、リードエンジニア、プロデューサーとして携わってきました。
2017年よりmaricuruにCTOとして参画し、花嫁向けコミュニティアプリを立ち上げました。
2019年に独立し、現在は複数のスタートアップ企業の立ち上げ支援、開発支援を行っています。
React Native, Expo, Ruby on Railsを中心に扱っています。
ニューヨーク留学、ドイツ勤務経験あり。東工大MOT。