並び順

ブックマーク数

期間指定

  • から
  • まで

41 - 80 件 / 688件

新着順 人気順

reactnativeの検索結果41 - 80 件 / 688件

  • redux-sagaで非同期処理と戦う - Qiita

    はじめに ReduxはSingle Store、immutableなState、副作用のないReducerという3つの原則を掲げたFluxフレームワークです。しかし他のフレームワークと違って提供しているものは最小限で、とてもフルスタックとは言えない薄さです。そのためすべてにおいて定番と言える書き方が定まっているわけでもなく、どうしようか迷ってしまうことも少なくありません。その筆頭とも言えるのが 非同期処理 の扱いです。コミュニティでは今でもさまざまな方向に模索が続いていますが、よく使われているものだとredux-thunk、redux-promiseあたりでしょうか。Reduxに限定しないのであればreact-side-effectというものもあります。こちらはTwitterのモバイルウェブ版で使われていますね。どれを使っても非同期処理が可能になりますが、それはあくまで道具であって、設計の

      redux-sagaで非同期処理と戦う - Qiita
    • Redirecting

      Redirecting to docs/en/latest...

      • Redirecting…

        Redirecting… Click here if you are not redirected.

          Redirecting…
        • Note-taking App with Robust Markdown Editor - Inkdrop

          With 100+ plugins, cross-platform and encrypted data sync support Solely designed for Markdown to improve your dev workflowGet a low-friction personal note-taking workflow and accomplish more. With your notes well-organized effortlessly, you can stay focused on doing your best work. A versatile Markdown editorIt comes with multi-language code highlighting, multi-cursors, line numbers, scrolling be

            Note-taking App with Robust Markdown Editor - Inkdrop
          • Swift および Objective-C を使用した iOS メモリー管理で絶対に失敗しないための 7 つのヒント

            IBM Developer is your one-stop location for getting hands-on training and learning in-demand skills on relevant technologies such as generative AI, data science, AI, and open source.

              Swift および Objective-C を使用した iOS メモリー管理で絶対に失敗しないための 7 つのヒント
            • モバイルアプリに最適化した軽量JavaScriptエンジン「Hermes」、Facebookがオープンソースで公開。低スペックのスマートフォンでの実行速度を重視

              モバイルアプリに最適化した軽量JavaScriptエンジン「Hermes」、Facebookがオープンソースで公開。低スペックのスマートフォンでの実行速度を重視 Webアプリとして構築されているモバイルアプリケーションは、現在では非常に複雑で大規模なものになりつつあります。 これは同時に、アプリケーションのロードや起動にかかる時間が増大することに直結しており、特に発展途上国などで広く使われている低スペックなスマートフォンにおいてはその影響が顕著です。 Facebookがこうした大規模するモバイル向けWebアプリケーションの課題を取り除くべく調査したところ、JavaScriptエンジンを改善する必要があることを認識し、Hermesを開発することにしたと説明しています。(追記:ただし後述のようにHermesは現時点ではWebアプリケーション用ではなくReact Nativeのオプションとなって

                モバイルアプリに最適化した軽量JavaScriptエンジン「Hermes」、Facebookがオープンソースで公開。低スペックのスマートフォンでの実行速度を重視
              • 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

                  expo.ioを使ってリアルタイムにReact Nativeアプリを開発する - マルシテイア
                • なぜNext.jsをやめたのか? - Hello Tech

                  javascripterです。ハローでは、プロダクトのローンチ前からAutoReserve の開発に関わっています。 この記事では、AutoReserveウェブ版が、Next.jsを一度採用したがやめ、その後create-react-app + react-routerの構成に移行した経緯を書きます。 ウェブ版開発の背景 AutoReserve はAIが電話予約を代行してくれる飲食店向け予約グルメアプリで、現在はiOS / Android / ウェブにサービスを展開しています。 元々はReact Native製のネイティブアプリのみ展開していましたが、ユーザ獲得の面でウェブ版が必要となったため、 追加でウェブ版を実装し、現在の3プラットフォームでの展開に至ります。 最初の技術選定 ウェブ版の最初のバージョンでは、フレームワークとしてNext.jsを採用しました。Reactで書け、SEOのた

                    なぜNext.jsをやめたのか? - Hello Tech
                  • もうNativeOnly開発者はいらないのかもしれない - mobiledev日記

                    2017 - 01 - 12 もうNativeOnly開発者はいらないのかもしれない 駄文 ReactNativeさえあればもう Android / iOS 固有のスキルはいらないんじゃね?と思い始めてしまいました。 Qiita他を見る限り、 Web専門の人が結構ReactNativeでアプリを組み始めている んですよね。 間違いなく自分のReactNativeより上手に組んでいるでしょう。 となると、もう Java /Swift/Obj-Cでアプリを組む必要ってない=ガチNativeしか開発できない人はもう不要になるのではないかという気がしました。 OS固有環境(以下ガチNativeと呼びます)とくらべてReactNativeで開発するメリットとして クロスプラットフォーム View構築が楽 間違いなく iOS -AutoLayoutよりは楽 Android でも同じViewの使い回しは

                      もうNativeOnly開発者はいらないのかもしれない - mobiledev日記
                    • React Native at Airbnb – Airbnb Engineering & Data Science – Medium

                      UpdateThis article was published in 2018 and reflects the state of React Native at the end of 2017. When using these articles to make decisions about your business, please use discretion. Any technical points should be revalidated because the maturity and size of the ecosystem was significantly different back then. Any organizational points should also be considered within the context, size, and c

                        React Native at Airbnb – Airbnb Engineering & Data Science – Medium
                      • React Native for Webのこれまでから読み解くReact GUIのこれから

                        React Native Matsuri 2021で発表したスライドです。 https://reactnative-matsuri.com/ja

                          React Native for Webのこれまでから読み解くReact GUIのこれから
                        • React Nativeを用いた初めてのiOSアプリ開発 : 選んだ理由と、開発で学んだこと | POSTD

                          候補としてモバイルアプリの作成について話し合いを始めた時、何を用いてモバイルアプリを構築するかについて、私たちには何の考えもありませんでした。クールな仕様で、楽しく使え、さらには洗練されたものでありたいという一般的な方向性は分かっていたのですが、誰もモバイルアプリを構築した経験がなかったのです。 そこで私たちはReact Nativeを使ってみることにしました。選んでみて良かったと思っています。この記事では、React Nativeを使うと決めた時に考えたことや、構築途中で学んだことを書き綴っています。 React Nativeを選んだ理由 私たちはWeb開発者であって、iOS開発者ではありません。ニューヨークでの集まりで、Swiftがどれだけ性能がいいか、それでいてObjective-Cもまだ存在価値があるということを、少しかじった程度で、一番得意なのはRubyとJavascriptです

                            React Nativeを用いた初めてのiOSアプリ開発 : 選んだ理由と、開発で学んだこと | POSTD
                          • 今、SPA/ReactNativeにとっての必要な PaaS を考える - mizchi's blog

                            当方ボーカル、フルスタックPaaS募集 ほしいもののコンセプト SPA職人としてそこに全力を尽くしたいので、それ以外を全部やってほしい とはいえストレージへのアクセスはAWS Lambda/Cloud Function等を介してちゃんとしたコントロールをしたい プロトタイピング時は何も考えずにORMを叩いていたい 運用フェーズでは金を払ってスケールしたい。とはいえボトルネックは常に監視したい。極端にやばいスケールサイズはどうせ人を雇うのでその先は考えなくていい。 より細かい要求 認証はPaaS側が全部持ってほしい JSONSchema でクライアント/サーバーサイドのアクセス制限を定義したい サーバーはフルマネージド Lambda/CloudFunction で関数単位でパフォーマンス監視/障害検知 ローカルで本番と同じ構成が建てられる アセットは勝手にCDNに投げといてほしい バックエン

                              今、SPA/ReactNativeにとっての必要な PaaS を考える - mizchi's blog
                            • 【速報】クロスプラットフォーム開発のための GraphQL バックエンド AWS AppSync が発表されました!※プレビュー版登録可能です #reinvent | DevelopersIO

                              ※ モバイル関連のセッションにて発表されましたが、 AWS AppSync はモバイルのみがターゲットというわけではないため、タイトルを修正しています。フィードバックをくださった方々、ありがとうございます。 Mobile Application Development: State of the Union のセッションの中で新サービスの発表がありました。AWS AppSync です。 クロスプラットフォームでデータのリアルタイム同期を行うために、GraphQL をベースとしたアプリケーションのバックエンドを提供してくれます。 11月28日 12:30PST ( 11月29日 5:30JST ) 現在、プレビュー版利用のための申請をフォーム準備中です。本日中に申請できるようになるそうです。以下のURLをチェックしてください。 https://aws.amazon.com/appsync/

                                【速報】クロスプラットフォーム開発のための GraphQL バックエンド AWS AppSync が発表されました!※プレビュー版登録可能です #reinvent | DevelopersIO
                              • 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ではアプリ

                                  React Native開発のつらい点まとめ – MMiyauchi Blog
                                • Xamarin と React Native と Flutter の違いを正しく理解しよう - Qiita

                                  DroidKaigi2018 でもセッションがあった Flutter がβ版になりました。 グーグル、Android/iOS対応のUIフレームワーク「Flutter」ベータ版を公開 - CNET Japan これでまた、にわかにクロスプラットフォーム開発ツール(以下 "X-Plat Tool" と略)が盛り上がってる気がします。 Flutter が出たからと言って、Xamarin や React Native など、先行する様々な X-Plat Tools が死ぬわけでもなく、ただ選択肢が増えて嬉しいやら戸惑うやら、ということです。 ここでは、Flutter と、先行する React Native、Xamarin を(独断を交えて)比較して、それらの違いを見てみたいと思います。 共通化できる(とされる)プラットフォーム X-Plat Tool がどのプラットフォームまでカバーするかを比べて

                                    Xamarin と React Native と Flutter の違いを正しく理解しよう - Qiita
                                  • React Nativeで 位置情報アプリをつくった話

                                    【第2回】ReactNativeにゆかりのあるスタートアップが集う会 https://r-n.connpass.com/event/117895/

                                      React Nativeで 位置情報アプリをつくった話
                                    • [React Native事始め完全版]「いきなりデート」のアプリをReact Nativeで開発した知見をまとめます。 - Qiita

                                      [React Native入門完全版]「いきなりデート」のアプリをReact Nativeで開発した知見をまとめます。 この記事で説明する事 React Native採用に係る意思決定の話 atom + eslint + flowによるIDE風開発環境 line by lineによるプロジェクト作成方法とリリース方法 デバッグ方法やtips集、補助ツールの使い方 React Nativeとは Facebookがオープソースとして開発するReact.jsの思想の一つである「Learn once, Write everywhere」(元ネタはもちろんJavaのWrite once, Run anywhere)を体現した、Facebookが開発主体となるプロジェクトの一つで、要はJavascriptとReactフレームワーク1つでモバイルアプリ(iosとAndroid)を作れる、といった代物です

                                        [React Native事始め完全版]「いきなりデート」のアプリをReact Nativeで開発した知見をまとめます。 - Qiita
                                      • WebエンジニアがReact Nativeでアプリをリリースしてみた

                                        Coiney窓口をリリースしました。Coiney(スマートフォンやタブレットを使ったクレジットカード決済サービス)のサポートに特化したアプリです。 盛り過ぎ注意数年前のアプリケーション開発は、アプリのインストールというハードルによって、ブラウザで完結するWebアプリケーションが主流でした。しかし、最近はユーザーの学習によってアプリのインストールのハードルが下がりました。そこで出てきた考え方がアンバンドリングです。 1アプリに対して1機能。盛り込まないことによって、ユーザーに対して迷いのないUI、開発者に対して開発/運用のシンプルさを提供することができます。Facebookがメッセンジャーアプリを本体から切り離したのもその一例だと考えられます。 私たちはアンバンドリングの考え方に則り、既存のアプリを決済部分にフォーカスしました。申し込み/ユーザーサポートにフォーカスしたアプリがCoiney窓

                                          WebエンジニアがReact Nativeでアプリをリリースしてみた
                                        • How to GraphQL - The Fullstack Tutorial for GraphQL

                                          The Fullstack Tutorial for GraphQLThe free and open-source tutorial to learn all around GraphQL to go from zero to production. Brought to you by the GraphQL Community and

                                            How to GraphQL - The Fullstack Tutorial for GraphQL
                                          • React Native用の統合開発環境「Deco IDE」、オープンソースで公開

                                            「React」は、2013年にFacebookがオープンソースとして公開したJavaScriptフレームワーク。仮想DOMなどの手法を用いてユーザーインターフェイスの開発を効率的に行えるのが特長です。 そのReactと同じ書き方のJavaScriptでiOSやAndroidに対応したモバイルアプリケーションを開発できるのが「React Native」です。 「Deco IDE」は、React Native用の統合開発環境としてDeco Softwareが開発したもの。オープンソースとして公開されました。 DecoはMac OS X用のソフトウェア(Xcodeのインストールが必要)。iOSシミュレータを内蔵し、iPhone 6s/6s Plus、iPad Pro、iPad Airなどでの見え方を確認できます。 Deco Componentsと呼ばれるコンポーネントをプログラムの中に組み込むこ

                                              React Native用の統合開発環境「Deco IDE」、オープンソースで公開
                                            • React エンジニアのための React Native 入門

                                              ポイントサービス設計の異常な挑戦 または我々は如何にして心配するのを止めてドメイン駆動設計を愛するようになったか - NIFTY Tech Day 2023

                                                React エンジニアのための React Native 入門
                                              • React Native の画面遷移・管理をオープンソースのアプリを見ながら学ぶ - Qiita

                                                シンプルなスワイプの遷移 git-point で使われていた、スワイプの遷移。 git-point/blob/master/src/auth/screens/login.screen.js に全体の実装があります。react-native-swiper というスワイプのライブラリを利用しているようです。 使い方だけもとてもシンプル。 Swiper で View を囲うだけ。(ライブラリ本家の方のサンプルです) import Swiper from 'react-native-swiper'; import { Text, View } from 'react-native'; ... return ( <Swiper showsButtons={false} dotColor="#FFFFFF55" activeDotColor="#FFFFFFFF" > <View> <Text>Hel

                                                  React Native の画面遷移・管理をオープンソースのアプリを見ながら学ぶ - Qiita
                                                • プログラマー向けノートサービス、BoostnoteのiOSとAndroidアプリをリリースしました! - Boostnote

                                                  Boostnoteとは オープンソースのプログラマ向けノートアプリです。 現在190を超える国と地域まで拡がっており、多くのプログラマーの方々に愛されています。 これまでMac, Windows, Linuxのアプリを提供してきましたが、予てより希望の声が多かったモバイルアプリを本日リリースしました! iOS: https://itunes.apple.com/jp/app/boostnote/id1273066636 Android: https://play.google.com/store/apps/details?id=io.boostnote Boostnote mobileで出来ること 手軽にmarkdownを用いたメモを取ることが出来ます。 モバイルアプリでmarkdown?と思われるかもしれませんが、慣れると案外便利でした😄👍 知識を簡単にストック Boostnoteが

                                                    プログラマー向けノートサービス、BoostnoteのiOSとAndroidアプリをリリースしました! - Boostnote
                                                  • React Native導入ガイド - 環境構築からクロスプラットフォーム開発のメリットまでを理解する|ハイクラス転職・求人情報サイト AMBI(アンビ)

                                                    React Native導入ガイド - 環境構築からクロスプラットフォーム開発のメリットまでを理解する React Nativeは、クロスプラットフォーム開発を行うためのツールの1つです。JavaScript言語の中で、UIフレームワークのReactを用いてUIの記述と状態管理を行うことで、アプリの動作を組み立てます。本記事では、React Nativeの導入やモバイルアプリ開発の現場で起きがちな課題を解決する手段としての強みについて解説します。 ReactとReact Native Reactとは/React Nativeとは/React Nativeの正体 React Nativeの環境構築 npm文化圏の流儀にのっとったワークフロー/スタイル定義/npmのライブラリ使用/リッチな機能を追加 広がるReact Nativeの世界 Windows向けのMS公式実装/ブラウザ向けの逆輸入/

                                                      React Native導入ガイド - 環境構築からクロスプラットフォーム開発のメリットまでを理解する|ハイクラス転職・求人情報サイト AMBI(アンビ)
                                                    • Expo

                                                      Expo and EAS are an ecosystem of tools that help you develop review& deployCreate universal native apps with React that run on Android, iOS, and the web. Iterate with confidence. We are the home for developers building native apps across Android and iOS with JavaScript (neat, right?). We’re open source. Offer a free plan. And are pretty-much the go-to if you’re building a mobile app. We’re a full

                                                        Expo
                                                      • Angularチームがロードマップを発表,React Nativeとの統合をデモ

                                                        Spring BootによるAPIバックエンド構築実践ガイド 第2版 何千人もの開発者が、InfoQのミニブック「Practical Guide to Building an API Back End with Spring Boot」から、Spring Bootを使ったREST API構築の基礎を学んだ。この本では、出版時に新しくリリースされたバージョンである Spring Boot 2 を使用している。しかし、Spring Boot3が最近リリースされ、重要な変...

                                                          Angularチームがロードマップを発表,React Nativeとの統合をデモ
                                                        • 2020 年の React Native 開発 - tomoima525's blog

                                                          2019 年は React Native にとってはさまざまな変化があったので、それらを振返りつつこの記事では最近の React Native をめぐる状況と個人的見解について書きます。採用を検討している方、Flutter などのクロスプラットフォーム開発フレームワークと比べたいという方の参考になれば幸いです。 フラットに書くことを意識していますが、いち利用者としてのバイアスがあることをご了承ください。 開発体験 Fast Refresh Auto Linking CocoaPods の標準採用 Expo によるワンストップ開発環境構築 フレームワーク/アーキテクチャ Lean Core Android 最新の React への追随 コミュニティ What do you dislike about React Native? react-native-community 管理下のライブラリ

                                                            2020 年の React Native 開発 - tomoima525's blog
                                                          • LottieFiles: Download Free lightweight animations for website & apps.

                                                            LottieFiles takes away the complexity from motion design. It lets you create, edit, test, collaborate and ship a Lottie in the easiest way possible. Get Started - It's Free

                                                              LottieFiles: Download Free lightweight animations for website & apps.
                                                            • React Native / Alternative な開発ツールの採択について

                                                              #nikkeidenshiban_Sansan の勉強会での発表資料です

                                                                React Native / Alternative な開発ツールの採択について
                                                              • 【2018年版】React NativeでiOSアプリを作ってストアでリリースしてみた - Qiita

                                                                はじめに React Nativeでの開発が全体的にどんな感じか掴みたかったので、小さなアプリを開発し、App Storeでリリースしてみました。 プロジェクト作成からストアでのリリースまでの間、開発中に出てきたテーマを振り返ってみます。(React Nativeの概要や特徴の解説については、他の方の記事をご覧ください。) 今回の一連の開発を通して、現段階ではネイティブ側(Xcode)を触らないといけない場面がちらほらあるということが分かりました。 ※記事執筆時点のReact Nativeのバージョンは0.43です ※2020年に別のアプリを作った記事を投稿しました【2020年版】 React NativeでiOSアプリを作ってストアでリリースしてみた - Qiita ※筆者はiOSアプリの開発経験者です(Swift, Objective-C) ご注意 本記事の執筆時点に対して、最新のRe

                                                                  【2018年版】React NativeでiOSアプリを作ってストアでリリースしてみた - Qiita
                                                                • 「React Native+Expoではじめるスマホアプリ開発 ~JavaScriptによるアプリ構築の実際~」という本が出版されます - smellman's Broken Diary

                                                                  このたび、「React Native+Expoではじめるスマホアプリ開発 ~JavaScriptによるアプリ構築の実際~」という本をマイナビ出版から出版することになりました。 React Native+Expoではじめるスマホアプリ開発 ~JavaScriptによるアプリ構築の実際~ 作者: 松澤太郎出版社/メーカー: マイナビ出版発売日: 2018/08/29メディア: 単行本(ソフトカバー)この商品を含むブログを見る いままで2冊ほどFirefoxに関する本を共著でオライリー・ジャパンさんから出版させていただいてますが、今回は初の単著となります。 単著です...まじで大変でした。 事の発端は今年のOSC2018 Tokyo/Spring にてOpenStreetMapのブースで出店していたのですが、そこにひさびさにマイナビ出版の西田さんと会いました。 西田さんとは長い付き合いで、もとも

                                                                    「React Native+Expoではじめるスマホアプリ開発 ~JavaScriptによるアプリ構築の実際~」という本が出版されます - smellman's Broken Diary
                                                                  • React Native をプロダクションで使ってわかった良かった点・悪かった点 - Qiita

                                                                    こんにちは、株式会社ピケ CTO の中西(@nakanishy)です。 Dish というランチ検索アプリのフロントエンドとデザインを担当しています。 Dish では、React Native を採用して iOS アプリの開発をしています。iOS アプリを正式にリリースしたことがなく、また React Native も初めてだったので、苦戦する場面も多々ありましたが、良かった点もたくさんありました。 この記事では、Web 開発者の視点で React Native の良かった点と悪かった点を紹介したいと思います。 React Native の良かった点 高速に開発できる React Native は、ライブリロードとホットリロードをデフォルトでサポートしているので、Web 開発をしているかの如く高速に開発が進められました。保存すると即座に変更が反映されます。また、ホットリロードの場合、状態を維

                                                                      React Native をプロダクションで使ってわかった良かった点・悪かった点 - Qiita
                                                                    • React Nativeが 楽しく感じるまでの話

                                                                      React NativeでナビゲーションのライブラリやUIコンポーネント集を使って楽しくなってくるまでの話です。 言葉足らずでうまく伝えられなかったところはブログに書きました。 https://blog.mismithportfolio.com/web/reactkyoto1

                                                                        React Nativeが 楽しく感じるまでの話
                                                                      • Bitrise - Mobile Continuous Integration and Delivery - iOS & Android Build Automation

                                                                        🎉 Latest updates from April: Introducing Bitrise Runners, Connected Apps for Release Management, Enhanced Build Triggers →

                                                                          Bitrise - Mobile Continuous Integration and Delivery - iOS & Android Build Automation
                                                                        • Discordはどのようにして40人のエンジニアで1億3000万人以上にサービスを提供しているのか?

                                                                          「Discord」は、主にゲーマーを対象とした音声通話・チャットアプリです。ブラウザ上で動作するほか、WindowsやiOS、AndroidなどほとんどのOSにアプリを配信していることを始め、Slackのようなテキストチャンネルと低レイテンシのボイスチャンネルを合わせ持っていたり、ビデオ通話や画面共有が簡単に行えたりするなどの特徴が人気を呼び、2015年に登場してから3年間で1億3000万人以上が使用するアプリに成長しました。そのDiscordはたった40人で開発されているのですが、どのようにして少人数でありながらさまざまなプラットフォームでアプリを展開できているのかについて公式ブログで解説されています。 Why Discord is Sticking with React Native - Discord Blog https://blog.discordapp.com/why-disc

                                                                            Discordはどのようにして40人のエンジニアで1億3000万人以上にサービスを提供しているのか?
                                                                          • Packaging Generated Code for gRPC Services

                                                                            Blog BugSnag Now Directly Integrates with Aspecto Distributed Tracing

                                                                              Packaging Generated Code for gRPC Services
                                                                            • React Native for Webをプロダクションで使ってみました - agri-note inside

                                                                              こんにちは、モバイルチームの中川[twitter:@nkzn]です。 5月22日にプレスリリースがあった提携で紹介されていたアプリでは、React Native及びReact Native for Webを採用しています。こちらについて技術的な側面から(当たり障りのない範囲で*1)事例を紹介します。 経緯 5/22に、農業総合研究所さんとの業務提携契約が公開されました。 www.agri-note.jp 農業総合研究所さんは、7000件以上の農家さんから野菜を集荷し、全国各地のスーパーなどに設置された直売コーナー「農家の直売所」に野菜を出荷している、農産物の流通・販売・コンサルティングを手がける農業ベンチャーです。 (上記のスクリーンショットは2018年7月18日現在のものです) www.nousouken.co.jp 今回の業務提携により、共同でシステム開発を行っていくことになりました。

                                                                                React Native for Webをプロダクションで使ってみました - agri-note inside
                                                                              • きれいな動きしてるだろ。ウソみたいだろ。ReactNativeExpoで動いているんだぜ。それで。 - Qiita

                                                                                ネイティブと同じくらいヌルヌル動く 動画サンプル pic.twitter.com/PZBXGGvIuo — HorieH@ゆうしゃとさんすうリリース (@h0rieh) October 10, 2019 実物のアプリ ※興味があったらインストールして動きを体感してみてください iOS Android Expoとは? React Native開発で「開発環境、デバッグ環境、ビルド、証明書の作成/管理、スマホアプリに必用な機能」などを簡単にしてくれるやつ。 1ソースでiOSとAndroidとWebの開発が可能。 ReactNative+Expoでスマホゲーム 1年間で6本リリースして、合計1万インストール/10万円達成しました。 以下、ReactNative+Expoの知見ではなく、スマホアプリを開発してみて知っておきたかった知見になります。 Webではなくアプリにしてよかった点 Admobが

                                                                                  きれいな動きしてるだろ。ウソみたいだろ。ReactNativeExpoで動いているんだぜ。それで。 - Qiita
                                                                                • Expo ではじめる ReactNative 開発環境 - Qiita

                                                                                  某所で調べた資料 Expo とは ReactNative上で、JS のみで ios/android アプリを作る開発/ビルド環境。ネイティブプラグインが使えないという縛りを受け入れることで、アプリをQRコード経由で簡単に公開したり、共有したりできる。 ios/android のコードを書かなくていい、というか一切書けない。 参考: expo.ioを使ってリアルタイムにReact Nativeアプリを開発する http://amagitakayosi.hatenablog.com/entry/2017/04/18/120000 Hello World $ npm install -g exp $ exp init my-native-app $ exp start # 開発用ビルドの開始 $ exp build:ios # 本番用ビルド

                                                                                    Expo ではじめる ReactNative 開発環境 - Qiita