【資料】5月4日開催
React Native 勉強会@原宿
webBench
自己紹介
• 主催者プロフィール 三浦卓馬
• これまで大学院での学校支援プロジェクトや学会発表を経験後、
• 公立小の教員を半年間経験。その後G’sアカデミーにて新規Web サービ
スの企画立案から開発までの基礎を学びSNSを卒業制作として作成。
• またサービスの開発だけでなく、マーケティングやデータベース、サー
バーの基礎を学ぶ。 G’sアカデミー卒業後は、常駐案件のエンジニアをし
ながら、
• 今春フリーランスを経験後、エンジニアとして勤務予定。
この勉強会の目的と想定するレベル
・React.JSに多少触れた人
・HTML,CSS,JSなどやった人
・一人でもググりながら進められるようになる
*分かる方はLT側に回ったり、もくもく進めてください
目的
Reactの理解が、怪しい方。こちらやドットインス
トールなどオススメです
Progate・React学習コース
・https://prog-8.com/react/study/1/4#/9
React Nativeは何をするツールか
複数のプラットフォームにおけるネイティブ開発に活用されます
(クロスプラットフォーム開発などIonicもよく活用されます。
コンポーネントを組み合わせてUIを構築するためのツール(コン
ポーネントのためのツール)
データ変更に伴ってUIを更新する際に、前後のUIの差分を事前
に計算して、実際に更新するViewを最小限に抑えることで画面
更新を効率化するためのツール(差分更新のためのツール)
Qiitaで記事を書きました。JSエンジニア必
見!アプリ開発の際のReact Nativeことはじ
め →こちらを参考にしてください。
https://qiita.com/Kaji_____/items/bd762f37c
239dee9051d #Qiita
開発環境について
*デバックの際にEXPOを活用するか、しないか
はどちらでも大丈夫です。
Expo を使う場面
プロトタイピング
JSエンジニアのテスト環境
https://qiita.com/mizchi/items/4bcc82cbf4bbe805
0993
導入例・求人紹介 海外編
Instagram
Airbnb
導入例
・メルカリ・Progateなど
続きは、、、
・React Nativeで作られたアプリケーションをご紹
介【全11アプリ】
https://bagelee.com/programming/react-
native/react-native-apps-example/
本日、何をやっていいかわからな人にオス
スメ
・とにかくReactに触れてみる
Progate・React学習コース
・https://prog-8.com/react/study/1/4#/9
本日、何をやっていいかわからな人にオススメ
・【両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
React Native 日本コミュニティ
・Slack
https://slackin-xrtxcxctgz.now.sh/
タイムテーブル
• 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
• ※途中退場可能
会場の注意事項
• 備品など間違って持ち帰らないように
• 飲酒は禁止です。
• 17時15分には撤収予定です。
• 案件やこんなサービス使ってるなど、
参加者の方でLTしたい方は事前に申し出てください!
グループを3つに分けます
vue初心者の方
環境構築やvueに触り始めの方
自分で何かしらのの開発経験がある方 もくもくと進めたい方
本日の目標
何かしらのWebサービスを作成する
・例 GPSアプリ、クイズアプリ、Todoアプリなど
参考
皆様に作業する箱を提供しますので各自、もくもく進めましょう!
*質問はバンバンOKです!
Let’Sスタート!!

React native