iOS NativeからReact Native に乗り換えた Shopify の話聞いてきた - tomoima525's blog
"最も使われているサービスのひとつを iOS Native から React Native に作り変えた" というアナウンスメントを出し話題となった Shopify で、まさにその内容を扱った React Native の meetup があり、参加してきたので内容と所感をまとめました。 React Native is the Future of Mobile at Shopify 発表内容 検証/導入フェーズ 技術スタック React Native がもたらした効果 途中でやめたこと 追加で登壇者に聞いたこと その他の発表 React Native for Web @twitter その他もろもろ React Native is the Future of Mobile at Shopify React Native で書き換えた話はしばらく前にアナウンスしていたのですが、Shopify
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 管理下のライブラリ
React Native + Expoでアプリ作ってみて、採用するならこんな感じの時かな〜という記事 - フロントエンドの地獄
どうも @nabettu です。 フロントエンドエンジニアとして、Webサイト作ったりスマートフォン向けのアプリを作ったりしています。 仕事でも個人としてもReact Native + Expo でアプリを作ってiOSとAndroidの両対応したりしてます。 たまに、新しく作るアプリや既存のアプリの方針転換の相談とかうけるんですが、とにかく 技術選定って難しい・・・ Swift/Kotlin使ってネイティブで作るのか、React NativeかCordovaか、はたまたFlutterか 考えること多いんですよね。適当に「Flutter流行ってるからFlutterでいんじゃね？」とか気軽に言えないじゃないですか。 前提として「iOSとAndroid両対応のアプリを出す」ってのは確実にあるとします。 そしてまず相談受けた時にこのあたりのことをざっくりヒヤリングしたり、一緒に考えたりします。 サ
「ネイティブアプリ開発者は絶滅危惧種なのか？」への感想文 - ナカザンドットネット
ポジション MSがRNめっちゃ使ってるという話について Brownfield事例は実質的にネイティブの事例 Skypeの事例ならどうなのか ネイティブアプリ開発者の仕事は減るのか まとめ みんなの反応 Xamarin勢の反応 Cordova勢の反応 iOSネイティブアプリ開発者の反応 jp.techcrunch.com こちらの記事への雑な感想です。感想は私の主観であり、ポジショントークであり、所属する組織の意見とは無関係であることを先に述べておきます。 また「ネイティブ」という言葉に「C/C++などから作られた機械語」という本来の意味に加えて、「プラットフォームの標準言語（WindowsのC#, AndroidのJava, iOSのObj-C）や標準開発ツールである」というニュアンスを含めることをご容赦ください。 ポジション こんな感じのポジションの人です。 中小企業向けにBtoBでアプ
AirbnbのReact Nativeからの撤退について
AirbnbのReact Nativeからの撤退について 【翻訳】React Native at Airbnb: The Technology 翻訳記事があったのをみつけた。 他にも翻訳記事があった全部で5パートらしい パート1 パート2 パート3 パート4 パート5 Google、Pixel 3シリーズが日本で発売されるかどうか Pixelが日本でも発売されたら私は多分今年はiPhoneではなくてAndroidを購入することになります。 ということになると、私にとってのベストなスマホの持ち方が iOS: iPhone8 Android: Pixel3 になりそうだと思う。 今のiOSがiPhone7なのですが、iPhone7が若干古くなってきたので買い替えたいと思っていたり。 そうなるとホームボタン+指紋認証の最後の救済処置として発売してくれたiPhone8しか選択肢がなくなる。 もうあ
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 っぽいタグを返すアレ) を使用し
同一ソースツリー上でReactNativeでWeb&iOS&Androidのハイブリッドアプリを開発するために使った3つのテクニック - Qiita
今回、弊社の開発・運営する日報共有アプリ「gamba!」をReact Nativeで全面的に作り直しました。 gamba!は約2年前に、ちょうど話題になりかけていたReact(0.14ベース)で全面的に作り直していたのですが、当時はReduxも生まれておらず、技術的にはまだまだ未成熟な状況でした。 この2年間のうちに、さまざまな問題を抱えることになりました。 コンポーネントの中にビューとロジックが混在 プログラムの見通しが非常に悪い ロジックのテストが十分にできない 現状のコードのままではこれ以上のサービスの改善は難しいと判断し、今回全面的に作り直すことになりました。 今回の開発では、このような目標を立てて開発を進めてきました。 ビューとロジックを完全に分離し(redux)、 ロジックについてはすべてテストコードを用意する(jest) ReactによるWebアプリと、React Nativ
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にも強い興味を持っています。 興味を持ったきっかけとしては、 ・
初心者の僕がReactNativeを触ってみて感じたこと - Qiita
どうもみなさん、初めまして。nomuraです。 最近、寒くなって来てお布団が恋しい季節になってきました。北陸は今年も雪たくさん降るかな〜 関東、関西でも今年は北陸並の降雪量なんだとか。 まぁ、嘘なんですけどね。実際は知りません。 みなさまお体には気をつけて日々をお過ごしください。 今回、KIT developer advent calender にて枠を予約しましたので 僕が超初心者ながら触ってみて大変だったことだったり勉強になった記事などをあげながら これから始めたいと思っている方達の手助けになるであろう記事を書いて行こうと思います。 初心者の僕がReactNativeを触ってみて感じたこと さて、本題ですが以下にこの記事を読むに際のバックボーン等を整理して行きます。 本記事の対象としている人物像 今からプログラミング始めてみたい 初心者だけどReactNative触り始めることを悩んで
ReactNative入門 | スペースマーケットブログ
こんにちは。最近引越し先が決まったほりです。 先日行われたReact・ReactNative入門者向けLTで登壇してきたので資料をブログで発信します。 現在スペースマーケットでは、新規アプリをReactNativeで開発しているので、そのプロジェクトで得た知見や感じたことをスライドにしました。 すでにバリバリReactNative開発されている方にはふーんという感じで、これからやる方には参考になってもらえればと思います。 アプリエンジニアがReactNativeに乗り換えたら 普段Androidのネイティブアプリを開発していますが、ReactNativeで開発してみてどうだったかという内容で発表しました。 どうしてReactNative 現在アプリエンジニアは iOS/Android 2人ずつで合わせて4人います。 みんなでReact開発できれば効率的に開発できるというのが採用理由の１つで
【随時更新】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
QuipperにおけるReact Native活用事例 - スタディサプリ Product Team Blog
この記事はReact Native Advent Calendar 2017の5日目の記事です。 こんにちは。モバイルエンジニアの@hotchemiです。 今回はQuipperにおけるReact Native活用事例に関して紹介したいと思います。 目次 導入の背景/効能 開発におけるメリット/デメリット リリースサイクル 技術スタック おわりに 導入の背景/効能 Quipperが開発しているスタディサプリでは合格特訓プランという現役大学生コーチによる学習伴走サービスを提供しており、コーチとユーザーのコミュニケーションをより円滑にする為にメッセージ機能をベースとした業務補助iOSアプリの開発を実施する事になりました。 最初のバージョンこそSwiftで開発を進めていたものの以下の組織的・技術的な課題に直面した為、React Nativeを用いた開発に方針転換し現在では運用が軌道に乗っています。
ReactNativeでの開発を通じて得た知見 - razokulover publog
前回はてぶのお気に入りフィードを読むHBFavというアプリのReactNative版RNHBFavというアプリを作っているという話を書いたが、とりあえずAppStoreへ申請するところまで終わった。 razokulover.hateblo.jp 申請がどのくらいで通るかはまだわからないが、たぶん1週間はかかる気がする。 少し時間が空きそうだし、ここらで今回ReactNativeで開発〜リリース申請する中で感じたことやこうした方が良かったみたいなものをメモしておこうと思う。 垂直分割/水平分割のディレクトリ構成 ディレクトリ構成はプロジェクトごとにみなそれぞれ自分なりの構成を持っているようだけど、例えばreduxを利用するアプリだと以下のような作りになると思う。 index.ios.js index.android.js src |__actions |__hoge.js |__reduce
CodeIQについてのお知らせ
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
CodeIQについてのお知らせ
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
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ではアプリ
2週間半のReact Nativeアプリ開発を振り返る - c-bata web
React Native+Expoではじめるスマホアプリ開発 ~JavaScriptによるアプリ構築の実際~ 作者: 松澤太郎出版社/メーカー: マイナビ出版発売日: 2018/08/29メディア: 単行本（ソフトカバー）この商品を含むブログを見る ここ2週間ちょっとReact NativeでiOSアプリ書いてました。 サーバサイドをメインでやってきた自分にとって面白い技術で、今後も趣味で使ってみたいなと思えているのでTipsや所感を残しておきます。 目次 選定理由 Tips エラーハンドリング・状態管理 入力欄をキーボードの出現に合わせて動かすアニメーション 今回使ったライブラリ react-native-focus-scroll react-navigation react-native-vector-icons react-native-camera react-native-vid
ザッカーバーグのハーバード卒業式スピーチが感動的だったのでアプリ作った。 - 変なサービスを作るのが好き
はじまり 5月下旬 英語が話せる友達と飲み会に行く途中こんな話になった。 「どうやったら英語話せるようになる？」 「Helloは聞き取れるでしょ？ でもちょっと難しい文になると途端に聞き取れなくなる」 「Helloと同じくらい自然に聞き取れる文を自分の中に増やすといいよ」 とても当たり前なことを言われたがその時、なるほど。と思った。 ハッピーアワーの時間は料金が半額なのでブリティッシュパブによく来る。 到着すると先に着いていた別の友だちが、外国の人と英語で談笑していた。 カッコイイなあと思った。 飲み会も中盤の時、彼がザッカーバーグの動画観た？面白かったよ。と話していた。 帰ってからツイッターを見てると、 ザッカーバーグのハーバード卒業式スピーチが感動的だったので日本語訳した。 の記事を見つけた。読んでいくうちに本人が喋ってる動画を見たくなりYoutubeを開いた。あんまり聞き取れなかった
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
地方IT企業の戦略を広げる 技術選択としてのReact Native / react native for local
クロスプラットフォーム開発3種の神器 React Native / TypeScript / GraphQL
