並び順

ブックマーク数

期間指定

  • から
  • まで

1 - 40 件 / 77件

新着順 人気順

"React Native"の検索結果1 - 40 件 / 77件

  • First-class Support for TypeScript · React Native

    With the release of 0.71, React Native is investing in the TypeScript experience with the following changes: New app template is TypeScript by defaultTypeScript declarations shipped with React NativeReact Native documentation is TypeScript FirstIn this post we’ll cover what these changes mean for you as a TypeScript or Flow user. New App Template is TypeScript By Default​Starting with 0.71, when y

      First-class Support for TypeScript · React Native
    • サーバサイド ( をメインでやっていた ) エンジニアが React Native と Expo でモバイル開発に入門した話 - カミナシ エンジニアブログ

      こんにちは!カミナシでソフトウェアエンジニアをやっているくらさわです! 今回は元々、サーバサイドをメインに開発していた私が、カミナシでモバイルアプリの開発に取り組んでみた話を書きたいと思います! カミナシのチームについて React Native について Expo について 超入門 やってみた感想 終わりに カミナシのチームについて カミナシのプロダクト開発では「単一のチームで顧客への価値提供が可能な体制をとる」という思想のもと、フロントエンド、バックエンド、インフラストラクチャーなどの技術的スタックでチームを分けることはしておりません。 参考記事: type.jp そのため、各個人では得意、不得意はありつつも、チームとしては全ての領域を担当しています。 フロントもサーバもインフラも手を出したいタイプの人にとってはめっちゃいい環境だと思います!おすすめです! そんな環境なので、私もずっと

        サーバサイド ( をメインでやっていた ) エンジニアが React Native と Expo でモバイル開発に入門した話 - カミナシ エンジニアブログ
      • 個人開発してるサービスをExpressからNext.jsにしたり、BusBoyを使った話しなど - maru source

        2017年から個人で開発しているTrickleというサービスがある。最近、これのバックエンド構成を変えたり、新機能追加などをした。技術的に目新しいものや凄いものはないけど、頑張ったのでその時の話を残しておく。 バックエンド Express → Next.js Multer → BusBoy Web版 GAE → Cloud Run クライアントアプリ React Nativeのアップグレード react-native-image-crop-picker → react-native-image-picker ソーシャルログイン アイコン変更 バックエンド Express → Next.js これまではExpressでモバイルアプリ向けのWeb APIを作っていたが、今回Web版も作るにあたり、Next.jsに移行した。 まずはこれまでのモバイルアプリ向けAPIをNext.jsのAPI Ro

          個人開発してるサービスをExpressからNext.jsにしたり、BusBoyを使った話しなど - maru source
        • SWC plugin を作成して Next.js に導入してみた

          Next.js の v12.2.0 では、SWC plugin がサポートがされました 🎉 元々 Babel plugin や ESLint plugin などを作るのが好きで、これを機に SWC plugin を作成して Next.js に適用してみたので、それについて記事を残そうと思います。 作成する SWC plugin 今回は、babel-plugin-react-native-web を SWC plugin に置き換えて、Next.js の React Native for Web 用の公式サンプルを動かせるようにすることを目標にしました。babel-plugin-react-native-web は、次のような import/export 文の変換を行うプラグインです。 + import ReactNative from "react-native"; // 変換前 - i

            SWC plugin を作成して Next.js に導入してみた
          • 【夫婦で開発】1年かけて1週間を振り返えるアプリを本気で開発してみた

            1年と2ヶ月かけて開発していたアプリがリリースできたので記事にしました。 詳しい開発のログは以下のスクラップにまとめています 👌 リリースしたアプリ ダウンロードはこちら。 ■ iOS ■ Android LPサイト アプリを開発したきっかけ 以前から週1で家族の振り返りの時間を設けていて、今週あった出来事を互いに共有して議事録に残すことを習慣にしていました。 ただ、上記の運用をしている間に以下のような問題があることに気づきました。 振り返りの際に、今週の出来事を思い出せない まとまった期間の振り返りたいときに、テキスト情報のみだとピックアップしづらい 良かった出来事のみピックアップしたい 振り返りを開催する時間が毎回ズレる 日付を忘れてスキップしてしまう そこで、上記を改善するためアプリを家族で開発しようという話になりました。 どんなアプリ? memoirは1週間を振り替えるアプリとし

              【夫婦で開発】1年かけて1週間を振り返えるアプリを本気で開発してみた
            • Tamagui — React Native + Web UI kit

              Core Style React with no outside deps and 100% feature support across web and React Native. Adds many missing features to the RN Style API in ~24Kb. Static A smart optimizer that does partial analysis, extracts CSS, flattens your tree, and removes code. Supports Next, Webpack, Vite, Babel and Metro. Tamagui All the components you'd want, cross platform and adaptable to each other. Composable Compo

                Tamagui — React Native + Web UI kit
              • Web オンリーのプロダクトでも React Native for Web は輝く/react-native-web

                React Native Matsuri 2021 で登壇した資料です https://reactnative-matsuri.com/ja

                  Web オンリーのプロダクトでも React Native for Web は輝く/react-native-web
                • 「スタディサプリ」が React Native から卒業するまで、あるいは技術的負債への感謝と敬意 - スタディサプリ Product Team Blog

                  こんにちは、Quipper iOS エンジニアの @manicmaniac です。 現在スタディサプリ iOS アプリ開発チームのエンジニアリングマネージャをしています。 今回はスタディサプリで長らく使われていた React Native のコードを Swift に書き換えた話をします。 実は React Native から Swift への置き換え自体は半年ほど前に完了していたのですが、ブログに記すのに時間がかかってしまいました。 スタディサプリにおける React Native の利用 Quipper では 2017年ごろから React Native を iOS / Android アプリ開発に利用し始め、スタディサプリでは 2018年3月ごろから徐々に React Native を iOS アプリケーション開発に導入していました。 iOS 版スタディサプリの、git から取り出した

                    「スタディサプリ」が React Native から卒業するまで、あるいは技術的負債への感謝と敬意 - スタディサプリ Product Team Blog
                  • Why we decided to rewrite our iOS & Android apps from scratch — in React Native

                    Our project name for the RN app rewrite, DenaliBackgroundHi, I am Naoya, a Senior Engineering Manager at Mercari. Along with my small but mighty team of frontend developers, I am responsible for delivering the Mercari app experience to our customers. Today, I’m here to explain why we’ve made the ambitious decision to completely rewrite our apps using React Native. Growth drives changeCurrently, we

                      Why we decided to rewrite our iOS & Android apps from scratch — in React Native
                    • stand.fmアプリのパフォーマンス改善話「推測するな、計測せよ」|Takahiko Wada

                      (このnoteはstand.fm engineeringマガジンの記事です) stand.fm エンジニアの和田(@takahi5)です。 今回はReact Nativeアプリののパフォーマンス改善について書きたいと思います。主にレンダリング周りの改善です。 アプリを開発していてユーザーや社内のメンバーから「アプリが重い!」と言われたことはないでしょうか?僕はよくあります笑 今回はstand.fmのライブ配信機能で実施したパフォーマンス改善について、ボトルネックの特定からその改善まで、実例に触れながらご紹介したいと思います。 アプリが重い!?ただこの「アプリが重い!」にもいろいろパターンがあります。 - ボタンをタップしたときの反応が遅い - アニメーションがカクカクする - ローディングがなかなか終わらない - 起動に時間がかかるなどなど、一言で「重い」と言っても、詳しく聞いてみると色々

                        stand.fmアプリのパフォーマンス改善話「推測するな、計測せよ」|Takahiko Wada
                      • 僕にとってReact Nativeは“つらい” DMMが負債脱却のために取り組んだSwift化

                        DMM meetupは、多種多様な生命が彩るジャングルのように毎回個性豊かなさまざまなテーマを題材に、共に学び、遊び、楽しめるイベントです。今回はオンラインサロン事業に焦点をあて、事業部メンバーが課題と取り組みについて話しました。大門弘明氏からは、React NativeからSwiftへの移行について発表がありました。 React Nativeの負債化でアプリのSwift化が決定 大門弘明氏:それでは「React Nativeで書かれたアプリをSwiftで書き直しています」の発表を始めます。 まずは自己紹介をします。名前は大門と申します。2014年に新卒で合同会社DMM.comに入社して、iOSエンジニアとしてオンラインサロン事業部でお仕事をしています。 本日お話しすることですが、つらい気持ちの話と、アプリ設計の紹介を少ししようと思っています。僕にとってReact Nativeはつらい。

                          僕にとってReact Nativeは“つらい” DMMが負債脱却のために取り組んだSwift化
                        • React Native + Expoでアプリを作ってApp StoreとGoogle Playで公開した

                          先日、VioletというTumblrクライアントアプリをReact Native + Expoで作りました。iOSとAndroidに対応していて、先日無事に審査が通り、現在App StoreとGoogle Playで公開しています。 ※有料アプリですが、もし良かったら買って使ってみてください! 2021年にまさかTumblrアプリ!というのはさておき、開発の上でのもろもろを書いておきます。 経緯 もともとTumblrが好きで、スマホでよくTumblrを見ています。しかし、特にAndroidには純正アプリを含めて、「ここがもう少しこうだったらいいのにな」というアプリが多く、ならば自分が一番使いやすいTumblrクライアントアプリを作ろう、と思ったのがきっかけです。 開発当初はAndroidをメインで使っていましたが、iPhoneもよく使っていました。そこで、どうせならiOS/Androidの

                            React Native + Expoでアプリを作ってApp StoreとGoogle Playで公開した
                          • React Native e2e tests and Automatic Deploys (Detox + Fastlane + CircleCI)

                            React Native e2e tests and Automatic Deploys (Detox + Fastlane + CircleCI) A little bit of context (skippable) These past weeks I've been struggling trying to set up a pipeline where for every PR pointing to our staging branch, e2e tests run automatically, and for every PR that gets merged, test flight builds, and google internal beta builds are created. My experience has been... difficult, but it

                              React Native e2e tests and Automatic Deploys (Detox + Fastlane + CircleCI)
                            • React Native Elements

                              Cross Platform React Native UI toolkitA React Native framework for making cross platform applications

                                React Native Elements
                              • React Native Debuggerを使った、React Native+Expo開発の流れ - カミナシ エンジニアブログ

                                こんにちは、カミナシの@tomiです。 React Native + Expoで開発する上で、React Native Debuggerが自分にとって必須のものとなっています。 このツールを使って日々どういった感じで開発しているかをまとめました。 他にもReactotronやReact Native Toolsなどのデバッグツールもありますが、私は様々な情報をまとめて確認できるReact Native Debuggerに落ち着きました。 スタイルの検証やpropsのデバッグ、Reduxのstate確認にactionの発火確認などができ、開発する上で欲しい要素全てが揃っています。 Expoの標準デバッガーへの不満 Expoに標準で搭載されているElement Inspectorでは、選択した要素のスタイルの確認はできますが、プロパティの変更をしたり、コンポーネントが持っているstateやpr

                                  React Native Debuggerを使った、React Native+Expo開発の流れ - カミナシ エンジニアブログ
                                • Use Next.js with Expo for Web

                                  Using Next.js is not an official part of Expo's universal app development workflow. Next.js is a React framework that provides simple page-based routing as well as server-side rendering. To use Next.js with the Expo SDK, we recommend using @expo/next-adapter library to handle the configuration. Using Expo with Next.js means you can share some of your existing components and APIs across your mobile

                                    Use Next.js with Expo for Web
                                  • React Native vs. Flutter: Which Is the Best Cross-Platform App Development Framework? - DZone Web Dev

                                    In today’s ever-evolving digital world, having a functional and powerful mobile app has become mandatory for businesses of all shapes and sizes. Choosing the right technology framework is vital for building a successful mobile application, be it iOS or Android. The purpose of this post is to help you identify the right cross-platform app development framework by comparing important factors like pe

                                      React Native vs. Flutter: Which Is the Best Cross-Platform App Development Framework? - DZone Web Dev
                                    • Udemyで新春セール開催! 2020年にUdemyで最も興味を集めたカテゴリートップ5と人気コースを紹介 - はてなニュース

                                      2020年は新型コロナウイルスの流行、それに伴うリモートワーク(テレワーク)やワーケーション、オンライン授業での学習といった大きな社会的変化がありました。 意図せず起きた変化ではありましたが、働き方や学び方の変化は、自分次第で何かを大きく変えられるチャンスでもあります。内閣府の調査*1によると、在宅勤務などで生じた空き時間を新たな挑戦に充て、オンライン学習でプログラミングなどIT関連の学習に取り組む社会人が増えているとのこと。 めまぐるしく変わる社会へ適応するためには、自分にとって必要な情報を見極めるだけでなく、時代と共に学び続ける姿勢も必要。新しい学びはきっとあなたの強い味方になってくれることでしょう。ちょうどオンライン学習プラットフォーム「Udemy」では、2020年12月30日(水)~2021年1月7日(木)の間、対象の講座を1,200円から受講できる新春セールを開催。講座は買い切り

                                        Udemyで新春セール開催! 2020年にUdemyで最も興味を集めたカテゴリートップ5と人気コースを紹介 - はてなニュース
                                      • React Native と Flutterを比較してみた - カミナシ エンジニアブログ

                                        こんにちは。株式会社カミナシの keinuma です。 今回はReact NativeとFlutterの比較についてまとめてみました。 弊社ではモバイルアプリ開発にReact Native + Expoを利用しています。ExpoはCLIを筆頭に便利な機能が多く、開発フローの基盤になっています。 そんな中、クロスプラットフォームのライブラリとして人気を博しているFlutterと比較すると何が違うのか知りたくてまとめてみました。 比較する上で以下の観点に絞ってみていきます。 基本情報 開発環境 UI 状態管理 テスト 基本情報 FlutterとReact Nativeの言語、提供元でまとめてみました。 ここ1ヶ月ほどFlutterを調べてみた中でDart言語はJavaやJS, Pythonなどのいいところをあわせもっていて書きやすい言語だなと感じました。 これまで静的型付け言語をやっていれば学

                                          React Native と Flutterを比較してみた - カミナシ エンジニアブログ
                                        • 【React Native + Expo】オフライン対応について振り返ってみた - カミナシ エンジニアブログ

                                          はじめに はじめまして、株式会社カミナシのエンジニア @imuです。 カミナシは3年目で最近はソフトウェアテスト、ソフトウェア品質に興味を持っています。 何故かと言うとバグはゼロに出来ないと思っていて、如何に減らしてサービスの品質を担保していくかに興味を持つようになりました。 この辺り知見を持ったエンジニアを個人的にジョインして欲しいな…なんて思ってます。 今回は『カミナシ』の課題「オフライン」について、何故オフラインで動作する必要があるのかと、これを解決するために選択した技術を振り返りながら書きたいと思います。 『カミナシ』はオフラインでどうやって動作を担保しているのか、悩んでいる方がいたら参考になれば嬉しいです。 開発環境 React Native (0.60.22) + Redux Expo SDK 37 TypeScript (3.7.2) 課題 Wi-Fi環境がないお客様にサービ

                                            【React Native + Expo】オフライン対応について振り返ってみた - カミナシ エンジニアブログ
                                          • React Nativeをやめる話とKotlin Multiplatform | Wantedly Engineer Blog

                                            Wantedlyのモバイルエンジニアの久保出です。今回は、Wantedly VisitアプリにおいてReact Nativeをやめる決断をしたこと、関連してKotlin Multiplatformを導入しようとしていることについて書かせていただきます。 なぜReact Nativeが導入されていたかVisitのiOSアプリは2018年にフルリニューアルしました。リニューアルプロジェクトはモバイルエンジニアを総動員して半年近くかけてリリースしました。 リニューアルでは、色々なコンテンツを見つけられるDiscoverという新機能追加も予定しており、Discoverの実験もリニューアルと並列して行うことになりました。モバイルエンジニアはリニューアルに集中していたため、Webエンジニアのリソースが使えるReact NativeがDiscoverの実装手段に選ばれました。Discoverは、リニュー

                                              React Nativeをやめる話とKotlin Multiplatform | Wantedly Engineer Blog
                                            • React Native経験者がFlutterをさわってみた - ANDPAD Tech Blog

                                              はじめに はじめまして、アプリチームの伊藤です。 オクトでは複数のアプリをリリースしていますが、その中でもReact Nativeを使っていたりFlutterを使っていたりと、同じクロスプラットフォーム開発ツールでも複数の技術が使われています。アプリチーム内でもよくこの話題があがっていたりして、もりあがっているテーマです。 そんな中、個人的にはReact Nativeか、Flutterかどちらかに注力して、ナレッジを蓄積したり、開発できるエンジニアを増やしたりすることも必要なのではないかと感じることがあります。そこで自分は前職でReact Nativeを使った開発をしていたこともあり、今回はFlutterをさわりながらその違いを学びつつ、今後の開発方針の検討材料にしていこうと思いました。 2つのツールを比較する まず、よくある2つのクロスプラットフォーム開発ツールのざっくりとした比較をまと

                                                React Native経験者がFlutterをさわってみた - ANDPAD Tech Blog
                                              • Nature での React Native アプリの運用について / React Native App in Nature

                                                Nature での React Native アプリの運用について / React Native App in Nature

                                                  Nature での React Native アプリの運用について / React Native App in Nature
                                                • React Native Final Steps

                                                  I turned to Twitter to see what I should write about next, and after over a hundred votes, the winner was to finish this blog post! Twitter Driven Blogging — Let’s GO!So you’ve finished your React Native app, and you’re ready to ship it out the door. What’re your final steps? No, we’re not going to cover silly answers like “make sure your tests pass”, or “time to add smoke tests” (what does that e

                                                    React Native Final Steps
                                                  • モバイルクロスプラットフォーム開発の夢と現実 - いつもあさって

                                                    iOSと Androidをまとめて開発したいという要望があり、その夢と現実の歴史。ゲームは知りません。 3行まとめ 流行りと衰退を繰り返している それぞれの差分が辛い Flutterが流行りつつある(?) ネイティブアプリ iPhoneとAndroidが2007年に発表され、今後の携帯電話のスタンダードになっていくことが予見された。当時の開発言語はObjective-CとJavaであり、ほぼ同じロジックを二つの言語で書く必要があった。現在はSwiftとKotlinに取って代わられつつあるが2つの言語で書く必要があるのは変わらない。面倒くさいよね。 クロスプラットフォーム 理論上、半分の時間でできる。OSごとで何かあって半分にはならない程度 OSのアップデート等で不具合が発生したりするのはネイティブでも同じだが、プラットフォームがアップデートしないと対応できない場合がある 早くなる分人間より

                                                      モバイルクロスプラットフォーム開発の夢と現実 - いつもあさって
                                                    • Flutter vs React Native vs Native: Deep Performance Comparison | inVerita

                                                      Flutter vs React Native vs Native: Deep Performance Comparison The Story Behind the Research As a custom software development company, inVerita and its mobile development team continuously dig into the performance of cross-platform mobile solutions available on the market, that’s how Flutter vs React Native vs Native Part I emerged. Yes, it was quite controversial as one can state we weren’t using

                                                        Flutter vs React Native vs Native: Deep Performance Comparison | inVerita
                                                      • React Nativeでメモアプリを作ろう~作成画面の構築と実データの利用

                                                        対象読者 JavaScriptとWeb開発の基礎に理解がある方 Reactを用いたJavaScriptアプリケーション開発の未経験者 前提環境 筆者の検証環境は以下の通りです。 macOS Catalina 10.15.3 Node.js 12.16.1/npm 6.13.4 expo-cli 3.18.4 expo 36.0.2(React Native 0.61) React 16.9.0 メモアプリを完成させる 前回から2回に分けて、実践的なアプリ開発のサンプルとして、メモアプリを開発しています。前回は、データ構造を決めてサンプルデータを作成し、それを元にメモの一覧を表示するところまで解説しました(図1の左側)。 図1:メモアプリのラフスケッチ 今回は、その続きとしてメモデータを作成できる画面を作り、アプリとして完成させるところまでを解説します。作業工程の全体像を、改めて確認しておき

                                                          React Nativeでメモアプリを作ろう~作成画面の構築と実データの利用
                                                        • フロントエンド開発者、スマホアプリのニーズの不確実性に挑む――価値提供のリードタイムを最短化する工夫

                                                          こんにちは、リクルートで『Airシフト』のフロントエンドの開発を担当している髙橋です。今回は、『Airシフト メッセージ用アプリ』(以下、スマホアプリ版)を開発するに当たっての開発計画や、ユーザーの要望を引き出すための工夫を紹介します。 連載第1回でお話しした通り、スマホアプリ版の開発プロジェクトは、『Airシフト』Web版への課題を起点としてスタートしました。しかしそもそも『Airシフト』は、PC/タブレットでの使用を前提として、設計と開発が行われていました。 というのもシフト表作成という作業は、「前期のシフトと見比べる」といった工程が必要となるため、「大きな画面で行わないと難しい」と考えられていたからです。よって、スマホの小さな画面で操作されるときにどのような価値をユーザーに提供すればよいのか、われわれは答えを持っていませんでした。 そのためまずは、ユーザーの要望を基にして、スマホアプ

                                                            フロントエンド開発者、スマホアプリのニーズの不確実性に挑む――価値提供のリードタイムを最短化する工夫
                                                          • React Nativeでメモアプリを作ろう~セットアップと表示

                                                            対象読者 JavaScriptとWeb開発の基礎に理解がある方 Reactを用いたJavaScriptアプリケーション開発の未経験者 前提環境 筆者の検証環境は以下の通りです。 macOS Catalina 10.15.3 Node.js 12.16.1/npm 6.13.4 expo-cli 3.13.8 expo 36.0.2(React Native 0.61) React 16.9.0 メモアプリを作る これまでの連載では、React Nativeでできることや、その周辺ツールについて広く学んできました。そろそろ、読者の皆さんも実用的なアプリを作ってみたくなってきた頃ですよね。今回と次回は、実践的なメモアプリを作りながら、UIコンポーネントの使い方や状態管理の方法、データの保存の方法について解説します。 今回作成するメモアプリをイメージしてもらいやすくするために、簡単な画面デザイン

                                                              React Nativeでメモアプリを作ろう~セットアップと表示
                                                            • Announcing React Native for macOS and more · React Native for Windows + macOS

                                                              We're excited to announce our first preview release aligning with React Native 0.62! As a preview release, we will try our best not to make breaking changes, but still have a few bumps to sort out before we're ready for release. You can now start trying out the 0.62-preview of React Native for Windows! A similar upgrade for React Native for macOS is in progress. Stay tuned for the next update! Wha

                                                              • React Native for Windows + macOS · Build native Windows & macOS apps with Javascript and React

                                                                Extend your desktop experience to more than just Windows! Try out our fully supported macOS extension to React Native. React Native for Windows + macOS brings React Native support for the Windows SDK as well as the macOS 10.14 SDK. With this, you can use JavaScript to build native Windows apps for all devices supported by Windows 10 and higher including PCs, tablets, 2-in-1s, Xbox, Mixed reality d

                                                                • 【書評】2020年にReact Nativeを始めるときの決定版的技術書が出ます! - フロントエンドの地獄

                                                                  「React Native ~JavaScriptによるiOS/Androidアプリ開発の実践」の書評になります。 PDF版はこちらで先行発売開始していて、 gihyo.jp 紙の本は2020/5/20から販売の予定です。 React Native ~JavaScriptによるiOS/Androidアプリ開発の実践 作者:髙木 健介,ユタマこたろう,仁田脇 理史発売日: 2020/05/30メディア: 単行本(ソフトカバー) 買おうと思っていた本の献本を頂き、いち早く読ませていだだいたのでせっかくなのでブログにします! どんな本? React Nativeの基本・具体的なアプリ開発はもちろん、React Nativeで の開発に必要な TypeScript・React も1冊で解説。登場時からReactNativeを追い続けた著者陣が、 現場実践をふまえて伝授します。 という紹介文にふさわ

                                                                    【書評】2020年にReact Nativeを始めるときの決定版的技術書が出ます! - フロントエンドの地獄
                                                                  • Why Flutter Has Become the Best Choice To Develop a Startup Mobile App in 2020?

                                                                    Why Flutter Has Become the Best Choice To Develop a Startup Mobile App in 2021? -(Latest Updated) Are you a bootstrapper and planning to launch a mobile app but still in a dilemma which cross-platform framework you should choose in 2021? Flutter can make it more comfortable for startups to roll out with the feature-rich mobile application without putting a burning hole in the pocket. How? Let’s go

                                                                      Why Flutter Has Become the Best Choice To Develop a Startup Mobile App in 2020?
                                                                    • UIライブラリで美しいデザインを手軽に利用する

                                                                      前回はスタイルでコンポーネントを装飾する方法を学びましたが、見栄えするデザインのコンポーネントを自分で作るのは大変です。今回は、サードパーティ製のコンポーネントセットとして、React Native Paperというライブラリを紹介します。React Native Paperはモバイルアプリ開発に役立つ、ヘッダーやフッター、フォームといったUIを提供しています。また、AndroidとiOSによって自動で見た目が変わる機能もあり、各プラットフォームらしい見た目を作ることもできます。品質の高いアプリを作るために欠かせない、素敵なコンポーネントの使い方を学んでいきましょう。 対象読者 JavaScriptとWeb開発の基礎に理解がある方 Reactを用いたJavaScriptアプリケーション開発の未経験者 前提環境 筆者の検証環境は以下の通りです。 macOS Catalina 10.15 No

                                                                        UIライブラリで美しいデザインを手軽に利用する
                                                                      • RN Features 2020年3月号 - React Native v0.62 注目機能Flipper, Re-architecture, Discord のパフォーマンス改善 - KitchHike Tech Blog

                                                                        はじめに キッチハイクのエンジニアメンバーでReact Native の気になるニュースを持ち寄ってみました! はじめに ガワネイティブアプリ(Creator)を、React Nativeで置き換えてみての一年間戦いの記録 - BASE開発チームブログ Flutter vs Native vs React-Native: Examining performance Discord のパフォーマンス改善 Flipper で React Native アプリの DX を改善しよう Flipper の主な機能の紹介 React Nativeの Re-architectureについて ロードマップ さいごに We're Hiring ガワネイティブアプリ(Creator)を、React Nativeで置き換えてみての一年間戦いの記録 - BASE開発チームブログ https://devblog.t

                                                                          RN Features 2020年3月号 - React Native v0.62 注目機能Flipper, Re-architecture, Discord のパフォーマンス改善 - KitchHike Tech Blog
                                                                        • Flutter vs Native vs React-Native: Examining performance

                                                                          Today some of the most popular solutions to build mobile apps are native or cross-platform approaches using React Native or Flutter. While native development is positioned as AAA technical solution, it has some disadvantages that create market space for cross-platform apps to come in. In general, native development requires more effort from the development team to accomplish the project but…

                                                                            Flutter vs Native vs React-Native: Examining performance
                                                                          • React Nativeへ地図を表示する方法

                                                                            概要React Nativeで地図を表示して、現在の位置情報を表示する方法について調べてみようかと思っています。React Nativeで地図をコントロールするためにはReact Nativeコミュニティーのreact-native-mapsライブラリを良く使っています。 今回のブログではreact-native-mapsを使ってReact Nativeで地図を表示して、現在の位置情報を地図の上に表示する方法について調べてみます。 このブログで紹介するソースコードはgithubで確認することができます。。 github: react-native-map-example例題ソースコードは下記の内容が適用されています。もっと詳しく知りたい方は下記のリンクを参考してください。 typescriptstyled-componentsroot-importReact Nativeで現在位置情報を取

                                                                              React Nativeへ地図を表示する方法
                                                                            • React Native push notifications guide for rookies and techies

                                                                              React Native push notifications guide for rookies and techies A small guide about the first assumptions and the reality of mobile notifications behaviors on React Native projects.

                                                                                React Native push notifications guide for rookies and techies
                                                                              • React Nativeアプリのサイズを35%減らした話 Android編 - KitchHike Tech Blog

                                                                                CTOの Shoken です。キッチハイクアプリはReact Nativeで開発を始めて3年目に入りました。アプリのサイズは開発を続けるうちに大きくなっていってしまいます。この記事では React Native アプリが、どのファイルでサイズが大きくなっているかの分析と、Androidでアプリのダウンロードサイズを減らした方法を紹介します。 サマリ キッチハイクアプリでは JS Bundle は 3.4 MB 、フォントは 48 MB だった。 Androidはビルド時の最適化オプションとApp Bundleにすることでサイズが 35% 減った。80.6 MB -> 66.8 MB サマリ JS Bundle のサイズを調べる react-native-bundle-visualizer を使った JS Bundle の構成を確認する Android Studio APK Analyzer

                                                                                  React Nativeアプリのサイズを35%減らした話 Android編 - KitchHike Tech Blog
                                                                                • ガワネイティブアプリ(Creator)を、React Nativeで置き換えてみての一年間戦いの記録 - BASEプロダクトチームブログ

                                                                                  Native Application Groupの大木です。BASEでは、購入者向けのショッピングアプリ「BASE」、「BASEライブ」、ショップオーナー向けのショップ運営管理アプリ「BASE Creator」の3つのスマホアプリをリリースしております。今回は、その中の一つBASE Creatorを、React Nativeで置き換え、リリースしてみての話を、お伝え出来ればと思います。 課題と動機 https://help.thebase.in/hc/ja/articles/206417201-BASE-Creator-とはなんですか- BASE Creatorは、基本的にはWebViewで画面を表示するいわゆるガワネイティブアプリというものです。Webアプリとの違いは何処にあるかといいますと、商品が売れたり、購入者からメッセージが届くと、Push通知でお知らせ出来る機能があるところです。

                                                                                    ガワネイティブアプリ(Creator)を、React Nativeで置き換えてみての一年間戦いの記録 - BASEプロダクトチームブログ