Design and Strategy: How to Deal with People Who Don’t "Get" Design
Design and Strategy: How to Deal with People Who Don’t "Get" Design
Byju’s CFO Ajay Goel, who joined the edtech giant in April this year, has already resigned, the two said Tuesday, in the latest setback for the startup that is grappling with scores of challenge Roblox China was once full of promise. Since its localized platform, which is a joint effort with Tencent, abruptly halted operation nearly two years ago, the company has been quiet about its standing
The state of React Native for Web April 10, 2019 7 min read 1999 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
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 👋
対象読者 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で利用でき
流れ 鍵を生成・配置 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 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
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
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だと、 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/
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のリリースノートを読んでいたら、それなりに大きな変更が多かったので、心の準備をする意味で概要を感想文をメモしておきます。 Accessibility API Updates まずは比較的マイルドなものから。 スマートフォンを使うすべての人々が、よく見える目や、画面に触れる指、聞こえる耳を持っているわけではありません。AndroidやiOSには、そういった方々が情報を感じたり扱ったりできるように、アクセシビリティAPIと呼ばれるものを通じて通常のUIを拡張する手段が用意されています。画像のメタデータとしてテキストを定義しておいて、スマートフォンの音声読み上げ機能の対象にする、などの機能があります。 以前からRNにもアクセシビリティAPIへのアクセス方法は存在していましたが、今回v0.57で入るのはその改善です。RN公式ブログでその詳細が紹
こんにちは、モバイルチームの中川[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 今回の業務提携により、共同でシステム開発を行っていくことになりました。
こういうの作りたいよねというお話です。完全にスタイルのお話。 サンプルはGitHubに上げときました。Expo製です。 簡単では? できちゃえば簡単なんですが、「とりあえず縦とか横に並べたらええんやろ!!!」というFlexbox脳のまま立ち向かうと死ぬので、ひとまず一例として置いとかせてください。 3行で 説明面倒なのでコード読んでください。 フッターに position: "absolute" とheightとbottomを指定してあげればいけるよ https://github.com/Nkzn/RNFooterOverlaySample/blob/master/App.js#L69-L71 フッターの幅が1周目時点では確定しないので、1周目のrenderは諦めて、onLayoutが来てから 2周目のrenderで 正規の幅にしましょう ScrollViewにcontentContain
なかざんです。ウォーターセルという新潟の会社でアグリノートという農業向けアプリを作っています。 業務で使う構成のPoCとして、Webとモバイルネイティブの両方で動く、React Nativeのサンプルプロジェクトを作ってみたので、そこで得られた知見をご紹介します。 つくったもの 私たちが愛してやまないJetBrains製IDEのアイコンとボタンを並べて、ボタンを押すと製品ページに行けるアプリです。押したときにはピコッと鳴ります。 ソースコードはこちら。 https://github.com/Nkzn/react-native-multi-target-sample ネイティブ版はこんな感じです。 Webアプリ版はこんな感じ。 見てもらったほうが早い 今回は実物を触ってもらいやすい環境が作れたので、実際に触ってみたほうが雰囲気がつかみやすいと思います。 ネイティブ版 ネイティブ版はExpoで
この記事は React Native Advent Calendar 2017 の 4 日目の記事です。 TL;DRエラートラッキングサービス Sentry の React Native における導入方法の紹介Sentry を使えば、 OS ・バージョン等どのような環境でどのような問題が起きたかがわかるようになるどのユーザがどのようなシチュエーションで問題に遭遇したかがわかるようになる基本的な使い方を紹介 エラートラッキングの必要性とその方法一切の問題無くアプリケーションが動作するのであればそれに越したことはありませんが、十分なテストを以てしても予期せぬ障害は起きるものですよね。 そういった問題は全て解決されるべきですが、そのためには以下が不可欠でしょう。 問題が発生したことに気付ける仕組み問題が発生する原因を(容易に)知ることが出来る仕組み文字通り解釈すれば前者をエラートラッキングと呼ぶ
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community. Pick a username Email Address Password Sign up for GitHub By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails. Already on GitHub? Sign in to your account
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ページを開く