🐡

TECH STAND #8 React Native & React 2022/06/03 イベントサマリー

2022/06/14に公開約6,400字

2022/06/03 に開催した stand.fm 主催の TECH STAND #8 React Native & React イベント登壇内容をまとめた記事です。
当日のYoutube Liveのアーカイブ動画はこちらからご覧ください!

https://youtu.be/2o3PMloUZas

タイムスケジュール

時間 内容 発表者
19:00~ オープニング挨拶 ---
19:05~ 発表① Fabric Renderer について 株式会社stand.fm Jesse Katsumata (@natural_clar)
19:20~ 発表② React NativeアプリにStorybook CSF3.0を導入しよう 株式会社NoSchool 名人 (@Meijin_garden)
19:35~ 発表③ 個人開発でReact Native + Expo製アプリを作った話 株式会社ディー・エヌ・エー 中江 亮 (@ryo_dg)
19:50~ 発表④ ReactNativeでコンポーネント設計と状態管理に悩んだ話 スターフェスティバル株式会社 吉藤 徹 (@zerosant)
20:05~ sponsor LT 株式会社stand.fm 共同代表 河合真吾 (@kawawai)
20:15~ 小休憩 ---
20:20~ 発表⑤ 実録!React Native for Webでのアプリ開発!!! menu株式会社 林晃一郎 (@yasahhi1127)
20:35~ 発表⑥ React18とUX 株式会社マネーフォワード 石山 怜生 (@NaReto1125_)
20:50~ 発表⑦ Reactアプリケーションのテスト戦略について 株式会社スタメン 永井洸気 (@0906koki)
21:05~ アフタートーク(質疑応答などのディスカッション) ご登壇の皆さん
~21:30 終了 終了時刻は変動する場合がございます

発表① Fabric Renderer について

https://fabric-renderer.vercel.app/

発表内容

React Native 0.68 から opt-in になった Fabric Renderer について概要を説明します

プロフィール

株式会社stand.fm エンジニア Jesse Katsumata

普段は TypeScript を書いてるフロントエンドエンジニア。
OSS 活動の一環として、 React Native Community で React Native 周辺モジュールのメンテナンスをしている。
2021 年 6 月に stand.fm に転職。

Twitter: @natural_clar
Github: @Naturalclar

発表② React NativeアプリにStorybook CSF3.0を導入しよう

https://speakerdeck.com/texmeijin/react-nativeapurinistorybook-csf3-dot-0wodao-ru-siyou

発表内容

弊社のReact NativeアプリにStorybookを導入した事例をLTします。
StorybookはCSF3.0で記法が非常にシンプルになったため書きやすくなりましたが、React Native対応はWebより対応が遅れているのが現状です。
その点について弊社でハックした実例と、登壇時点でのRN対応の最新情報をお話します。

プロフィール


株式会社NoSchool CTO 名人

マナリンク」というオンライン家庭教師検索サイトと、オンライン指導アプリを開発・運営しています。
以前はVue派でしたが、1年半ほど前からReact Nativeアプリの開発をきっかけにReactにもハマりました。
好きな言語はTypeScript、好きなお酒はラムと日本酒、好きなゲームは将棋です。

Twitter: @Meijin_garden
GitHub: @TeXmeijin

発表③ 個人開発でReact Native + Expo製アプリを作った話

https://speakerdeck.com/ryonakae/ge-ren-kai-fa-dereact-native-plus-expozhi-apuriwozuo-tutahua

発表内容

VioletというTumblrクライアントアプリをReact Native + Expoで作りました。
その際のもろもろや、React Nativeでいい感じのUIを構築するためのポイント、ExpoのHermesとEAS Build/Submitあたりについてお話しようと思います。

https://apps.apple.com/us/app/violet-tumblr-client/id1560068929
https://play.google.com/store/apps/details?id=jp.brdr.app.violet&hl=ja&gl=US

プロフィール


株式会社ディー・エヌ・エー デザイナー・グループリーダー 中江 亮

株式会社ディー・エヌ・エーで新規事業を中心にデザインとマネジメントをしています。
フロントエンドの実装もすることがあります。個人開発ではWebサイトを作ったり、アプリを作ったり、Figmaプラグインを作ったりしています。
趣味はキーボードの自作。

Twitter: @ryo_dg
Github: @ryonakae

発表④ ReactNativeでコンポーネント設計と状態管理に悩んだ話

https://speakerdeck.com/yoshifujit/react-native-dezhuang-tai-guan-li-tokonponentoshe-ji-ninao-ndahua

発表内容

昨年はじめてReactNativeでアプリを開発したときに、コンポーネント設計と状態管理に頭を悩ませました。
その時の体験を、Web開発しかしてこなかったエンジニアの視点からお話します。

プロフィール

スターフェスティバル株式会社 ソフトウェアエンジニア 吉藤 徹

スターフェスティバル株式会社でソフトウェアエンジニアをしています。
普段はTypeScriptでNode.jsやReactを書いています。

Twitter: @zerosant
Github: @yoshifujiT

発表⑤ 実録!React Native for Webでのアプリ開発!!!

https://speakerdeck.com/kou1127h/tech-stand-number-8-2022-dot-06-dot-03

発表内容

モバイル版のmenuはReact Nativeで開発されていますが、WebView版のmenuアプリは実はReact Native for Webで開発されています。
今回は、このWebView版のmenuアプリを開発する上での体験談をお話します。

プロフィール


menu株式会社 エンジニアリングマネージャー 林晃一郎

menu株式会社でフードデリバリーサービス「menu」を開発しています。
毎週ジャンプを読む少年です。

Twitter: @yasahhi1127
GitHub: @kou1127h

発表⑥ React18とUX

https://speakerdeck.com/reo777/react18to2tufalseux

発表内容

React18の個人的目玉内容と、それによって改善されるReactから見た2つのユーザー体験のお話をします。

プロフィール

株式会社マネーフォワード 個人事業主本部 プロダクト開発部 フルスタックエンジニア 石山 怜生

株式会社マネーフォワードで「マネーフォワード クラウド確定申告」の開発をしています。
フロントエンド設計の話やGraphQL周りの話が好きです。
サーバーサイド開発も頑張っています。

Twitter: @NaReto1125_
GitHub: @reo777

発表⑦ Reactアプリケーションのテスト戦略について

https://speakerdeck.com/0906koki/reactapurikesiyonfalsetesutozhan-lue

発表内容

弊社スタメンでは FANTS というオンラインファンサロンを運営しており、フロントエンドをReactで実装しています。
今回はReactアプリケーションでテストを実装するにあたり、弊社スタメンではどういった方針を立てているのかを話したいと思います。

プロフィール

株式会社スタメン シニアエンジニア 永井洸気

株式会社スタメンで、FANTSというオンラインファンサロンアプリのフロントエンドを担当しています。
コンポーネントを作るのと筋トレが好きです。

Twitter: @0906koki
GitHub: @NagaiKoki

アフタートーク / 質疑応答

アフタートークでは、視聴者のみなさんから頂いた質問に答えたり、ディスカッションをしました。たくさんの質問をいただき、各社のReact Native / React での開発面において、悩みどころや知見を共有する有意義な時間となりました・

ぜひ、アーカイブ動画をご覧ください!

さいごに

今後も、stand.fmでは定期的にテーマを決めて技術イベントを開催する予定です。
ご興味あるかたは、connpass または Twitter で情報を配信していきますので、ぜひフォローお願いします!

https://standfm.connpass.com/

テックブログなどの更新も Twitter で定期的にお知らせします。

https://twitter.com/standfm_tech

stand.fm では積極的にエンジニアを募集しています!

https://speakerdeck.com/standfm/company-deck-for-engineers

stand.fm の中のエンジニアと話したい方は、Meetyからお気軽にどうぞ!

Discussion

ログインするとコメントできます