Enviar pesquisa
Carregar
React Nativeってどうなの?
•
Transferir como PPTX, PDF
•
0 gostou
•
1,985 visualizações
Ryosuke Hara
Seguir
★TechJINイベントスペース オープン記念LT会★ https://techjin.connpass.com/event/54483/
Leia menos
Leia mais
Tecnologia
Denunciar
Compartilhar
Denunciar
Compartilhar
1 de 18
Baixar agora
Recomendados
React Nativeで始めるアプリ開発
React Nativeで始めるアプリ開発
Ryosuke Hara
React Native 入門
React Native 入門
Seiichi Okumiya
社内LTネタ ReactNative
社内LTネタ ReactNative
Oguri Toru
React NativeでTwitterクライアントを作ってみよう
React NativeでTwitterクライアントを作ってみよう
dcubeio
ReactNativeを語る勉強会
ReactNativeを語る勉強会
yohei sugigami
React native vol3
React native vol3
dcubeio
React meetup 3_eight
React meetup 3_eight
Hideharu Okuma
React.js・ReactNative・Redux入門
React.js・ReactNative・Redux入門
Kazuhiro Yoshimoto
Recomendados
React Nativeで始めるアプリ開発
React Nativeで始めるアプリ開発
Ryosuke Hara
React Native 入門
React Native 入門
Seiichi Okumiya
社内LTネタ ReactNative
社内LTネタ ReactNative
Oguri Toru
React NativeでTwitterクライアントを作ってみよう
React NativeでTwitterクライアントを作ってみよう
dcubeio
ReactNativeを語る勉強会
ReactNativeを語る勉強会
yohei sugigami
React native vol3
React native vol3
dcubeio
React meetup 3_eight
React meetup 3_eight
Hideharu Okuma
React.js・ReactNative・Redux入門
React.js・ReactNative・Redux入門
Kazuhiro Yoshimoto
React Native GUIDE
React Native GUIDE
dcubeio
ReactをRailsとどっぷり使ってみた話と、フロントエンド×AWSのこれから
ReactをRailsとどっぷり使ってみた話と、フロントエンド×AWSのこれから
Yusuke Murata
2016/05/01 Visual Studio with Cordova
2016/05/01 Visual Studio with Cordova
miso- soup3
Java + React.jsでSever Side Rendering #reactjs_meetup
Java + React.jsでSever Side Rendering #reactjs_meetup
Toshiaki Maki
10分でわかるOpenAPI V3
10分でわかるOpenAPI V3
Kazuchika Sekiya
SIROK技術勉強会 #1 「Reactってなんだ?」
SIROK技術勉強会 #1 「Reactってなんだ?」
Naoyuki Kataoka
2016/12/17 ASP.NET フロントエンドタスク入門
2016/12/17 ASP.NET フロントエンドタスク入門
miso- soup3
Swiftビギナーズ倶楽部 vol.2
Swiftビギナーズ倶楽部 vol.2
Kanako Kobayashi
こんなに使える!今どきのAPIドキュメンテーションツール
こんなに使える!今どきのAPIドキュメンテーションツール
dcubeio
AngularJSとFluxとRiotJSと
AngularJSとFluxとRiotJSと
Ryo Iinuma
Editorlt
Editorlt
Masaki Suzuki
One-time Binding & $digest
One-time Binding & $digest
Hayashi Yuichi
開発チーム管理で役立ったVSCode拡張機能
開発チーム管理で役立ったVSCode拡張機能
Masaki Suzuki
React を導入したフロントエンド開発
React を導入したフロントエンド開発
daisuke-a-matsui
サーバサイドエンジニアが 1年間まじめにSPAやってみた
サーバサイドエンジニアが 1年間まじめにSPAやってみた
Itaru Kitagawa
Riot.jsに触れてみた話
Riot.jsに触れてみた話
エンジニア勉強会 エスキュービズム
RailsでReact.jsを動かしてみた話
RailsでReact.jsを動かしてみた話
yoshioka_cb
アプリ開発&チーム管理で役立った拡張機能
アプリ開発&チーム管理で役立った拡張機能
Masaki Suzuki
Directiveで実現できたこと
Directiveで実現できたこと
Kon Yuichi
Jsug2015 summer spring適用におけるバッドノウハウとベタープラクティス
Jsug2015 summer spring適用におけるバッドノウハウとベタープラクティス
Yoichi KIKUCHI
React Native + Expoでアプリを開発してみた話
React Native + Expoでアプリを開発してみた話
GIG inc.
React Nativeで考えるクロスプラットフォーム開発
React Nativeで考えるクロスプラットフォーム開発
yuichi kubota
Mais conteúdo relacionado
Mais procurados
React Native GUIDE
React Native GUIDE
dcubeio
ReactをRailsとどっぷり使ってみた話と、フロントエンド×AWSのこれから
ReactをRailsとどっぷり使ってみた話と、フロントエンド×AWSのこれから
Yusuke Murata
2016/05/01 Visual Studio with Cordova
2016/05/01 Visual Studio with Cordova
miso- soup3
Java + React.jsでSever Side Rendering #reactjs_meetup
Java + React.jsでSever Side Rendering #reactjs_meetup
Toshiaki Maki
10分でわかるOpenAPI V3
10分でわかるOpenAPI V3
Kazuchika Sekiya
SIROK技術勉強会 #1 「Reactってなんだ?」
SIROK技術勉強会 #1 「Reactってなんだ?」
Naoyuki Kataoka
2016/12/17 ASP.NET フロントエンドタスク入門
2016/12/17 ASP.NET フロントエンドタスク入門
miso- soup3
Swiftビギナーズ倶楽部 vol.2
Swiftビギナーズ倶楽部 vol.2
Kanako Kobayashi
こんなに使える!今どきのAPIドキュメンテーションツール
こんなに使える!今どきのAPIドキュメンテーションツール
dcubeio
AngularJSとFluxとRiotJSと
AngularJSとFluxとRiotJSと
Ryo Iinuma
Editorlt
Editorlt
Masaki Suzuki
One-time Binding & $digest
One-time Binding & $digest
Hayashi Yuichi
開発チーム管理で役立ったVSCode拡張機能
開発チーム管理で役立ったVSCode拡張機能
Masaki Suzuki
React を導入したフロントエンド開発
React を導入したフロントエンド開発
daisuke-a-matsui
サーバサイドエンジニアが 1年間まじめにSPAやってみた
サーバサイドエンジニアが 1年間まじめにSPAやってみた
Itaru Kitagawa
Riot.jsに触れてみた話
Riot.jsに触れてみた話
エンジニア勉強会 エスキュービズム
RailsでReact.jsを動かしてみた話
RailsでReact.jsを動かしてみた話
yoshioka_cb
アプリ開発&チーム管理で役立った拡張機能
アプリ開発&チーム管理で役立った拡張機能
Masaki Suzuki
Directiveで実現できたこと
Directiveで実現できたこと
Kon Yuichi
Jsug2015 summer spring適用におけるバッドノウハウとベタープラクティス
Jsug2015 summer spring適用におけるバッドノウハウとベタープラクティス
Yoichi KIKUCHI
Mais procurados
(20)
React Native GUIDE
React Native GUIDE
ReactをRailsとどっぷり使ってみた話と、フロントエンド×AWSのこれから
ReactをRailsとどっぷり使ってみた話と、フロントエンド×AWSのこれから
2016/05/01 Visual Studio with Cordova
2016/05/01 Visual Studio with Cordova
Java + React.jsでSever Side Rendering #reactjs_meetup
Java + React.jsでSever Side Rendering #reactjs_meetup
10分でわかるOpenAPI V3
10分でわかるOpenAPI V3
SIROK技術勉強会 #1 「Reactってなんだ?」
SIROK技術勉強会 #1 「Reactってなんだ?」
2016/12/17 ASP.NET フロントエンドタスク入門
2016/12/17 ASP.NET フロントエンドタスク入門
Swiftビギナーズ倶楽部 vol.2
Swiftビギナーズ倶楽部 vol.2
こんなに使える!今どきのAPIドキュメンテーションツール
こんなに使える!今どきのAPIドキュメンテーションツール
AngularJSとFluxとRiotJSと
AngularJSとFluxとRiotJSと
Editorlt
Editorlt
One-time Binding & $digest
One-time Binding & $digest
開発チーム管理で役立ったVSCode拡張機能
開発チーム管理で役立ったVSCode拡張機能
React を導入したフロントエンド開発
React を導入したフロントエンド開発
サーバサイドエンジニアが 1年間まじめにSPAやってみた
サーバサイドエンジニアが 1年間まじめにSPAやってみた
Riot.jsに触れてみた話
Riot.jsに触れてみた話
RailsでReact.jsを動かしてみた話
RailsでReact.jsを動かしてみた話
アプリ開発&チーム管理で役立った拡張機能
アプリ開発&チーム管理で役立った拡張機能
Directiveで実現できたこと
Directiveで実現できたこと
Jsug2015 summer spring適用におけるバッドノウハウとベタープラクティス
Jsug2015 summer spring適用におけるバッドノウハウとベタープラクティス
Semelhante a React Nativeってどうなの?
React Native + Expoでアプリを開発してみた話
React Native + Expoでアプリを開発してみた話
GIG inc.
React Nativeで考えるクロスプラットフォーム開発
React Nativeで考えるクロスプラットフォーム開発
yuichi kubota
React Nativeで開発するマルチプラットフォームアプリ
React Nativeで開発するマルチプラットフォームアプリ
Masayuki Iwai
Visual Studio 2015 を使用した Cordova アプリの開発
Visual Studio 2015 を使用した Cordova アプリの開発
Osamu Monoe
Create android app can send SMS and Email by React Natice
Create android app can send SMS and Email by React Natice
GMO-Z.com Vietnam Lab Center
【de:code 2020】 React Native で Windows アプリ開発 ~React Native for Windows~
【de:code 2020】 React Native で Windows アプリ開発 ~React Native for Windows~
日本マイクロソフト株式会社
javascript を Xcode でテスト
javascript を Xcode でテスト
Yoichiro Sakurai
Introduce React Native
Introduce React Native
GMO-Z.com Vietnam Lab Center
ブラウザだけで学ぶWebアプリ開発【デザイン編】
ブラウザだけで学ぶWebアプリ開発【デザイン編】
schoowebcampus
Spring.project
Spring.project
広平 田村
The seminar of asp.net at 201908 sakurug
The seminar of asp.net at 201908 sakurug
SAKURUG co.
Tech fun rails_workshop
Tech fun rails_workshop
OMEGA (@equal_001)
ionic - cross platform mobile app 開発
ionic - cross platform mobile app 開発
Seunghun Lee
Pre react native0504
Pre react native0504
卓馬 三浦
簡単モバイルアプリ開発 クラウドベース開発環境Monacaを使う
簡単モバイルアプリ開発 クラウドベース開発環境Monacaを使う
Hiroki OKAZAKI
Developers Summit 2023 9-D-1「もう悩まされない開発環境、プロジェクトで統一した環境をいつでもどこでも」
Developers Summit 2023 9-D-1「もう悩まされない開発環境、プロジェクトで統一した環境をいつでもどこでも」
Kazumi IWANAGA
iQONの開発手法 at iQONエンジニアセミナー
iQONの開発手法 at iQONエンジニアセミナー
Imamura Masayuki
UnicastWS vol.2
UnicastWS vol.2
Unicast Inc.
JavaScript(AngularJS・React.js)で作る iOS・Androidアプリハンズオン
JavaScript(AngularJS・React.js)で作る iOS・Androidアプリハンズオン
Kazuhiro Yoshimoto
Build an iOS app with Ionic and 4D
Build an iOS app with Ionic and 4D
kmiyako
Semelhante a React Nativeってどうなの?
(20)
React Native + Expoでアプリを開発してみた話
React Native + Expoでアプリを開発してみた話
React Nativeで考えるクロスプラットフォーム開発
React Nativeで考えるクロスプラットフォーム開発
React Nativeで開発するマルチプラットフォームアプリ
React Nativeで開発するマルチプラットフォームアプリ
Visual Studio 2015 を使用した Cordova アプリの開発
Visual Studio 2015 を使用した Cordova アプリの開発
Create android app can send SMS and Email by React Natice
Create android app can send SMS and Email by React Natice
【de:code 2020】 React Native で Windows アプリ開発 ~React Native for Windows~
【de:code 2020】 React Native で Windows アプリ開発 ~React Native for Windows~
javascript を Xcode でテスト
javascript を Xcode でテスト
Introduce React Native
Introduce React Native
ブラウザだけで学ぶWebアプリ開発【デザイン編】
ブラウザだけで学ぶWebアプリ開発【デザイン編】
Spring.project
Spring.project
The seminar of asp.net at 201908 sakurug
The seminar of asp.net at 201908 sakurug
Tech fun rails_workshop
Tech fun rails_workshop
ionic - cross platform mobile app 開発
ionic - cross platform mobile app 開発
Pre react native0504
Pre react native0504
簡単モバイルアプリ開発 クラウドベース開発環境Monacaを使う
簡単モバイルアプリ開発 クラウドベース開発環境Monacaを使う
Developers Summit 2023 9-D-1「もう悩まされない開発環境、プロジェクトで統一した環境をいつでもどこでも」
Developers Summit 2023 9-D-1「もう悩まされない開発環境、プロジェクトで統一した環境をいつでもどこでも」
iQONの開発手法 at iQONエンジニアセミナー
iQONの開発手法 at iQONエンジニアセミナー
UnicastWS vol.2
UnicastWS vol.2
JavaScript(AngularJS・React.js)で作る iOS・Androidアプリハンズオン
JavaScript(AngularJS・React.js)で作る iOS・Androidアプリハンズオン
Build an iOS app with Ionic and 4D
Build an iOS app with Ionic and 4D
Último
知識ゼロの営業マンでもできた!超速で初心者を脱する、悪魔的学習ステップ3選.pptx
知識ゼロの営業マンでもできた!超速で初心者を脱する、悪魔的学習ステップ3選.pptx
sn679259
LoRaWAN スマート距離検出デバイスDS20L日本語マニュアル
LoRaWAN スマート距離検出デバイスDS20L日本語マニュアル
CRI Japan, Inc.
Observabilityは従来型の監視と何が違うのか(キンドリルジャパン社内勉強会:2022年10月27日発表)
Observabilityは従来型の監視と何が違うのか(キンドリルジャパン社内勉強会:2022年10月27日発表)
Hiroshi Tomioka
新人研修 後半 2024/04/26の勉強会で発表されたものです。
新人研修 後半 2024/04/26の勉強会で発表されたものです。
iPride Co., Ltd.
論文紹介:Selective Structured State-Spaces for Long-Form Video Understanding
論文紹介:Selective Structured State-Spaces for Long-Form Video Understanding
Toru Tamaki
Amazon SES を勉強してみる その22024/04/26の勉強会で発表されたものです。
Amazon SES を勉強してみる その22024/04/26の勉強会で発表されたものです。
iPride Co., Ltd.
Amazon SES を勉強してみる その32024/04/26の勉強会で発表されたものです。
Amazon SES を勉強してみる その32024/04/26の勉強会で発表されたものです。
iPride Co., Ltd.
Utilizing Ballerina for Cloud Native Integrations
Utilizing Ballerina for Cloud Native Integrations
WSO2
LoRaWANスマート距離検出センサー DS20L カタログ LiDARデバイス
LoRaWANスマート距離検出センサー DS20L カタログ LiDARデバイス
CRI Japan, Inc.
論文紹介: The Surprising Effectiveness of PPO in Cooperative Multi-Agent Games
論文紹介: The Surprising Effectiveness of PPO in Cooperative Multi-Agent Games
atsushi061452
論文紹介:Video-GroundingDINO: Towards Open-Vocabulary Spatio-Temporal Video Groun...
論文紹介:Video-GroundingDINO: Towards Open-Vocabulary Spatio-Temporal Video Groun...
Toru Tamaki
Último
(11)
知識ゼロの営業マンでもできた!超速で初心者を脱する、悪魔的学習ステップ3選.pptx
知識ゼロの営業マンでもできた!超速で初心者を脱する、悪魔的学習ステップ3選.pptx
LoRaWAN スマート距離検出デバイスDS20L日本語マニュアル
LoRaWAN スマート距離検出デバイスDS20L日本語マニュアル
Observabilityは従来型の監視と何が違うのか(キンドリルジャパン社内勉強会:2022年10月27日発表)
Observabilityは従来型の監視と何が違うのか(キンドリルジャパン社内勉強会:2022年10月27日発表)
新人研修 後半 2024/04/26の勉強会で発表されたものです。
新人研修 後半 2024/04/26の勉強会で発表されたものです。
論文紹介:Selective Structured State-Spaces for Long-Form Video Understanding
論文紹介:Selective Structured State-Spaces for Long-Form Video Understanding
Amazon SES を勉強してみる その22024/04/26の勉強会で発表されたものです。
Amazon SES を勉強してみる その22024/04/26の勉強会で発表されたものです。
Amazon SES を勉強してみる その32024/04/26の勉強会で発表されたものです。
Amazon SES を勉強してみる その32024/04/26の勉強会で発表されたものです。
Utilizing Ballerina for Cloud Native Integrations
Utilizing Ballerina for Cloud Native Integrations
LoRaWANスマート距離検出センサー DS20L カタログ LiDARデバイス
LoRaWANスマート距離検出センサー DS20L カタログ LiDARデバイス
論文紹介: The Surprising Effectiveness of PPO in Cooperative Multi-Agent Games
論文紹介: The Surprising Effectiveness of PPO in Cooperative Multi-Agent Games
論文紹介:Video-GroundingDINO: Towards Open-Vocabulary Spatio-Temporal Video Groun...
論文紹介:Video-GroundingDINO: Towards Open-Vocabulary Spatio-Temporal Video Groun...
React Nativeってどうなの?
1.
React Native ってどうなの?
2.
自己紹介 • Ryosuke Hara •
Twitter: @Ryohlan • anect 株式会社 • iOS/Androidアプリ、Webフロント
3.
React Nativeって何? • Facebook製のiOS,
Androidを1つの ソースで作れるフレームワーク • 基本的にJavascriptで書く • ReactJSスタイルのレイアウト • 出力はネイティブのView • ビルド待ちゼロでデバッグ Component定義
4.
React Nativeって何? 実行結果(Android) • Facebook製のiOS,
Androidを1つの ソースで作れるフレームワーク • 基本的にJavascriptで書く • ReactJSスタイルのレイアウト • 出力はネイティブのView • ビルド待ちゼロでデバッグ
5.
React Nativeって何? ReactViewGroup(ViewGroup) ReactTextView(TextView) • Facebook製のiOS,
Androidを1つの ソースで作れるフレームワーク • 基本的にJavascriptで書く • ReactJSスタイルのレイアウト • 出力はネイティブのView • ビルド待ちゼロでデバッグ 実行結果(Android)
6.
React Nativeって何?
7.
実績
8.
実績
9.
周辺の動き • react-native-windows • MS製 •
Windows 10, Windows 10 Mobile, XboxOne(UMP)
10.
周辺の動き • ReactXP • MS製 •
ReactNativeベース • Web, iOS, Android, Windows • TypeScript
11.
実際どうなの? • Webエンジニア向け? • ネイティブコード結構書く? •
不自然な見た目にならない? • それぞれに最適化できる? • ライブラリ足りてる? • 使ってみて困ったことか
12.
Q.Webエンジニア向け? • A. そんなことはない。 •
導入は楽かも • Javascript, ReactJSの知識は必要 • 凝ったことをしたいならネイティブ
13.
Q.ネイティブコード結構書く? • A. 書かなくても全然いける。 •
公式APIとライブラリで対応 • 無いなら実装
14.
Q.不自然な見た目にならない? • A. 出力はネイティブのViewなのでならない •
ネイティブ独自のスタイルは適用される • SDKのバージョンによる差異も出る • 各々の癖もある Android iOS
15.
Q.それぞれに最適化できる? • A. できる。 •
ファイル • Hello.ios.js, Hello.android.js • NativeModules.HelloFunc • 処理 • fontSize: Platform.select({ ios: 12, android: 14 }) • 片方のみ有効なプロパティ
16.
Q.ライブラリ足りてる? • A. 全然足りてないけど、CocoaPodsやGradleを使える •
CocoaPodsやGradleも使える • JSのライブラリも使えるものもある
17.
Q.使ってみて困ったことか • まだベータ版 • 圧倒的Document不足 •
諦めてソース読もう(日本語の記事なんて無きに等しい) • 圧倒的Component不足 • 作ろう • Breaking Change • 諦めよう • 残酷なDeprecated • 公式ブログ読んどこう
18.
ありがとうございました
Notas do Editor
今日はReact Nativeの話をします。 コードは無いです。
今日はReact Nativeの話をします。 コードは無いです。
今日はReact Nativeの話をします。 コードは無いです。
今日はReact Nativeの話をします。 コードは無いです。
すでに海外の大規模アプリでの導入実績多数 実際Facebookがメインに使ってるのがアツイ
最近ではメルカリもReact Nativeでの求人を出してきました。
結構注目なのがMSの動き SurfaceやHoloLensでも動くことも目的としたライブラリの開発
またMS
よくツイッターでReactNativeに関するツイート流してるけど、色んな疑問がある
Baixar agora