React Native Matsuri 2021Hyperledger Fabricの成長、成熟を振り返る / Looking back history of Hyperledger Fabric
The state of React Native for Web - LogRocket Blog
React Native for Web is one of the most amazing ideas I’ve stumbled upon in a while. For UI developers, it makes a longtime dream a reality: the ability to create an application that runs on both phones and browsers with just one codebase. The path we followed to arrive at this point is also really interesting: First, React appeared and changed the way we think about creating web apps Next, React
Tutorial: How to share code between iOS, Android & Web using React Native, react-native-web and monorepo
Tutorial: How to share code between iOS, Android & Web using React Native, react-native-web and monorepo Let's make our react-native app work in the browser, the right way. This tutorial was made for react-native <= 0.61. If you are using a newer version, I recommend that you fork this repository instead: brunolemos/react-native-web-monorepo, I am keeping it updated 🙌 Why am I writing this? Hi 👋
ExpoではじめるReact Native開発環境の構築
対象読者 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で利用でき
【ReactNative】Androidリリースをイチからメモ - メモメモメモ
流れ 鍵を生成・配置 gradle.propertiesにgradle変数を追加 build.gradleにsigningConfigsを追加 APKファイルを生成 APKファイルをplay storeへアップロード 1. 鍵を生成・配置 生成 keytool -genkey -v -keystore your_app_name.keystore -alias your_app_name -keyalg RSA -keysize 2048 -validity 10000 ※ your_app_nameの部分を適宜変更する 姓名・組織単位名・組織名・都市名・州名・国番号などを聞かれるので適宜答える。 あまり重要じゃなさそう。 ※国番号に関しては、日本の場合はJPとする。 配置 生成されたキー（your_app_name.keystore）をandroid/appへ配置。 2. gradle.
Expoがオープンソースになったり、TypeScriptになったり、よりよいAPIの提供だったり、カスタムネイティブコードだったりなどなどに対応するよ的なお話 ~ 適当な感じでプログラミングとか！
Expo for Professionals Coming to Expo: a new open-source repo, TypeScript, best-in-class APIs, custom native code, more platforms, and much more Expoが新しくブログ記事を公開したんだけど、オープンソース化したりTypeScript対応だったりとかv31でどういう感じにするかとか諸々指針を公開したっていう。 なので今日はそれをざっくりかいつまんだ翻訳的なお話をば。 ■はじめに Expo developers include a wide variety of people making apps with Expo in different ways. To learn more about the most popular apps made
The Definitive Guide to Redux Persist
Redux Persist takes your Redux state object and saves it to persisted storage. Then on app launch it retrieves this persisted state and saves it back to redux. Notes: This guide is for v5 of redux-persist, which was released in October 2017.Parts of this guide were merged into the official docs via this pull request, which I submitted. However, this guide is still your best source for gaining an u
Shipping React Native apps with Fastlane
Building native applications with React (JavaScript) is awesome ❤️. Until the time you have to release a new build, specially, if you are not an iOS or Android native developer. The process of shipping manually an application to the stores is a painful and time consuming experience, even though it's documented. That's when Fastlane comes to the rescue ⛑! In this post I'll explain how to automate t
[ReactNative][Appium]testIDの振られ方
ReactNativeだと、 testID としてiOSだとaccessibilityID、Androidだとview tagを使ってIDを埋め込むのですね。なので、ReactNativeのアプリに対してidで要素を検索したい場合はAndroidだと特に従来のAppiumやEspressoとは少し異なる。 Appiumだと、以下でview tagの取得をサポートするらしい。 https://github.com/appium/appium/issues/6025 これつくと、resource idが同じ要素も細かくidを振って操作することもできるようになるので、安定性向上に寄与しそうですね。 Does EarlGrey support finding react-native elements? https://github.com/google/EarlGrey/blob/master/
![[ReactNative][Appium]testIDの振られ方](https://cdn-ak-scissors.b.st-hatena.com/image/square/8d71ff5111e05619a10d29bb40d7aebaa75c8fbc/height=288;version=1;width=512/https%3A%2F%2Fs0.wp.com%2Fi%2Fblank.jpg)
ReactNativeでE2EテストをするDetoxをちょっとだけ触ってみた（iOS） - 個性は次々死んでいく
Detoxというライブラリを使ってE2Eテストを書いてみる github.com 前提 Mac brew xCode 8.2以上 node 7.2以上 準備 シミュレーターを動かすのに必要なのでインストールする $ brew tap facebook/fb $ export CODE_SIGNING_REQUIRED=NO && brew install fbsimctl $ brew tap wix/brew $ brew install --HEAD applesimutils $ npm install -g detox-cli テストしたいプロジェクトに導入する $ npm install detox mocha --save-dev 初期化コマンドを実行すと ./e2e フォルダが生成されます 続いてビルドコマンドで成功すれば準備完了 $ detox init $ detox b
React Native v0.57 Highlightsメモ（暫定版） - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? 次にリリースされるReact Native v0.57のリリースノートを読んでいたら、それなりに大きな変更が多かったので、心の準備をする意味で概要を感想文をメモしておきます。 Accessibility API Updates まずは比較的マイルドなものから。 スマートフォンを使うすべての人々が、よく見える目や、画面に触れる指、聞こえる耳を持っているわけではありません。AndroidやiOSには、そういった方々が情報を感じたり扱ったりできるように、アクセシビリティAPIと呼ばれるものを通じて通常のUIを拡張する手段が用意されています。画
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でオーバーレイなフッターを実装する - Qiita
こういうの作りたいよねというお話です。完全にスタイルのお話。 サンプルはGitHubに上げときました。Expo製です。 簡単では？ できちゃえば簡単なんですが、「とりあえず縦とか横に並べたらええんやろ！！！」というFlexbox脳のまま立ち向かうと死ぬので、ひとまず一例として置いとかせてください。 ３行で 説明面倒なのでコード読んでください。 フッターに position: "absolute" とheightとbottomを指定してあげればいけるよ https://github.com/Nkzn/RNFooterOverlaySample/blob/master/App.js#L69-L71 フッターの幅が1周目時点では確定しないので、１周目のrenderは諦めて、onLayoutが来てから 2周目のrenderで 正規の幅にしましょう ScrollViewにcontentContain
React Native for WebとExpoを組み合わせてピコピコさせてみたよ - Qiita
なかざんです。ウォーターセルという新潟の会社でアグリノートという農業向けアプリを作っています。 業務で使う構成のPoCとして、Webとモバイルネイティブの両方で動く、React Nativeのサンプルプロジェクトを作ってみたので、そこで得られた知見をご紹介します。 つくったもの 私たちが愛してやまないJetBrains製IDEのアイコンとボタンを並べて、ボタンを押すと製品ページに行けるアプリです。押したときにはピコッと鳴ります。 ソースコードはこちら。 https://github.com/Nkzn/react-native-multi-target-sample ネイティブ版はこんな感じです。 Webアプリ版はこんな感じ。 見てもらったほうが早い 今回は実物を触ってもらいやすい環境が作れたので、実際に触ってみたほうが雰囲気がつかみやすいと思います。 ネイティブ版 ネイティブ版はExpoで
Sentry で始める快適エラートラッキング on React Native
この記事は React Native Advent Calendar 2017 の 4 日目の記事です。 TL;DRエラートラッキングサービス Sentry の React Native における導入方法の紹介Sentry を使えば、 OS ・バージョン等どのような環境でどのような問題が起きたかがわかるようになるどのユーザがどのようなシチュエーションで問題に遭遇したかがわかるようになる基本的な使い方を紹介 エラートラッキングの必要性とその方法一切の問題無くアプリケーションが動作するのであればそれに越したことはありませんが、十分なテストを以てしても予期せぬ障害は起きるものですよね。 そういった問題は全て解決されるべきですが、そのためには以下が不可欠でしょう。 問題が発生したことに気付ける仕組み問題が発生する原因を（容易に）知ることが出来る仕組み文字通り解釈すれば前者をエラートラッキングと呼ぶ
The Shapes of React Native
Introduction After drawing a bit of inspiration from The Shapes of CSS I decided to see if I could remake some of these shapes with a subset of css. If you haven't been on css-tricks check them out, Chris Coyier is fantastic! Of course we have access to react-art here so drawing shapes is pretty simple but my goal is to see if I can just use normal Views and all of the styles I have at my exposure
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
https://jp.techcrunch.com/2019/04/15/2019-04-14-whither-native-app-developers/
React native image uri request with cookie - Stack Overflow
Creating an instance of URL like: `new URL('http://facebook.com')` throws an exception. · Issue #16434 · facebook/react-native
react-navigation について
