React Native の iOS のリリースビルドで console.log を出力する - QiitaDeleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?
React Native (0.56.0) を Windows でビルドするとエラーが発生する - Qiita
※ 2018/08/08 現在の情報です。 今更かもしれませんが、自分用にメモ 初投稿です。文章の不備はお許しください。 使用している端末 Essential Phone (PH-1) Android バージョンは 8.1 ( 今は、Android 9 Pie にバージョンアップをしてしまいましたが… ) React Native のバージョン 0.56.0 自分の環境で、react-native init <ProjectName> を行ったあと react-native run-android を行うとエラーが発生する問題がありました。 やったこと 以前のバージョンを指定してプロジェクトを作成します。 react-native init <ProjectName> --version 0.55.4 原因を調べたら、windows (10のみ？) の環境で起こるエラーみたいですね。 とり
windowsにreact-native環境を構築する - Qiita
windowsにreact-native環境を構築する はじめに react-native環境をwindows上に構築したのですが、ちょっと手こずったところを備忘録的に書きたいと思います。 node.jsをwindowsにインストール 下記の記事がすごくわかりやすかったです。 Node.js / npmをインストールする（for Windows） https://qiita.com/taiponrock/items/9001ae194571feb63a5e react-native-windowsのインストール node.js command promptを開いて、以下のページを参考にコマンドを入力していきます。 https://github.com/Microsoft/react-native-windows/blob/HEAD/docs/GettingStarted.md npm in
react-native-qrcode-scannerのAndroidで詰まった話 - Qiita
FAILURE: Build failed with an exception. * Where: Build file '/YOUR_WORKING_FOLDER/react-native-apps/react-native-qrcode-scanner-test/node_modules/react-native-camera/android/build.gradle' line: 8 * What went wrong: A problem occurred evaluating project ':react-native-camera'. > Could not find method google() for arguments [] on repository container of type org.gradle.api.internal.artifacts.dsl.De
react-native-dom の何がすごいのか - 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-dom とは experimental と書いてあるが普通に動く。デモを見ると React Native で提供されている仮想 DOM は大体動くといった感じ。 2018 年の React Europe で発表された資料。 https://rndom-slides.vincentriemer.app/ https://www.youtube.com/watch?v=aOWIJ4Mgb2k これの何がすごいかというとブリッジの仕組みにのっとって構築されているところだ。 Native First と言っている。 ブ
React Nativeのデバッグ方法 - Qiita
ドキュメントを探しても見つからず、ググったらStack OverFlowにありました。 http://stackoverflow.com/questions/29289304/how-do-you-debug-react-native Cmd+D from within the Simulator. It'll popup Chrome and from there you can use the Developer Tools. こんなのどこに書いてあるんでしょうね。 ということでシミュレーター上でCmd+Dを叩いてみます。 すると、chromeでこんな画面が立ち上がります。 メッセージの通りChromeのDeveloper Toolsを起動します。 index.ios.jsというファイルを開くとソースの中身が見れます。 任意の場所にブレークポイントを置いてアプリをCmd+Rでリロードし
やってみようReact Native！ By Globis - Qiita
やってみようReact Native！ 第1部:React Nativeとは何か フレームワークです!! メリット React Native = フレームワーク １つのコードベースでAndroidをiOSのネイティブアプリ開発を行える、Reactをもとにしたフレームワーク。 Reactの思想を受け継ぐ 「Learn once, write anywhere」一度覚えたら何にでも書ける。 仮装DOMを用いれば大抵のUIを表現できる。 Reactではブラウザがレンダラ、React NativeではネイティブUIがレンダラ。 Reactを学んだことをReact Nativeに応用することができる。 効率の良い学習ができる React Nativeではネイティブ側への変更が加わらない場合はネイティブのコンパイルはされない。 ソースコードを書いてから実行されるまでの時間が短い。 ECMAScript
React Native でアプリ開発！初心者のための実装 Tips - Qiita
エイチームライフスタイルアドベントカレンダー2017、3日目です。 本日は株式会社エイチームライフスタイルの、エンジニア兼ソース顔担当の @maa0984 がお送りします。 入社間もない頃に先輩社員から「顔がアルパカに似てる」と言われて以来、トレードマークにしています。 最近英語を勉強しようと、英語のフレーズをリスト化して表示するアプリを作りました。 せっかくなので、興味がありつつも手を出せていなかった React Native に挑戦しました。 初めて使用するため手探り状態でしたが、その中で『やりたかったこと』と『それを実現させた方法』をいくつかピックアップしてお伝えします。 React Native でアプリ作りを始めてみようとしている方に、何かの参考になれば幸いです。 対象バージョン react-native: 0.49.3 react-native-swipeout: ^2.2.2
React NativeでiOS, Androidのストア公開のTips - Qiita
最初に 忘れてはいけない、でも目を背けがちなストア公開を記事にします。 私の場合ですが、web案件がメインだったため、社内に詳しい人物がおらず調べながらストア公開をしました。 また、ReactNativeをやるということは、何かしらWeb開発の経験がある人が多そう。共通課題と思っています。 私の場合、 RNで知見が少ない そもそもWeb開発がメインだからストア公開とかヤベェ。 iOSはやったことあるけど、Android知らねえや(一方のみ) などで、事前に時間がかかるだろうと、2週間程度余裕を見まして、開発と並行してリリース準備を進めました。 Tipsとして残したいと思います。 尚、記憶を頼りにソースを見て書いてます。間違い&指摘があればすみません。すぐに直します。 今回は以下を前提としています。 開発環境 Mac OS X El Capitan React Native ver 0.28
Xamarin と React Native と Flutter の違いを正しく理解しよう - Qiita
概ね、デスクトップアプリに対応するか、Webアプリに対応するかで選択肢が大きく変わります。 開発者に提供される API X-Plat Tool が開発者にどんな「API セット」を提供するかを比べてみましょう。 ここでは２つに分類してみます。 A. 開発者は、X-Plat Tool の 独自API を利用する この方式の X-Plat Tool は、それ専用のAPIセットを開発者に提供します。 例えば Flutter では Stack というレイアウトクラスを提供しますが、これは Android の FrameLayout に近いものと考えられます。 あるいは JSX や XAML などの DSL(Domain Specific Language) を使用する場合もあります。React Native では画面のデザインは JSX(return で HTML っぽいタグを返すアレ) を使用し
React Native Firebaseについて #firebase #fjug - Qiita
今年の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
React Nativeとは何なのか - 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について書いていきたいと思います。 React Nativeとは何か？ ReactはFacebookが開発したJavaScriptのフレームワークであり、React Nativeはそれをモバイルで使えるようにしたものである。 React Nativeを使用することでネイティブに描画されるiOSとAndroidのアプリを作ることができる。１つのコードで、両方のプラットフォームで動くものが作れる。さらに、JavaやObjective-Cのライブラリを自分で書いてReact Native自体を拡張することもでき
SwiftエンジニアがReact Nativeでアプリを作って感じたこと - Qiita
これはFOLIO Advent Calendar23日目の記事です。 昨日は3tty0nさんによる、「Tracing the Meta-levelとは？PyPyのJITコンパイラについて」でした。 テーマ投資サービスを運営する株式会社FOLIOでiOSエンジニアを担当している近藤です。 とても優秀な人たちばかりで、毎日充実した開発生活を送らせていただいています。 FOLIOのiPhoneアプリのアーキテクチャに関しては、杉上さんのRedux+Rxを活用したiOSアプリアーキテクチャが参考になります。アプリはRxやReduxを使ったネイティブで現在開発中です。 【SwiftエンジニアがReact Nativeでアプリを作って感じたこと】 上に書いた通り普段の業務ではSwiftを書いているのですが、一方でReact Nativeにも強い興味を持っています。 興味を持ったきっかけとしては、 ・
React Native - Qiita Advent Calendar 2017 - Qiita
About reserved postingIf you register a secret article by the day before the same day, it will be automatically published around 7:00 on the same day. About posting periodOnly articles submitted after November 1 of the year can be registered. (Secret articles can be registered anytime articles are posted.)
【随時更新】2018年にReact Nativeを始める人におすすめ26選 - Qiita
ちょうど1年くらいにReact Nativeでちょっとしたアプリを作っていたのですが、最近はめっきり離れてしまっていました。Reactもv16になり、少し開発環境も変化しているかなと思っていたら・・・結構変わっていました。 React Native Showcaseを見ると、FacebookやInstagramはもとよりAirbnb, Skype, Tesla, Walmart, Wix, UberEATSなど日本でも有名な企業やサービスの採用が目立っています。 showcase 今回は良く使いそうなツール・コンポーネント・サービスを集めてみました。 随時更新もしていきたいと思います！ 1. Expo https://expo.io/ ExpoはReact Nativeの開発をサポートするツールです。 主に以下を提供してくれています。 Expo XDE、Expo exp Expo Modu
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
react-nativeでreact-native-config`を使用するための設定 - Qiita
【エラー解決】React NaitveでシミュレーターがCommand+Rで起動しない件を解決 - Qiita
[React Native]VSCodeでPrettierを入れる - Qiita![[React Native]VSCodeでPrettierを入れる - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/fed44c210bbb9772c4cd5ae7cb399058ae4d82dc/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fqiita-user-contents.imgix.net%252Fhttps%25253A%25252F%25252Fcdn.qiita.com%25252Fassets%25252Fpublic%25252Farticle-ogp-background-afbab5eb44e0b055cce1258705637a91.png%253Fixlib%253Drb-4.0.0%2526w%253D1200%2526blend64%253DaHR0cHM6Ly9xaWl0YS11c2VyLXByb2ZpbGUtaW1hZ2VzLmltZ2l4Lm5ldC9odHRwcyUzQSUyRiUyRnFpaXRhLWltYWdlLXN0b3JlLnMzLmFtYXpvbmF3cy5jb20lMkYwJTJGMTc1MjEzJTJGcHJvZmlsZS1pbWFnZXMlMkYxNDkxODI1ODgxP2l4bGliPXJiLTQuMC4wJmFyPTElM0ExJmZpdD1jcm9wJm1hc2s9ZWxsaXBzZSZiZz1GRkZGRkYmZm09cG5nMzImcz1hZWVjYmQ0MWVhYzAzNmFlYWJkMjgzZWM1ZmFjYjdlNQ%2526blend-x%253D120%2526blend-y%253D467%2526blend-w%253D82%2526blend-h%253D82%2526blend-mode%253Dnormal%2526s%253Da734a87ad3a3976afd9c21e42fad0b0b%3Fixlib%3Drb-4.0.0%26w%3D1200%26fm%3Djpg%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk2MCZoPTMyNCZ0eHQ9JTVCUmVhY3QlMjBOYXRpdmUlNURWU0NvZGUlRTMlODElQTdQcmV0dGllciVFMyU4MiU5MiVFNSU4NSVBNSVFMyU4MiU4QyVFMyU4MiU4QiZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZ0eHQtY29sb3I9JTIzMUUyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTU2JnR4dC1wYWQ9MCZzPTFhZmEyNTlkNDk2Y2RjYjllMTJiNDIyZGI2M2VlMTM3%26mark-x%3D120%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTgzOCZoPTU4JnR4dD0lNDBvemFraTI1JnR4dC1jb2xvcj0lMjMxRTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9MzYmdHh0LXBhZD0wJnM9YmUzN2UyNzAzYjZmMjUyNWFkMGE3ZGE1Y2EwNmVmZDc%26blend-x%3D242%26blend-y%3D480%26blend-w%3D838%26blend-h%3D46%26blend-fit%3Dcrop%26blend-crop%3Dleft%252Cbottom%26blend-mode%3Dnormal%26s%3D9f74b6836142bd94fd68305270fa9686)
react-native-router-flux v4 の実装7パターンをコードとGIFで眺める - Qiita
react native v0.49で無効になったdynamic importについて - Qiita
