Upgrade to Pro — share decks privately, control downloads, hide ads and more …

ライブラリはしご酒

 ライブラリはしご酒

At React Native Matsuri as last session of nightLT

6aa82ed11ae69672aca9bff7e25d1044?s=128

@YutamaKotaro

October 03, 2021
Tweet

More Decks by @YutamaKotaro

Other Decks in Programming

Transcript

  1. ϥΠϒϥϦ͸͠͝ञ !:VUBNB,PUBSP

  2. ϥΠϒϥϦ͸͠͝ञ せっかくの『祭り』ですが、 みなさん、飲んでますかーー!!??

  3. ϥΠϒϥϦ͸͠͝ञ このLTは、͸͠͝ञをする要領で というLTですので、 
 気楽にお酒と共にお楽しみください! ライブラリを飲み比べてみる

  4. ϥΠϒϥϦ͸͠͝ञ 飲み比べるのは、お決まりのものがありがちな - ナビゲーション - カメラ - ストレージ を予定しています!

  5. ϥΠϒϥϦ͸͠͝ञ 王道のあるものを飲み比べてみることで 好きなお酒(ライブラリ)が見つかるかも! 本当にいいのか? を検証していきたいと思います。

  6. 自己紹介 好きな居酒屋 浅草一文, 腹八分目,塚田農場 好きなお酒 アマレット、日本酒 最近ハマっているライブラリ Valtio, Vue-test-utils-next ↑本当におすすめ

    @YutamaKotaro
  7. ϥΠϒϥϦ͸͠͝ञ 早速乾杯ーーーーーー!!

  8. ϥΠϒϥϦ͸͠͝ञ ルーティングカテゴリにいきましょう!

  9. ϧʔςΟϯάϥΠϒϥϦ

  10. ϧʔςΟϯάϥΠϒϥϦ 一酒目 React Native Navigation

  11. 3FBDU/BUJWF/BWJHBUJPO いわずとしれたロングセラー。wixが主体。 Nativeベースのライブ ラリ。 少し懐かしい風味。

  12. 3FBDU/BUJWF/BWJHBUJPO ルーティング自体の処理はJSスレッドに乗らない アプリのパフォーマンスが高い

  13. 3FBDU/BUJWF/BWJHBUJPO ルーティング自体の処理はJSスレッドに乗らない アプリのパフォーマンスが高い しかし・・・・

  14. 3FBDU/BUJWF/BWJHBUJPO ルーティング自体の処理はJSスレッドに乗らない アプリのパフォーマンスが高い 最王手のReact Navigationでは react-native-gesture-handler react-native-reanimated react-native-screens などの導入も行われパフォーマンス向上に注力 している・・・。

  15. ϧʔςΟϯάϥΠϒϥϦ 二酒目 ReatNativeRouterFlux

  16. 3FBDU/BUJWF3PVUFS'MVY 昔よく使っていた思い出深いライブラリ 方向転換をしてReact Navigationのラッパー となった。 書き味は昔から このスタイル。 ある種時代を作り上げてきた先進的な風味

  17. 3FBDU/BUJWF3PVUFS'MVY 当初から非常に書き心地の良いライブラリ。 ただし、昨今は - React Navigationも同様のスタイル また、開発が滞っている

  18. ϧʔςΟϯάϥΠϒϥϦ 三酒目 React Navigation

  19. 3FBDU/BWJHBUJPO 説明不要のライブラリ。 ほとんどの開発現場ではこちらが採用されてい るはず・・・。 また、常に素晴らしいアップデートがされてお り、時代の最先端を感じる先進的な風味。 直近ではv6になったのでお気に入り追加機能を 簡単に紹介。

  20. VTF/BWJHBUJPO$POUBJOFS3FG サクッとアクセスできるようになった 地味ながら非常に利便性が高くなった。

  21. 1SFTFOUBUJPO 簡単に個別にmode(旧)を設定できるように なった。 これはパフォーマンスにも寄与 個人的にはか なり嬉しい機 能。 
 modeの場合 ネストと悩み

    が増えやすか った。
  22. 'MJQQFSQMVHJO Flipper pluginが追加された。 
 ちょっと導入のためにはコードを書く必要あり。 ありそうでなかっ た機能。 Expoでは Flipperが・・・

  23. ૯ධ React-Native-navigationも決して悪くない が、 React Navigationには王道である理由が非常 にあり、特殊なケースをのぞき基本的にはこれで 良さそう。

  24. ϥΠϒϥϦ͸͠͝ञ 続いて 
 カメラカテゴリにいきましょう!

  25. ΧϝϥϥΠϒϥϦ

  26. 3FBDU/BUJWF$BNFSB 説明不要のロングセラー。 しかし、現在メンテナ募集中。 
 『今歴史が動いた』 四酒目 数々の歴史を作ってきた立役者。素朴な風味。

  27. &YQPDBNFSB 説明不要のカメラライブラリ。安心感、安定感が あり、心落ち着く風味。 
 BareRNではunimoduleで使える。 インストールが簡単かつ、今の主流かと 五酒目

  28. &YQPDBNFSB 顔認識機能やバーコードリーダーなどの便利な機 能も搭載している。 地味にwebサポートも入っている

  29. 3FBDU/BUJWF7JTJPO$BNFSB 最近出てきた、最も進んだカメラライブラリ 11 のミッドナイト 使っているあたり好感持てる Reanimated, JSIといったパ ワーワード溢れる先進的かつ力 強い風味。 六酒目

  30. 3FBDU/BUJWF7JTJPO$BNFSB Frame Processorを使う ためにはreanimated2.2 以上が必要。 導入がちょっとしんどいの で、Troubleshootingを見 ながらインストールするのが おすすめ

  31. 3FBDU/BUJWF7JTJPO$BNFSB Frame Processorにより tfと組み合わせながら、高 速にdetectでき流ようにな るとのこと。 タピオカカメラも使いこな すことができる。 Mediapipeと組み合わせた りなど・・

  32. ૯ධ Expo-cameraが王道。 
 vision-cameraはインストールとビルドが少 し大変だが、大きな可能性があり、今後の動き に期待大・・・!!

  33. ϥΠϒϥϦ͸͠͝ञ ストレージ界隈

  34. ετϨʔδ

  35. "TZOD4UPSBHF 七酒目 ストレージと言ったらこれ。ちょうド定番 コミュニティが変わった。 とても有名ですでにご存知の方も多いため紹 介は割愛。

  36. 3FBDU/BUJWF..,7 超早いKVS。AsyncStorageと比べて圧倒的 性能。 八酒目 最近出てきた、新しい時代を連想させる風味。

  37. 3FBDU/BUJWF..,7 Encryptの仕組みも内包して いるのはありがたい。 パフォーマンスは優れるが、 
 realmのような仕組みを持っているわけではないの で注意

  38. 3FBDU/BUJWF..,7TUPSBHF React Native MMKVではないので注意。 九酒目 MMKVよりもより芳醇な風味。

  39. 3FBDU/BUJWF..,7TUPSBHF 実はMMKVを使っている、先発のライブラリ。 
 ただし、実装当時はブリッジの仕組みを使ってい た。 現在はJSIを使用するようになっており、高速化が 期待できる。 API量はこちらの方が圧倒的に豊富。

  40. ϥΠϒϥϦ͸͠͝ञ ストレージといったら勝負ですよね。

  41. ϥΠϒϥϦ͸͠͝ञ 戦わせてみた。

  42. ..,7WT..,74UPSBHF 検証のさせ方が悪かったらすみません さまざまな検証をしたものの、 mmkvとmmkvStorage ではそこまで顕著な差はでなかった。

  43. MMKVという選択はそれなりの角度でありそう。 
 実際にそこまで大変な箇所はなく、ほんの少しの手 間でだけで高速化されたストレージを使っていくこ とができる。persistなどの選択肢としては有望。 現在はMMKVStorageの方の人気がやや低いけ 
 どもワンチャン大逆転があり得るかも・・・ ૯ධ

  44. あえて、割と定番のあるものを飲み比べてみました。 やはり、人気のあるものは人気があるだけの理由 がある。 とはいえ、今後注目株もあるので、プロジェクトの 種類によっては積極的に使ってみてもいいものも多 数ありました。 ·ͱΊ

  45. そろそろ時間になってしまったのでここまで! ࠷ޙʹ 新しく使ってみたくなったもの があれば幸いです!! MMKVとVision-cameraは 採用しました。

  46. ご静聴ありがとうございました!! ࠷ޙʹ