React Nativeを使ってInstagramの撮影機能やフィルター機能を実装してみた!【react-native meetup#4】

React Native大好きメンバーが集まる会「React Native Meetup」。第4回目はbridgeの仕組みの紹介からReact Nativeで開発できるカメラ加工機能事例の紹介まで、幅広く充実した内容でした!総勢5名の登壇内容を振り返ります。

React Nativeに関わるものなら何でもあり!多種多様なテーマ!

■discussion about bridge(邦題:詳解ブリッジ)

発表者:@januswel氏

アプリ制作時にReact Nativeを使った経験を基に、React Nativeの素晴らしさやそれを支えるbridgeについての発表でした。JavaScriptの世界とNativeの世界を仲立ちする役割を持つbridgeによって、新しいプログラミングモデルである、よりパフォーマンスを向上させたReact Nativeの実装が可能になりました。多くの人が抱いているであろう苦手感を払拭するため、ソースコードを用いて動作を詳しく説明していた@januswel氏は、開発速度が向上するなどの理由からReactの使用を推奨していました。

■React Native for React VR

発表者:@besutome氏

20170126_2

α版のReact VR発表にともない、React Nativeへの取組みに挑んだ@besutome氏。3Dは普通のプログラミングとは違う概念が必要です。シーン・カメラ・HMD・コンテンツ・光源それぞれで重要なポイントを挙げた上で、React VRでの物体の質感・3Dの空間上の背景・360度写真の撮影などの設定方法が発表されました。Reactの知識と3Dの知識があれば実装可能なReact VR、今後の発表に期待です。

資料はこちら:React Native for React VR

■jsだけでつくるインスタグラム

発表者:@YutamaKotaro 氏

FacebookやInstagramなど著名なアプリがReact Native製であることに驚いた@YutamaKotaro氏。そこでInstagramの代表的機能「写真撮影」と「フィルター機能を使った加工」をReact Nativeで実装したやり方をコードを交えて解説。将来的に写真を撮りながらフィルターをかける機能が実装できる可能性を感じさせました。

次のページ:
どうやってもLT時間をすぎてしまう人のための…

 

関連する記事

facebook

案件情報や最新記事をお届けします。
ぜひチェックしてみてください。

geechs

ChatBot

《1分で登録できる!》
Facebook Messengerを使って
最新記事を受け取れます。

利用する