ReactNativeプロジェクトのAndroid環境を整備する - クックパッド開発者ブログ
投稿開発部の吉田です。React Native 新アプリシリーズ連載3日目はAndroid担当の私からReactNative(以下RN)のAndroidプロジェクトを出来る限り健康な状態にするために行ったことを紹介します。 React Nativeで作った新アプリについて(5日間連載) - クックパッド開発者ブログ React Native アプリの開発基盤構築 - クックパッド開発者ブログ 手元の環境 RNは開発が活発なため執筆時点の環境を載せておきます。バージョンが乖離している場合は動かない可能性があります。 react-native-cli(2.0.1) npm(5.8.0) node(8.9.3) react-native(0.55.1) Android Studio(3.1) macOS High Sierra(10.13.4) Androidの開発環境はセットアップ済みとして話
React NativeのレイアウトエンジンYogaの仕組み [後編] - Adwaysエンジニアブログ
adwaysengineerblog.hatenablog.com こんにちは、@binaryta です。 前編ではYogaのデバッグ環境を整えて終わりました。 まだ読まれていない方は是非上記リンクから見てみてください。 前編の末尾の方で僕は次のような一文を残しました。 Yogaのレイアウトは現時点ではW3C標準規格のFlex Layout Algorithmに準拠しているのでW3CのFlex Layout Algorithmに目を通しておくといいと思います。 また、Flex Layoutでよく出てくる用語についても確認しておいたほうがいいでしょう。 先にこれらについて軽くおさらいします (僕もあやふやなので)。 そして今回は内部を深く追ってはいくものの主にメインルーチンの関数を読んでいきます。 後編は次の流れで進みます。 Flex Layout のBoxモデルと用語 Flex Layou
![React NativeのレイアウトエンジンYogaの仕組み [後編] - Adwaysエンジニアブログ](https://cdn-ak-scissors.b.st-hatena.com/image/square/6ee637f1e9cbfd8f4773f63357eae4303c0d350c/height=288;version=1;width=512/https%3A%2F%2Fcdn.image.st-hatena.com%2Fimage%2Fscale%2Fd2782376c3613a3d45bec3934c88cdf6cb0627f5%2Fbackend%3Dimagemagick%3Bversion%3D1%3Bwidth%3D1300%2Fhttps%253A%252F%252Fcdn-ak.f.st-hatena.com%252Fimages%252Ffotolife%252FA%252FAdwaysEngineerBlog%252F20180824%252F20180824163608.png)
良い感じにログを収集するライブラリ、Puree-Swiftをリリースしました - クックパッド開発者ブログ
こんにちは。技術部モバイル基盤グループの三木(@giginet)です。 クックパッドでは、Pureeと呼ばれるiOS/Android/ReactNative向けのログ収集ライブラリを公開しています。 モバイルアプリのログ収集ライブラリ「Puree」をリリースしました - クックパッド開発者ブログ ログ収集ライブラリ Puree の iOS 版をリリースしました - クックパッド開発者ブログ 最近、以前開発されていたPureeをpure Swiftで書き換え、OSSとして公開しました。 この記事では、新しくなったPureeをご紹介します。 概要 クックパッドでは全社的にAmazon Redshiftを中心としたデータ活用基盤を構築しています。 クックパッドのデータ活用基盤 - クックパッド開発者ブログ この仕組みを使い、公開している多くのモバイルアプリからも、1つのログ基盤にさまざまなログを
Ways to pass objects between native and JavaScript in React Native
This is the second part of our story on how we built a React Native bridge for Shopify’s iOS and Android SDK. In the first part, I described how to set up the project structure for the bridge library. With that out of the way, it’s time to write methods that will expose the native APIs to JavaScript. This article will be a bit longer than the first one. There’s a lot of ground to cover! The offici
Apple、モバイルアプリ開発ツールのBuddybuildを買収 Android版は2月末で終了
米Appleが、モバイルアプリ開発ツールを手掛けるカナダのBuddybuildを買収した。Buddybuildが1月2日（現地時間）、公式ブログで発表した。 Buddybuildは2015年創業のバンクーバーに拠点を置く非公開企業。「世界初のイテレーションプラットフォーム」を謳い、モバイルアプリ開発者にGitHub、BitBucket、GitLabなどで使えるアプリ開発ツールを提供している。「git push」ごとに安全なビルド環境を構築し、UIテストやAppleのTestFlightのためのβテストの準備などもサポートする。 買収後、同社のチームはAppleの開発ツール「Xcode」のチームに参加し、プラットフォームもXcodeに統合していく。現行のiOS向けツールは少なくとも当面は提供を続けるが、新規のサインアップは受け付けない。Androidアプリ開発ツールは3月1日に終了する。 関
React NativeアプリでE2Eテストを回してみた
東京Node学園祭 2017 Nov 25 React Nativeアプリで「E2Eやってみよう」と思い実行に移した話 E2Eテストやってみようかな、と思っている人を想定
React Nativeアプリをリリースし続けるために、最初に行う8つの取り組み
This document discusses React Native and best practices for building mobile apps. It covers getting started with React Native, setting the application ID and bundle identifier, versioning, build types, integrating Fabric and Firebase, and using Fastlane for deployment. Tips are provided for configuring Android and iOS projects as well as continuous integration/delivery best practices.
Learning to test React Native with Jest — part 1
When we transitioned our mobile app from native code to React Native, testing was the last thing on our mind. Priority one was recreating our application from scratch using React Native — and once we released it, more and more features required implementing, and before we knew it, we had thousands of lines of code …and zero tests. We knew it’d be good practice to write tests, but finding the motiv
2週間半のReact Nativeアプリ開発を振り返る - c-bata web
React Native+Expoではじめるスマホアプリ開発 ~JavaScriptによるアプリ構築の実際~ 作者: 松澤太郎出版社/メーカー: マイナビ出版発売日: 2018/08/29メディア: 単行本（ソフトカバー）この商品を含むブログを見る ここ2週間ちょっとReact NativeでiOSアプリ書いてました。 サーバサイドをメインでやってきた自分にとって面白い技術で、今後も趣味で使ってみたいなと思えているのでTipsや所感を残しておきます。 目次 選定理由 Tips エラーハンドリング・状態管理 入力欄をキーボードの出現に合わせて動かすアニメーション 今回使ったライブラリ react-native-focus-scroll react-navigation react-native-vector-icons react-native-camera react-native-vid
React Nativeはクロスプラットフォームモバイルアプリ開発の夢を見るか
About the content 2017年3月のDroidKaigiの講演です。映像はRealmによって撮影・録音され、主催者の許可を得て公開しています。 2015年初めにオープンソースプロダクトとして登場したReact Nativeは、現在も活発に開発が続いています。Facebook Messengerだけではなく、プロダクションでの事例も少しずつ出てきました。 React Nativeを使うと、何が嬉しいのでしょうか。実際に業務でAndroid, iOS両対応のアプリを開発・リリースした経験から、Android Javaでの開発と比べて楽になる点や難しくなる点をお話します。 ＜対象＞ 最近のJavaScriptはどんな空気感で開発をしているのか見てみたい方 心のどこかでまだReact Nativeを銀の弾丸だと思っている方 AndroidとiOSのコードはどこまで共通化できるのか知
React Native開発のつらい点まとめ – MMiyauchi Blog
React Native v0.42で開発していて、つらい点を述べていく。良い点はあったかもしれないが、忘れてしまった…(良い点含めたより公平な意見は、あらためてまた今度書く 2018年2月28日追記: 書きました!!→ React Native開発の良い点と注意点まとめ)。 なお、製品でReact Nativeを運用されている方で、他にもつらいとおっしゃっている方もいるようなので、自分がReact Nativeに対して感じているこのつらさは間違っていないと思う。 大前提として「React Nativeは、Viewしか扱わないReactがベース」である これがそもそものReact Nativeがつらいと思える根本的な原因かもしれない。React Nativeのコンセプト通り、React Nativeではたしかに、Reactの知見をほとんどそのまま流用してReact Nativeではアプリ
Repl.it - React Native
React Native is being deprecated. We recommend using Snack Expo instead.
expo.ioを使ってリアルタイムにReact Nativeアプリを開発する - マルシテイア
1年ぶり3度目のReact Native入門してるんだけど、expo.ioっていうサービスがメッチャ便利そうだったので紹介します。 何がどう便利かっていうと、 ケーブルなしで、実機の動作確認ができる もちろんコード変更も即座に反映される 開発版アプリの配布がワンタッチでできる 便利なReactコンポーネントもついてくる youtu.be expo.io とは React Nativeでのアプリ開発を支援するサービスです。 公式サイトはこちら。めっちゃ素朴…… expo.io expoは create-react-native-app XDE expo client といったツールを公開しています。 create-react-native-app: アプリの雛形を作るCLIツール XDE: アプリ開発を支援するデスクトップアプリ。実機のログをみたり、アプリを再起動したりできる expo cl
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
React Nativeが 楽しく感じるまでの話
React Nativeを使ってメルカリのアプリを開発する人WANTED！ - 株式会社メルカリのエンジニアリングの採用 - Wantedly