IT

1. 【資料】5月4日開催
React Native 勉強会＠原宿
webBench

2. 自己紹介
• 主催者プロフィール 三浦卓馬
• これまで大学院での学校支援プロジェクトや学会発表を経験後、
• 公立小の教員を半年間経験。その後G’sアカデミーにて新規Web サービ
スの企画立案から開発までの基礎を学びSNSを卒業制作として作成。
• またサービスの開発だけでなく、マーケティングやデータベース、サー
バーの基礎を学ぶ。 G’sアカデミー卒業後は、常駐案件のエンジニアをし
ながら、
• 今春フリーランスを経験後、エンジニアとして勤務予定。

3. この勉強会の目的と想定するレベル
・React.JSに多少触れた人
・HTML,CSS,JSなどやった人
・一人でもググりながら進められるようになる
＊分かる方はLT側に回ったり、もくもく進めてください
目的

4. Reactの理解が、怪しい方。こちらやドットインス
トールなどオススメです
Progate・React学習コース
・https://prog-8.com/react/study/1/4#/9

5. React Nativeは何をするツールか
複数のプラットフォームにおけるネイティブ開発に活用されます
（クロスプラットフォーム開発などIonicもよく活用されます。
コンポーネントを組み合わせてUIを構築するためのツール（コン
ポーネントのためのツール）
データ変更に伴ってUIを更新する際に、前後のUIの差分を事前
に計算して、実際に更新するViewを最小限に抑えることで画面
更新を効率化するためのツール（差分更新のためのツール）

6. Qiitaで記事を書きました。JSエンジニア必
見！アプリ開発の際のReact Nativeことはじ
め →こちらを参考にしてください。
https://qiita.com/Kaji_____/items/bd762f37c
239dee9051d #Qiita

7. 開発環境について
＊デバックの際にEXPOを活用するか、しないか
はどちらでも大丈夫です。
Expo を使う場面
プロトタイピング
JSエンジニアのテスト環境
https://qiita.com/mizchi/items/4bcc82cbf4bbe805
0993

8. 導入例・求人紹介 海外編
Instagram

9. Airbnb

10. 導入例
・メルカリ・Progateなど

11. 続きは、、、
・React Nativeで作られたアプリケーションをご紹
介【全11アプリ】
https://bagelee.com/programming/react-
native/react-native-apps-example/

12. 本日、何をやっていいかわからな人にオス
スメ
・とにかくReactに触れてみる
Progate・React学習コース
・https://prog-8.com/react/study/1/4#/9

13. 本日、何をやっていいかわからな人にオススメ
・【両OS対応】 React Nativeで爆速プロトタイプア
プリを作ろう 1/3 【ウェルカム画面編】
120
https://note.mu/cube0529/n/n4a130029dfe1
・React NativeでGoogle Mapを出現させる（iOS）
https://qiita.com/svfreerider/items/f6fd3739880b
7c640549
・Git hub https://github.com/react-native-
community/react-native-maps

14. React Native 日本コミュニティ
・Slack
https://slackin-xrtxcxctgz.now.sh/

15. タイムテーブル
• 13:30 - 開場・受付開始
• 14:00 - 14:05 オープニング
• 14:05 - 14:30 自己紹介 全員
• 14:30 - 16:30 webアプリを作成してみる
• 16:30 - 17:00 成果発表(フリートーク）
• 17:00 - 一部クロージング (アンケート)
• 二部スタート：17:00~20:00
• ※途中退場可能

16. 会場の注意事項
• 備品など間違って持ち帰らないように
• 飲酒は禁止です。
• 17時15分には撤収予定です。
• 案件やこんなサービス使ってるなど、
参加者の方でLTしたい方は事前に申し出てください！

17. グループを３つに分けます
vue初心者の方
環境構築やvueに触り始めの方
自分で何かしらのの開発経験がある方 もくもくと進めたい方

18. 本日の目標
何かしらのWebサービスを作成する
・例 GPSアプリ、クイズアプリ、Todoアプリなど
参考
皆様に作業する箱を提供しますので各自、もくもく進めましょう！
＊質問はバンバンOKです！

19. Let’Sスタート！！