maricuru tech blog

Hack The Wedding!! "株式会社maricuru"の技術ブログです

イベント開催しました!〜 ReactNativeにゆかりのあるスタートアップが集う会

ワダ タカヒコ

先日、1月17日に、React Nativeのイベント「ReactNativeにゆかりのあるスタートアップが集う会」を開催しました!
初の試みでドキドキでしたが、当日は約30名の来場があり盛況に終えることが出来ました。

今回は@kangyoosamさんと共同で、弊社maricuruのイベントスペースで開催しました。

f:id:wasan:20190202072133j:plain

LT発表

今回はLT発表への応募が多く(参加者よりも集まりが早かった)怒涛の8件のLT発表でした。

(資料はコチラにアップされております) r-n.connpass.com

AnimatedでModalのAnimationを変えてみた by 14__oz

Modalの fade+slideを組み合わせた独特な出現方法を実現されたお話です。
実際に動画メディア「ルトロン」で使用されているようです。見てみよう♪

monorepoによるアプリの複数管理とrn-cli.config by Jesse Katsumata

monorepoとは

npmで管理する複数のpackageを、まとめて一つのgitリポジトリで管理すること。

ふむふむ。
ただこれを実際に使うとエラーの嵐、、それを解決する救世主「rn-cli.config」について紹介いただきました。

Animated APIを使ってスクロールで隠れる"あのバー"を作る by misoton

"あのバー"とは、言葉で説明しにくいのですが、、、ヘッダーのバーで、下にスクロールすると消えるけど、上にスクロールすると出現するやつです。
FacebookとかTwitterのアプリでも見られますね。
限られた画面スペースを有効に使えて便利なコンポーネントだと思います。

今回の発表ではAnimated APIを使って”あのバー”を作ったお話でした。
是非参考にしたいですね!

React NativeのコードをWebアプリに再利用するための考察 by tkow

Web管理画面を作るにあたり、ロジックやデータ構造を使いまわしたいため、React Nativeのコードを再利用したというお話。
たしかに管理画面用に再利用したいというケースはありそうですね。
Reduxやfirestoreのデータ構造などを再利用できたとのことでした。

expo ejectしてみた by TomohiroTsukui

なるべくejectしたくないものですが、実現したい仕様によってはejectせざるを得ないシーンも出てきます。
今回の場合、広告SDKを導入するためにejectしたとのことでした。 事業成長の過程でこれはありそうですね。。

意外だったのがejectしてもOTA(審査なしで更新できるやつ)はできるということ。
全体的に、想像していたよりはeject後もExpoの恩恵はあるようでした。

2018年を振り返って~アプリ開発を始めて業務委託するまで~ by Yuki

フロントエンドエンジニアからReact Nativeへキャリア移行していった2018年を振り返っていただきました。
ネイティブアプリを作りたい、と思った時にフロントエンドのスキルと親和性が高いのもReact Nativeのメリットですよね。

Firebaseとalgoliaで自由度の高い音声検索アプリ作った by YuriHotate

冬休みに個人的に開発されたアプリのご紹介。
飲んだお酒を、音声入力して記録するアプリです。
バックエンドがfirebase。そしてfirebaseが苦手な全文検索にはalgoliaを使われています。
React Native + firebaseって組み合わせ、中〜小規模なアプリを作るには最強な組み合わせな気がしますね。
あとUIがとてもキレイなのが印象的でした。

react-navigation v2 to v3 by わたなべゆう

switchNavigatorという機能が便利そうでした。
SNSの認証フローなどだと、認証後にresetでがさっと再描画することが多かった気がしますが、その辺がもっとスマートに実装できるようです。
v1からv2へのアップデートでしんどかった記憶があるのですが、v2からv3はそこまで辛くないとのことで安心しましたw

パネルディスカッション

実際の現場でReact Nativeをバリバリ活用しているエンジニアさんを迎えて、パネルディスカッション形式のトークを開催しました。

パネラー 開発してるサービス
TomohiroTsukui (@two2q) ecbo cloak ( https://cloak.ecbo.io/ja )
YuriHotate (@yuri_htt) TeamHub ( https://tmhub.jp/ )
わたなべゆう (@hmktsu) Weddy Weddy ( https://www.weddyweddy.net/ )
ワダタカヒコ (@takahi5) maricuru ( https://maricuru.com )

事前に参加者から質問を集めて、それを聞いていくスタイル。

  • React Nativeかflutterか?
  • React Nativeでどこまで作れる?例えばTicTokみたいなのは可能?
  • 最新バージョンの追従はちゃんとしてる?
  • Expo使う?使わない?
    などなど、、、

参加者も交えてアットホームな感じで日頃の疑問についてトークが盛り上がりました。

懇親会

お酒とピザを片手にこんな感じで🍕🍺

f:id:wasan:20190202072108p:plain

次回

2/21(木)に開催します!

今回の反省点を活かしつつ、より有意義なイベントにしたいと思います。

現時点で満席のようですが、空き、増枠もありえるので是非♪

r-n.connpass.com