タグ

2018年6月4日のブックマーク (2件)

  • React Nativeアプリをテスト · Jest

    Facebookでは、Jestを使用して React Native アプリケーションをテストします。 動く React Native アプリケーションのテストに関するより深い知見は以下のシリーズを読むことで得てください: Part 1: Jest – Snapshot come into play、Part 2: Jest – Redux Snapshots for your Actions and Reducers セットアップ​ react-native 0.38 より react-native init コマンドに Jest セットアップがデフォルトで含まれています。 以下の設定が自動的に package.json ファイルに追加されます。 { "scripts": { "test": "jest" }, "jest": { "preset": "react-native" } }

    React Nativeアプリをテスト · Jest
  • Lottieでアプリにアニメーションを組み込む話(デザイナー編) - くらげだらけ

    最近ではWebサービスやスマートフォンアプリにおいてもアニメーションの重要性は認識されつつあります。 機能としてのアニメーションは「FacebookアプリのLoading Placeholder」や「TwitterアプリのLikeボタンのフィードバック」のように何が起こっている(起きた)のかをわかりやすく伝えたり、「17 Live(イチナナ)」や「CASH」のSplashのようにロゴやブランドのイメージを強く印象づけたり、楽しませたりと使い方は様々です。 アニメーションをWebやアプリに組み込む方法は様々ありますが、今回は「Lottie」を使ってアプリにアニメーションを組み込む方法やメリットなどについて書こうと思います。 とはいえ今回はデザイナー編でして、AfterEffectsで簡単なアニメーションを作ってLottie用にデータを書き出すというところまでをご紹介します。 最後にアニメーシ

    Lottieでアプリにアニメーションを組み込む話(デザイナー編) - くらげだらけ