目的 Expoを使ってReactNativeの環境を作る 前提 npm環境はすでにある Xcodeも入ってる mac(Windowsではやったことないのでわからないです） iOSシミュレータのインストール シミュレータが必要なので、インストールしておきます Xcodeの[Xcode]->[Preferences]->[Components]からiOSシミュレータをインストール Expoとは ReactNativeを使ってiOS,AndroitのアプリをJSのみで開発するための開発環境. XcodeやAndroidStudioを使わずにアプリの開発をすることができます ※シミュレータは使います 導入手順 Expoのアカウント作成 公式からアカウントを作ります Expo XDE Expo XDEをインストール xde-2.24.4.dmgをダウンロードしてインストール ダウンロード npmでイ
こんにちは、エンジニアの Miho です！キッチハイクでは React Native でのアプリ開発が3年目を迎えましたが、みなさんは Expo についてどのような印象を抱いていますか？いざ、React Native でアプリ開発！と思って調べてみると、セットで紹介されていることが多いかと思います。 私自身、「Expo を使うとなんとなく開発が楽になりそうだな...🤔」という理解レベルでした。 ＊ キッチハイクは Expo を採用せず、素の React Native（Vanilla React Native）で開発しています。 Expo を採用して1年以上運用したCTOが、上野に集結 そんな、多くのエンジニアが気になっている「Expo 実際どうなの？」に答えてくれる、頼もしいCTO達がキッチハイクオフィスに集まってくださいました！非常に充実した2時間で、とてもひとつの記事にまとめきれず.
表示中のページから http://blog.naoshihoshi.com/entry/2018/12/10/113000?amp=1 にリダイレクトしようとしています。 このページにリダイレクトしないようにする場合は、前のページに戻ってください。
弊社ではiOS/Android向けアプリの開発に、Expo + React Nativeを利用しています。 Expoを使えば使うほど、その便利さに感動しています。 今回は、Expoを使うとどんな嬉しいことがあるか？について書いてみたいと思います！ Expoとは ExpoとはReact Nativeアプリの開発を支援してくれるツールです。 https://expo.io/ ビルドや実行環境が提供され、JSでReact Nativeのコードを書くだけ（XcodeやAndroid Studio不要）でiOS, Androidアプリの開発が可能になります。 使用方法については、別途書きたいと思います。 弊社ではExpoを利用したアプリをリリースして3ヶ月ほど経ちましたが、 その恩恵を大いに感じています。 以下、メリットを5つ選んでまとめてみました！ メリット① 変更がリアルタイムに反映されるのでW
2018年11月1日、株式会社メルカリにて「React会」が開催されました。第1回となる今回は、5人のエンジニアがReactにまつわるさまざまなトピックスについてライトニングトークを展開しました。プレゼンテーション「React Native(Expo) + Firebaseを使って爆速でアプリを作る」に登壇したのは、株式会社FACTBASEの羽賀流登氏。React Nativeのライブラリ「Expo」を用いて、1週間でアプリを開発してみて得られた知見を語ります。講演資料はこちら React Native(Expo) + Firebaseを使って爆速でアプリを作る羽賀流登氏：はじめまして、よろしくお願いいたします。「React Native(Expo) + Firebaseを使って爆速でアプリを作る」というタイトルでやらせていただきます。 自己紹介なんですが、羽賀流登と申します。Twitte
WebブラウザとAndroid、iOSが、アプリの動作環境としてそれぞれ市民権を得た現代では、サービスを1つ作るだけでも、各プラットフォームに対してアプリを提供することが当たり前のように求められます。本連載では、この問題に立ち向かうため、ReactとJavaScriptによるWebアプリケーション開発に近いお作法でAndroidやiOSのアプリ開発ができるツール「React Native」を紹介します。まずは、React Nativeというツールがどういった仕組みで動いているのか、また、どういった分野に向いているのかを解説します。 対象読者 JavaScriptとWeb開発の基礎に理解がある方 Reactを用いたJavaScriptアプリケーション開発の経験者 Androidアプリ開発の経験者 iOSアプリ開発の経験者 前提環境 本記事の内容は、React Native v0.57.4の実
対象読者 JavaScriptとWeb開発の基礎に理解がある方 Reactを用いたJavaScriptアプリケーション開発の経験者 Androidアプリ開発の経験者 iOSアプリ開発の経験者 前提環境 筆者の検証環境は以下の通りです。 macOS Mojave 10.14.2 Node.js 11.7.0／npm 6.5.0 expo-cli 2.6.14 Node.js環境が準備できていない方は別途インストールしてください。Mac環境であればnvmやnodebrew、Windows環境であればnvm-windows等のバージョン管理ツールの利用をおすすめします。 React Nativeでできること 前回の記事では、React Nativeがブラウザの方法論でUIを実装しつつも、UI以外の構造としてはモバイルアプリに近いものであると説明しました。では、実際にJavaScriptで利用でき
パリで発表されていたReact向けプロダクトがあまりにも未来に生きていて興奮したので、紹介させてください。 目次 目次 この記事のゴール 想定読者 はじめに 今回ベースとするソースコード React Nativeは何をするツールか Reactは何をするツールか React DOMとReact Nativeの違い Reactアプリケーションを描画するものたち React DOMの役割 React Nativeの役割 1. ネイティブ処理系の上でJavaScript処理系を動かす 2. Reactを動かす 3. Reactから渡された差分をネイティブViewに適用する React Native DOMはどこがReact Nativeなのか React Native DOMのやばいところ6連発 ReactからはReact Nativeに見えてるのがやばい Objective-C実装をJavaSc
環境準備 環境準備については、ReactNativeはじめの一歩(Create React Native App) に書きました。 最近React Nativeの門を叩いたばかりで手探り状態ですが、まずは一番それっぽいものを、と思い、カメラアプリを作ってみることにしました。 ExpoにAPIが用意されていたり、先人達がすでに試されていたりして、それを見ながら大変簡単に実装することが出来ました。(というかExpoのドキュメントまんまでですが) なお、iosを前提としています(Android未確認) カメラモジュール色々 調べてみると幾つかのモジュールが存在しているようです。 Expo.io https://docs.expo.io/versions/latest/sdk/imagepicker.html カメラだけでなく様々なAPIが用意されています。見てるだけでワクワクします。 React
今年のFirebaseはCloud Functions for Firebaseが出たり、FirestoreやFirebase Performance MonitoringとかFirebase Predictionsが出たりして盛りだくさんすぎです。 今までWebから触れる物だけを触ってきましたがさすがにネイティブもやらないとなーと思い趣味でですがReact Nativeを触るようになりました。 その中でReact Native Firebaseは便利だったのでFirebase 70%くらいで簡単に紹介したいと思います。 React Nativeとは React NativeはFacebookが作っているJavaScriptだけでクロスプラットフォームアプリを作れるフレームワークです。 Reactを使ってJSXでネイティブのViewを記述できます。 レイアウトを作るのはJavaScript
Last week, my first React Native app landed on the App Store. Last year, Dan Abramov’s presentation on Redux at React Europe provided a compelling pattern for building well structured single-page applications within the React ecosystem. This year, Bonnie Eisenman’s talk left me excited about where the ecosystem is going and how such a technology is going to enable native cross-platform development
React-Native has been around for about 2 years and became a really interesting framework since it can be used for Android and let us build cross-platform mobile apps. A few contributors also customized the framework to build desktop apps for Mac and Windows, which is quite cool. React-Native is very similar to ReactJS in a way, but there are differences you need to know before you start your first
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
