React Native Meetup #6での発表資料です
本日のFacebook React.jsカンファレンスにおいて、React Native向けのRealmデータベースを新たに公開いたしました。使いやすいAPIによるオブジェクトの永続化とフル機能のクエリを、他のライブラリに対して2倍から10倍の速度で提供します。 他の言語向けのRealmと同様、使いごこちの良いアプリケーションの開発を可能にするためReact Native向けに設計されたもので、 ライブオブジェクト 、 変更通知イベント 、 一方向のデータフロー をサポートします。 React Native版のコードは以下のようになります。 const Realm = require ( 'realm' ); class Person {} Person . schema = { name : 'Person' , primaryKey : 'name' , properties : {
こんにちは。最近引越し先が決まったほりです。 先日行われたReact・ReactNative入門者向けLTで登壇してきたので資料をブログで発信します。 現在スペースマーケットでは、新規アプリをReactNativeで開発しているので、そのプロジェクトで得た知見や感じたことをスライドにしました。 すでにバリバリReactNative開発されている方にはふーんという感じで、これからやる方には参考になってもらえればと思います。 アプリエンジニアがReactNativeに乗り換えたら 普段Androidのネイティブアプリを開発していますが、ReactNativeで開発してみてどうだったかという内容で発表しました。 どうしてReactNative 現在アプリエンジニアは iOS/Android 2人ずつで合わせて4人います。 みんなでReact開発できれば効率的に開発できるというのが採用理由の1つで
React Nativeの対応が追いついてないNative機能を使うには、自分でブリッジを実装する必要がある。 ただ公式のDocsはほぼObj-Cのことしか書いてなくて、Swiftでもできるよ!って一言くらいしかない。 もちろん調べてもろくな例が出てこない! かといってObj-CよりSwiftの方が親しみやすい気がするなーということで・・・、四苦八苦しながらやり遂げたことをメモ。 アプリエンジニアではないので、非効率なコードや勘違いしてることを書いてる可能性もありです! 必要なファイル いちおうドキュメントはコレ。 Native Modules 基本的な流れはココに書いてあるけど、Swift版の端折られ感よ! 要約すると、 `XXX.swift`で実装する `XXX.m`でエクスポートする それらを認識させる`MyProject-Bridging-Header.h`を用意する この3つが必
<Layout config={{useWebDefaults: false}}> <Node style={{width: 250, height: 475, padding: 10}}> <Node style={{flex: 1, rowGap: 10}}> <Node style={{height: 60}} /> <Node style={{flex: 1, marginInline: 10}} /> <Node style={{flex: 2, marginInline: 10}} /> <Node style={{ position: "absolute", width: "100%", bottom: 0, height: 64, flexDirection: "row", alignItems: "center", justifyContent: "space-aroun
Qiita初投稿です。 記事に起こしてみると思ったより書きたい事が多かったので何回かに分けて投稿します。 初めまして、普段はReactでフロントエンド寄りのWeb屋さんをしています。 最近までスマホアプリ経験の開発はありませんでしたが、React Nativeならできそうだと感じ学習中です。 前置き FacebookとExpoが共同で開発したcreate-react-native-appというツールが超便利です。 スマホアプリの開発経験が無かった私でも簡単に実機上で世界に挨拶できました。 新しい技術を学習する際の敵は兎にも角にも環境構築だと思いますので、(最終的に必要になるとはいえ)そこをスキップ出来るのは初学者には大変有難い事です。 しかし、チュートリアルを終えた後、本格的な開発に移行するのは簡単な事ではないです。 create-react-appにも同じ事が言えますが、チュートリアル用
React Native v0.66.x released v0.66.x on GitHub (npm) Release blog post Changelog v0.66.1 Fixed For Android, general fixes to Appearance API and also fixes AppCompatDelegate.setDefaultNightMode(). For iOS, now works correctly when setting window.ov … Read more v0.65.x on GitHub (npm) Release blog post Changelog v0.65.0 Highlights Hermes 0.8.1. Please see the highlighted changes from its 0.8.0 and
この記事は React Native アドベントカレンダーの 3 日目の記事です。 どうも、Naturalclar(@natural_clar) です。 普段の業務では、Expo ではなく react-native init で作成された、いわゆる素の React Native で開発しています。 先日のハムカツさんの記事が今年の Expo に対する振り返りをやっていたので。 自分の方は素の React Native についての2019年の振り返りと、React Native の未来について語ろうと思います。 2019/01 1/25 React Native v0.58 リリース v0.58 が今年最初のReact Native のリリースとなりました。 この辺から React Native でも TypeScript のサポートが増えてきた感触です。 今年は日本で TypeScript
最初に タイトルは釣りです。いや、釣りでもないかw アプリ開発はReact Nativeを使ってます。 React.jsの手馴染みが良く、 "learn once, write anywhere"をうたっているReact。 延長線でかけるReact Nativeはかなり良いです。 Coiney(窓口)さんの様に、プロダクトに導入されている事例もちらほら出てきてます。 また、Facebookは初期から、React Nativeを使った Facebook Groups、Facebook Ads Managerを開発しており、開発言語だけにとどまらず、プロダクトでもリードをしてくれています。 でもやっぱり不安。。。 しかし、ただ。ただ。。。やっぱり不安がありました。それは。。。 本命のFacebook AppがReact Nativeではないこと!! Facebook appはおそらく世界中で一
(本ブログポストは React Native Advent Calendar 2018 の4日目の記事になります。) 弊社ではmaricuruという花嫁さん向けのコミュニティアプリをReact Native + Expoな環境で開発しています。 昨年の12/20にβリリースとしてiOSストア公開したので、もうすぐ1周年ということになります。 1年前はmaricuruというものがこの世に存在しないところから、この1年で多くの花嫁さんに利用いただき、また投資家からもmaricuruを評価いただき春には資金調達に成功しました。 現在は、社名も株式会社maricuruに変更しオフィスも移転するなど、1年前には想像できなかったほどの変化がありました。 そんなmaricuruアプリはReact Native + Expoで開発しており、基本的には React Nativeはいいぞ、Expoはいいぞ と
@Nkznさんをゲストに迎えて、AirbnbのReactNativeサンセット、ハイブリッドReactNativeの難しさ、AndroidとiOSどちらに向いているか、UIコンポーネントの実装などについて話しました。 podcast feedを購読するか、DLしてお楽しみ下さい。 Show Notes:Sunsetting React Native – Airbnb Engineering & Data Sciencereact-native-jp/react-native-at-airbnb-jp-translation129: Sunsetting ReactNative at Airbnb with Gabriel Peal – Part 1 – Fragmented130: Sunsetting ReactNative at Airbnb with Gabriel Peal – P
If you’re new to React, you can read more about it on the React website. You can also get started with React Native for iOS, which was released at F8 2015 on the React Native website. It started with React We introduced React to the world two years ago, and since then it’s seen impressive growth, both inside and outside of Facebook. Today, even though no one is forced to use it, new web projects a
Today, we’re happy and excited to announce the release of Expo Snack. You can try it right now by going to https://snack.expo.io/ on your computer’s web browser. I’ve been always excited about tools like Codepen and JSFiddle. They are awesome, because if I want to try out something small quickly, I don’t have to setup a new project which can take quite some time. And not to mention, they make shar
結論から言うと以下のエントリを参考に import 'babel-polyfill'; したらできた。 scrapbox.io 追記 yarn add babel-polyfill して埋め込んでいたが、その後 yarn start が遅くなったような気がしたので、CDNからの読み込みに修正した。 <script src="https://cdnjs.cloudflare.com/ajax/libs/babel-polyfill/7.2.5/polyfill.min.js"></script> 経緯 先日作ったPWAである BlogFeedback をGoogleにインデックスして欲しかった 一応トップページのtitleとdescriptionは登録されている しかしbodyはインデックスされていない create-react-app でSPAを作っただけは普通こうなると思われる 大半のペ
みんな大好き恒例のアップグレードをしたので、その時にハマった事のメモ 今回は v0.52.2 から v0.56.0 にアップグレードした 前回のアップグレードよりは楽だったけど、本体のバグらしき罠にだいぶはめられた ちなみに前回と同じく $ react-native-git-upgrade は使わずに $ react-native init myApp で新たに作成したフォルダに自力で差分をみてマージをしてる なんだかんだこの方法が一番キレイに出来る 差分の確認 念の為、今回のアップデートの差分を目視確認しておく 自分の環境に合わせて差分が見れるので、それを適用すればOK Comparing rn-0.52.2...rn-0.56.0 · ncuillery/rn-diff · GitHub Androidの compileSdkVersion などが上がった対応 おそらくこれが今回の一番
2018年4月25日をもちまして、 『CodeIQ』のプログラミング腕試しサービス、年収確約スカウトサービスは、 ITエンジニアのための年収確約スカウトサービス『moffers by CodeIQ』https://moffers.jp/ へ一本化いたしました。 これまで多くのITエンジニアの方に『CodeIQ』をご利用いただきまして、 改めて心より深く御礼申し上げます。 また、エンジニアのためのWebマガジン「CodeIQ MAGAZINE」は、 リクナビNEXTジャーナル( https://next.rikunabi.com/journal/ )に一部の記事の移行を予定しております。 今後は『moffers by CodeIQ』にて、 ITエンジニアの皆様のより良い転職をサポートするために、より一層努めてまいりますので、 引き続きご愛顧のほど何卒よろしくお願い申し上げます。 また、Cod
In this React Native tutorial you’ll learn how to build native apps based on the hugely popular React JavaScript library. What makes React Native different from other frameworks such as PhoneGap (Apache Cordova) or Appcelerator Titanium, that use JavaScript to create iOS apps? (Unlike PhoneGap) with React Native your code may be written in JavaScript but the app’s UI is fully native. It doesn’t ha
概要 Swiftで遊ぼうと思い、最近のアプリエンジニアはどうやって開発してるのかなーと調べたら、どうもReact Nativeがちょいちょいでてくる。 React Nativeのチームは、React Nativeの採用理由について、ビルド時間の短縮やデバッグツールによる開発の効率化のためとも述べている Facebookは全てのアプリにReact Nativeを採用すると言い切っている Airbnb、Microsoftなどが積極的に開発にコミットしている ネイティブでバリバリやってたiOS developerも、開発効率の良さからReact Nativeに乗り換え始めている 昔見たときと印象が変わっているように感じたので、React Nativeのプロジェクト構成を考えるためのシード一覧をこちらにまとめてみた。 一覧 Ignite ★3281 The unfair starting CLI,
You’re seeing information for Japan . To see local features and services for another location, select a different city. Show more With UberEATS, our aim is to make ordering food from your favorite restaurants as seamless as requesting a ride with uberX or uberPOOL. Like launching any new product, building out a food delivery network came with its fair share of engineering triumphs and surprises. A
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました React NativeはJavaScript/Reactを使ってiOS(最近ではAndroidにも対応)アプリが書ける技術です。かつてのTitaniumを彷彿とさせますが、特に大きな違いとしてサーバを立てることでコンパイルレスな開発が可能なこと、Google Chromeを使ったデバッグが可能という点があります。 そんなReact NativeアプリをWeb上でコードを書いて動作させて確かめられるのがReact Native Playgroundです。これからReact Nativeを体感したいという方はぜひ使ってみてください。 React Native Playgroundの使い方 サイトのトップには数多くのデモが並んでいます。 こちらが詳細画面。コードと右側にプレビューがあり
はじめに 最近はアプリ開発にReact Native(以下RN)を使用するケースも増えてきているようですが、RNはネイティブアプリを開発する最強のライブラリというわけではありません。 メリットをうまく利用すればとても良いアプリができると思いますが、失敗すると、さらに倍の時間をかけてSwift、Javaで作りなおし、、、といったことも発生するかもしれません。 特徴や他社事例をよく調査し、チームの状況に応じて、採用するかどうか判断することがとても大事です。 この記事では、どういった状況に置かれたチームが、RNで開発するのに適しているか、僕なりの考えを書きますので、参考にしていただければと思います。 RNがどういったものであるかの説明や、実装方法については書きません。 目次 はじめに 目次 1. なるべく早くリリースしたいチーム 2. iOS/Androidで仕様・見た目を揃えたいチーム 3.
その2【React Native入門】Java Scriptでアプリ作ろう【Reactやったことない人向け】2 はじめに 後輩がReact Nativeの入門記事ないかって調べてたら僕の記事を見つけたらしい・・・。 ということで調べてみると僕がReact Nativeはじめたての頃の記事が出てきた! 僕がちゃんとこの業界に入りだしたのもこのぐらいで、このころはQiitaすらやってなくてQiitaの発音もわからないほどだった。なのでQiitaというよくわかんないけど検索すると出てくるいろいろと記事の書いてあるサイトという認識でしかなかったと思われる。ゆえにサクラドメインでブログを作ったのだと思う。このころはgitの使い方すらわからなかった・・・・。 せっかくなのでこのサイトに書いてあることを掘り起こしつつ最近の書き方を踏襲しつつ、当時の僕でもわかるようにTodoアプリぐらいは作れるようになる
React Native allows you to build iOS and Android apps in JavaScript using React and Relay‘s declarative programming model. This leads to more concise, easier-to-understand code; fast iteration without a compile cycle; and easy sharing of code across multiple platforms. You can ship faster and focus on details that really matter, making your app look and feel fantastic. Optimizing performance is a
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く