【React Native】【Expo】 Lottieでおしゃれなアニメーションを簡単に実現 - React Native Tech Blog
TwitterやInstagramでいいねをタップしたときなど、 ちょっとアニメーションがあるだけで気持ちよく感じますよね。 Lottieというアニメーションライブラリを用いることで、 リッチなアニメーションを簡単に実装できます。 たとえば↓のようなアニメーションを簡単に組み込むことができます。 (参照: https://github.com/airbnb/lottie-react-native) 今回はその手順を紹介します。 Lottieとは Airbnbが開発した、iOS, AndroidそしてReac tNativeに対応したアニメーションライブラリです。 アニメーションファイルはAdobe After Effectsで作成し、 それをJSON形式で書き出したものを、アプリで読み込み再生することができます。 アニメーション作成と、アプリ実装の作業が完全に分離できるので、 デザイナーは
Animated Transition in React Native!
Recently I’ve tried to get an inspiration for a next animation challenge. And here we go — created by Ivan Parfenov. I was curious if I am able to do this transition effect with React Native. You can check out a result on my expo account! Why we even need the animations like these? Read Good to great UI animation tips by Pablo Stanley.
React.jsとCSS3で長女のためにWEB絵本を作った話 - Qiita
まずはこちらの動画をご覧ください。 こちらは娘が２歳半の頃に児童館で撮影したものです。 かわいい・・・ 生後1000日近くともなると、子どもは自分で絵本を読むようになります。 並行してひらがな覚え始めるので、親としてはガンガン絵本を読んでほしいのですが、実際には挿絵に合わせて適当な話を創をして遊んだり、まじめにひらがなを音読し始めたかと思えば数ページも読まないうちに次の絵本を引っ張り出してきては読んで、飽きてまた違う絵本に手を出すだけで、一向にちゃんと読んでくれません。 ちゃんと読まない原因として、もしかして絵本に動きがないから飽きてしまうのでは、と思った自分は もしもパパが作った動く絵本があったら、娘は大喜びして本を読むようになり、どんどん集中力が身について、あいうえおもマスターしてパパ大満足！なんてことになるんじゃないだろうか。 なんてことを考え、実際にWEB絵本を作成して娘に見せるま
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
