Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
ライブラリはしご酒
Search
@YutamaKotaro
October 03, 2021
Programming
0
160
ライブラリはしご酒
At React Native Matsuri as last session of nightLT
@YutamaKotaro
October 03, 2021
Tweet
Share
More Decks by @YutamaKotaro
See All by @YutamaKotaro
0->1 現場におけるReactNative
yutamakotaro
0
210
React + Valtio
yutamakotaro
0
120
My experience for 3 years with React Native
yutamakotaro
0
51
React Nativeと共に歩んだ3年間【TECH STAND #3】
yutamakotaro
1
1.3k
React Native Game Engine in React Native Tech Blog Event
yutamakotaro
1
1.8k
React Native Book
yutamakotaro
0
63
AWS Summit2019 airCloset section
yutamakotaro
1
210
フルJSアーキテクトで作るエアークローゼット
yutamakotaro
2
580
タイタニック ロジスティック回帰
yutamakotaro
0
180
Other Decks in Programming
See All in Programming
顧客の画像データをテラバイト単位で配信する 画像サーバを WebP にした際に起こった課題と その対応策 ~継続的な取り組みを添えて~
takutakahashi
1
150
状態遷移図を書こう / Sequence Chart vs State Diagram
orgachem
PRO
2
160
スタートアップの急成長を支えるプラットフォームエンジニアリングと組織戦略
sutochin26
1
6.5k
「テストは愚直&&網羅的に書くほどよい」という誤解 / Test Smarter, Not Harder
munetoshi
0
190
ruby.wasmで多人数リアルタイム通信ゲームを作ろう
lnit
3
500
Result型で“失敗”を型にするPHPコードの書き方
kajitack
5
970
ご注文の差分はこちらですか? 〜 AWS CDK のいろいろな差分検出と安全なデプロイ
konokenj
3
370
システム成長を止めない!本番無停止テーブル移行の全貌
sakawe_ee
1
220
明示と暗黙 ー PHPとGoの インターフェイスの違いを知る
shimabox
2
580
設計やレビューに悩んでいるPHPerに贈る、クリーンなオブジェクト設計の指針たち
panda_program
6
2.3k
猫と暮らす Google Nest Cam生活🐈 / WebRTC with Google Nest Cam
yutailang0119
0
160
ペアプロ × 生成AI 現場での実践と課題について / generative-ai-in-pair-programming
codmoninc
2
20k
Featured
See All Featured
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
251
21k
Speed Design
sergeychernyshev
32
1k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
34
5.9k
Designing Experiences People Love
moore
142
24k
Building a Scalable Design System with Sketch
lauravandoore
462
33k
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
31
1.3k
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
331
22k
Principles of Awesome APIs and How to Build Them.
keavy
126
17k
Measuring & Analyzing Core Web Vitals
bluesmoon
7
510
Art, The Web, and Tiny UX
lynnandtonic
299
21k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
138
34k
Thoughts on Productivity
jonyablonski
69
4.7k
Transcript
ϥΠϒϥϦ͠͝ञ !:VUBNB,PUBSP
ϥΠϒϥϦ͠͝ञ せっかくの『祭り』ですが、 みなさん、飲んでますかーー!!??
ϥΠϒϥϦ͠͝ञ このLTは、͠͝ञをする要領で というLTですので、 気楽にお酒と共にお楽しみください! ライブラリを飲み比べてみる
ϥΠϒϥϦ͠͝ञ 飲み比べるのは、お決まりのものがありがちな - ナビゲーション - カメラ - ストレージ を予定しています!
ϥΠϒϥϦ͠͝ञ 王道のあるものを飲み比べてみることで 好きなお酒(ライブラリ)が見つかるかも! 本当にいいのか? を検証していきたいと思います。
自己紹介 好きな居酒屋 浅草一文, 腹八分目,塚田農場 好きなお酒 アマレット、日本酒 最近ハマっているライブラリ Valtio, Vue-test-utils-next ↑本当におすすめ
@YutamaKotaro
ϥΠϒϥϦ͠͝ञ 早速乾杯ーーーーーー!!
ϥΠϒϥϦ͠͝ञ ルーティングカテゴリにいきましょう!
ϧʔςΟϯάϥΠϒϥϦ
ϧʔςΟϯάϥΠϒϥϦ 一酒目 React Native Navigation
3FBDU/BUJWF/BWJHBUJPO いわずとしれたロングセラー。wixが主体。 Nativeベースのライブ ラリ。 少し懐かしい風味。
3FBDU/BUJWF/BWJHBUJPO ルーティング自体の処理はJSスレッドに乗らない アプリのパフォーマンスが高い
3FBDU/BUJWF/BWJHBUJPO ルーティング自体の処理はJSスレッドに乗らない アプリのパフォーマンスが高い しかし・・・・
3FBDU/BUJWF/BWJHBUJPO ルーティング自体の処理はJSスレッドに乗らない アプリのパフォーマンスが高い 最王手のReact Navigationでは react-native-gesture-handler react-native-reanimated react-native-screens などの導入も行われパフォーマンス向上に注力 している・・・。
ϧʔςΟϯάϥΠϒϥϦ 二酒目 ReatNativeRouterFlux
3FBDU/BUJWF3PVUFS'MVY 昔よく使っていた思い出深いライブラリ 方向転換をしてReact Navigationのラッパー となった。 書き味は昔から このスタイル。 ある種時代を作り上げてきた先進的な風味
3FBDU/BUJWF3PVUFS'MVY 当初から非常に書き心地の良いライブラリ。 ただし、昨今は - React Navigationも同様のスタイル また、開発が滞っている
ϧʔςΟϯάϥΠϒϥϦ 三酒目 React Navigation
3FBDU/BWJHBUJPO 説明不要のライブラリ。 ほとんどの開発現場ではこちらが採用されてい るはず・・・。 また、常に素晴らしいアップデートがされてお り、時代の最先端を感じる先進的な風味。 直近ではv6になったのでお気に入り追加機能を 簡単に紹介。
VTF/BWJHBUJPO$POUBJOFS3FG サクッとアクセスできるようになった 地味ながら非常に利便性が高くなった。
1SFTFOUBUJPO 簡単に個別にmode(旧)を設定できるように なった。 これはパフォーマンスにも寄与 個人的にはか なり嬉しい機 能。 modeの場合 ネストと悩み
が増えやすか った。
'MJQQFSQMVHJO Flipper pluginが追加された。 ちょっと導入のためにはコードを書く必要あり。 ありそうでなかっ た機能。 Expoでは Flipperが・・・
૯ධ React-Native-navigationも決して悪くない が、 React Navigationには王道である理由が非常 にあり、特殊なケースをのぞき基本的にはこれで 良さそう。
ϥΠϒϥϦ͠͝ञ 続いて カメラカテゴリにいきましょう!
ΧϝϥϥΠϒϥϦ
3FBDU/BUJWF$BNFSB 説明不要のロングセラー。 しかし、現在メンテナ募集中。 『今歴史が動いた』 四酒目 数々の歴史を作ってきた立役者。素朴な風味。
&YQPDBNFSB 説明不要のカメラライブラリ。安心感、安定感が あり、心落ち着く風味。 BareRNではunimoduleで使える。 インストールが簡単かつ、今の主流かと 五酒目
&YQPDBNFSB 顔認識機能やバーコードリーダーなどの便利な機 能も搭載している。 地味にwebサポートも入っている
3FBDU/BUJWF7JTJPO$BNFSB 最近出てきた、最も進んだカメラライブラリ 11 のミッドナイト 使っているあたり好感持てる Reanimated, JSIといったパ ワーワード溢れる先進的かつ力 強い風味。 六酒目
3FBDU/BUJWF7JTJPO$BNFSB Frame Processorを使う ためにはreanimated2.2 以上が必要。 導入がちょっとしんどいの で、Troubleshootingを見 ながらインストールするのが おすすめ
3FBDU/BUJWF7JTJPO$BNFSB Frame Processorにより tfと組み合わせながら、高 速にdetectでき流ようにな るとのこと。 タピオカカメラも使いこな すことができる。 Mediapipeと組み合わせた りなど・・
૯ධ Expo-cameraが王道。 vision-cameraはインストールとビルドが少 し大変だが、大きな可能性があり、今後の動き に期待大・・・!!
ϥΠϒϥϦ͠͝ञ ストレージ界隈
ετϨʔδ
"TZOD4UPSBHF 七酒目 ストレージと言ったらこれ。ちょうド定番 コミュニティが変わった。 とても有名ですでにご存知の方も多いため紹 介は割愛。
3FBDU/BUJWF..,7 超早いKVS。AsyncStorageと比べて圧倒的 性能。 八酒目 最近出てきた、新しい時代を連想させる風味。
3FBDU/BUJWF..,7 Encryptの仕組みも内包して いるのはありがたい。 パフォーマンスは優れるが、 realmのような仕組みを持っているわけではないの で注意
3FBDU/BUJWF..,7TUPSBHF React Native MMKVではないので注意。 九酒目 MMKVよりもより芳醇な風味。
3FBDU/BUJWF..,7TUPSBHF 実はMMKVを使っている、先発のライブラリ。 ただし、実装当時はブリッジの仕組みを使ってい た。 現在はJSIを使用するようになっており、高速化が 期待できる。 API量はこちらの方が圧倒的に豊富。
ϥΠϒϥϦ͠͝ञ ストレージといったら勝負ですよね。
ϥΠϒϥϦ͠͝ञ 戦わせてみた。
..,7WT..,74UPSBHF 検証のさせ方が悪かったらすみません さまざまな検証をしたものの、 mmkvとmmkvStorage ではそこまで顕著な差はでなかった。
MMKVという選択はそれなりの角度でありそう。 実際にそこまで大変な箇所はなく、ほんの少しの手 間でだけで高速化されたストレージを使っていくこ とができる。persistなどの選択肢としては有望。 現在はMMKVStorageの方の人気がやや低いけ どもワンチャン大逆転があり得るかも・・・ ૯ධ
あえて、割と定番のあるものを飲み比べてみました。 やはり、人気のあるものは人気があるだけの理由 がある。 とはいえ、今後注目株もあるので、プロジェクトの 種類によっては積極的に使ってみてもいいものも多 数ありました。 ·ͱΊ
そろそろ時間になってしまったのでここまで! ࠷ޙʹ 新しく使ってみたくなったもの があれば幸いです!! MMKVとVision-cameraは 採用しました。
ご静聴ありがとうございました!! ࠷ޙʹ