並び順

ブックマーク数

期間指定

  • から
  • まで

161 - 200 件 / 276件

新着順 人気順

reactnativeの検索結果161 - 200 件 / 276件

  • Announcing React Native 0.61 with Fast Refresh · React Native

    2024React Native 0.74 - Yoga 3.0, Bridgeless New Architecture, and more2023React Native 0.73 - Debugging Improvements, Stable Symlink Support, and moreReact Native 0.72 - Symlink Support, Better Errors, and morePackage Exports Support in React NativeReact Native 0.71-RC0 Android outage postmortemReact Native 0.71: TypeScript by Default, Flexbox Gap, and more...First-class Support for TypeScript202

      Announcing React Native 0.61 with Fast Refresh · React Native
    • React Native Team Principles · React Native

      2024React Native 0.74 - Yoga 3.0, Bridgeless New Architecture, and more2023React Native 0.73 - Debugging Improvements, Stable Symlink Support, and moreReact Native 0.72 - Symlink Support, Better Errors, and morePackage Exports Support in React NativeReact Native 0.71-RC0 Android outage postmortemReact Native 0.71: TypeScript by Default, Flexbox Gap, and more...First-class Support for TypeScript202

        React Native Team Principles · React Native
      • React Native for Web で Touchable 系コンポーネントを ScrollView の中で使うと暴発するのを抑える | DevelopersIO

        課題 ボタンを並べる際は次のように FlatList や SectionList を用いて書くのが RNfW での常套手段です。 import React from 'react' import { FlatList, StyleSheet, Text, TouchableOpacity } from 'react-native' const styles = StyleSheet.create({ container: { height: 120, justifyContent: 'center', alignItems: 'center', borderWidth: 2, borderColor: 'gray', borderRadius: 8, }, }) interface ButtonProps { label: string } function Button(props: B

          React Native for Web で Touchable 系コンポーネントを ScrollView の中で使うと暴発するのを抑える | DevelopersIO
        • 「サンプルコードで作りながら学ぶReact Native実践入門」の著者が語る!React Nativeの魅力とこれだけは知っておきたいポイント! - FLEXY(フレキシー)

          本記事は2020年4月にインタビューを実施し、公開された内容です。 スナップマート株式会社の取締役CTO星直史です。 今年、2020年にReact Nativeの著書、『サンプルコードで作りながら学ぶReact Native実践入門』を出版しました。 本記事では、React Nativeを触ってみたいというWebエンジニアの方向けに、React Nativeの概要や知っておきたいポイントを説明します。ぜひ参考にしてみてください。 1. React Nativeとは React NativeはFacebookが開発したJavaScriptのフレームワークです。名前の通り、Reactを利用して開発を行います。 React Nativeの最大の特徴はクロスプラットフォーム開発ができるということです。一つのソースコードから複数のアプリケーションを生成できます。iOSとAndroidが提供するネイテ

            「サンプルコードで作りながら学ぶReact Native実践入門」の著者が語る!React Nativeの魅力とこれだけは知っておきたいポイント! - FLEXY(フレキシー)
          • 【速報】デバイスのデータストア向けの新機能「Amplify DataStore」が公開されました! #reinvent | DevelopersIO

            Amplify DataStore re:Invent 2019期間中に、Amplifyの新機能「Amplify DataStore」が発表されました!現在、JavaScript版はリリース済み、iOS / Android版はプレビューにて試すことができます。 Introducing the Amplify DataStore, a persistent storage engine that synchronizes data between apps and the cloud Amplify DataStore – Simplify Development of Offline Apps with GraphQL | AWS News Blog クエリ検索可能な形でデバイス上にデータを格納することができる機能です。Web, IoT, iOS, Android, ReactNative

              【速報】デバイスのデータストア向けの新機能「Amplify DataStore」が公開されました! #reinvent | DevelopersIO
            • Impressions about iOSDC Japan 2022 and React Native Matsuri 2022 - JMDC TECH BLOG

              Hello, my name is Rodolphe and I’m working at JMDC as a mobile developer. Please let me use English for this post! 🙏 iOSDC Japan 2022 Lately, there have been some interesting conferences about the mobile engineering world. Last month was held the iOSDC, a huge conference for developers whose main theme is technologies related to iOS. The event took place over 3 days, from Saturday September 10th

                Impressions about iOSDC Japan 2022 and React Native Matsuri 2022 - JMDC TECH BLOG
              • 2022-01-24のJS: Safari TP 138、Vue 3のデフォルト化、Remix vs Next.js

                JSer.info #576 - Safari Technology Preview 138がリリースされました。 Release Notes for Safari Technology Preview 138 | WebKit Safariの開発者ツールであるWeb InspectorのElement TabにCascade Layersのサポートなどの機能が追加されています。 また、CSSの:focus-visible、Media Queryのresolution、CSS Containmentをデフォルトで有効化されています。 No, Apple Did Not Crowdfund :focus-visible in Safari – Eric’s Archived Thoughts WebKitに:focus-visibleが実装された経緯 そのほかには、Service Worke

                  2022-01-24のJS: Safari TP 138、Vue 3のデフォルト化、Remix vs Next.js
                • React Native ハンズオン〜第一回目 基本文法編

                  はじめに 環境構築終わっていますでしょうか!!? まだの方はこちらをみて環境構築を完了させていただけますと幸いです!! ちなみにですが、後から読み返せるようにしたので、ハンズオンを受けていない方でも大丈夫だと思います!!ぜひお役立てくださいませ! 確認事項 nodeいれましたか? editorありますか? emulatorありますか?もしくは実機ありますか? 楽しむ心をもってきましたか? 以上を持ってきた方は、 早速参りましょう!! インストール React Nativeの開発環境を構築しましょう!! yarnのインストール nodeを入れた段階ですでにnpmというパッケージマネージャーはインストールされています!! が、このハンズオンではyarnを使うのでyarnをインストールしましょう! ちなみにyarnもnpmとおなじパッケージマネージャーですが、yarnはnpmよりも速いため、多く

                    React Native ハンズオン〜第一回目 基本文法編
                  • DroidKaigi2021セッション資料まとめ - Qiita

                    DroidKaigi2021登壇資料、スライドのまとめです。 Twitter等で見つけ次第掲載しますが、もし資料を見かけた方or資料を公開した登壇者の方がいらっしゃいましたら、コメント等でお声がけください。 スライドや資料のリンクが見つかった場合はタイトルにリンクをつけてありますので、タイトルがリンクになっていない場合はまだ資料が見つかっていないものになります。 Day 1 プロダクトレベルで必要になる Jetpack Compose テクニック Androidエンジニアが1人という不安と向き合う Dive into Animate Spans with text and performance マルチデバイス対応で考慮すべきポイント 職能/職種横断でチームの生産性を高める How Flutter works under the hood Androidアプリの安全なリファクタリングを行う

                      DroidKaigi2021セッション資料まとめ - Qiita
                    • 2020年の振り返り - A Day in the Life

                      今年は日記も再開したことだし、一年の振り返りを。 生活 去年の秋から2年ぐらいかけて世界一周中を行い、本当なら今頃南米にいる予定だった。当時書いたざっくりすぎる予定はこんな感じ。しかしながら、コロナ禍のため、3月上旬にトルコから帰国することに。 2年弱のプランがだったの5ヶ月で頓挫(世界一周は再開予定だけど、再開の目処はまだ立たず)、家も引き払ったため宙ぶらりんな状態で、AirBnBで民泊に止まりながら3月4月を過ごす。楽天的に考えると短期間でコロナが収束して、という当てはハズれ、コロナが世界的に広がる気配しかなかったので、5月から横浜に家を借りて暮らし始めた。 3月4月で感じたことは、目的のない無職に自分は向いていないのでは、ということだった。なにかしたいことがあっての無職、もしくは「あえて何もしたくないから」、と何らかしかの目的(何もしたくないは目的なのか、ということはさておき)があっ

                        2020年の振り返り - A Day in the Life
                      • React Native for Windows を試してみよう。そして型も手に入れよう。

                        React Native for Windows を試してみたので備忘録もかねて手順をメモしてみました。 作業開始時点の私の環境は以下のようになります。 Windows 10 Pro 1909 (設定アプリから開発者モードに変更してください) Visual Studio 2019 16.4.2 ユニバーサル Windows プラットフォームワークロードの C++(v141) ユニバーサル Windows プラットフォーム ツール。デフォルトでチェックが入っていないので入れる。142 じゃなくて 141 なので注意 個別のコンポーネントから MSVC v141 - VS 2017 C++ ARM ビルドツール(v14.16)、MSVC v141 - VS 2017 C++ x64/x86 ビルド ツール (v14/16) の 2 つを入れる Node.js v12.9.1 (注意:現時点で最

                          React Native for Windows を試してみよう。そして型も手に入れよう。
                        • 【❌キラキラ】転職活動で40社以上面談したので知見を共有したい21秋~22夏【⭕リアル】 - Qiita

                          📡観測範囲 Paiza転職およびGreenを使用 2021年秋~2022年夏に、提示年収400万~のレンジで、フロントエンド/フルスタックエンジニア/クロスプラットフォーム系アプリエンジニア枠で募集かけてる(かけてた)会社 ビジネス形態としてはSES/受託開発/自社サービスと幅広く 業務分野も医療系/建築系/不動産系/金融系/エンタメ系/その他諸々とこちらも幅広く 日本全国対象 面談だけで40社超えてるので求人に目を通したのは60社ぐらいは行ってるのでないかと思います。 またほぼ全部、スカウトメール経由で転職活動を行ったため、自分の技術スタックによるバイアスが入ってます。(RubyよりPHPの方が多い等) 偏りが大きいのでIT業界全体の現況などと口が裂けても言えませんが、逆にあんま表沙汰にならないようなベンチャー、中小零細、レガシー企業、非IT企業のIT部門採用等、色々見てきたので印象深

                            【❌キラキラ】転職活動で40社以上面談したので知見を共有したい21秋~22夏【⭕リアル】 - Qiita
                          • react-native-firebaseでmessagingを使う時にやる作業メモ

                            概要 react-native-firebaseを組み込んだアプリでプッシュ通知を行う際の作業メモ。 具体的なソース実装よりは、権限設定などの事務的な内容多め。 前提として、react-native-firebaseと関連モジュール(/coreとか/messagingとか)はインストール済み(+pod installやAppDelegate.mの追記)で、GoogleService-Info.plistやgoogle-service.jsonはネイティブディレクトリに組み込み済みとする。 ※要するにreact-native-firebaseのイントロダクションは終わっている前提 【iOS】Apple Developersでやること 【Certificates, Identifiers & Profiles】から【Identifiers】のメニューを選択し、対象のアプリのIdentifier

                              react-native-firebaseでmessagingを使う時にやる作業メモ
                            • React Native製アプリをJSIモジュールを使って50倍高速化した話

                              Faster, faster!人々がアプリを十分に楽しんで使うためには、アプリからできる限り摩擦を取り除くことが重要です。 React Nativeは、JavaScriptとReactを使って、マルチプラットフォームのモバイルアプリを素早く構築できるフレームワークです。そのおかげで、私はInkdropというアプリのモバイル版を作ることができました。エンドツーエンドの暗号化でデバイス間で同期するMarkdownノートアプリです。このアーキテクチャのおかげで、私はこのアプリを素早く構築することができ、ElectronJSで構築したデスクトップ版のコードベースの多くを再利用することで簡単に維持することができました。これは素晴らしいことです。React Nativeには大いに助けられましたが、特に画像を扱う際のパフォーマンスの低さには苦労しました。最悪の場合、7MBの画像をダウンロード、復号化、そ

                                React Native製アプリをJSIモジュールを使って50倍高速化した話
                              • 2021-03-16のJS: Safari Technology Preview 122、React Native 0.64、SvelteKit

                                JSer.info #531 - Safari Technology Preview 122がリリースされました。 Release Notes for Safari Technology Preview 122 | WebKit Safari Technology Preview 122では色々な機能が実装されています。 実験フラグ付きでCSS :focus-visibleとCSS Color 5のcolor-mix()/color-contrast()/Relative color syntaxが実装されています。 ES Proposal Stage 3のPrivate method、Static private methods、Top-Level await、RegExp Match Indicesのサポート。 Web WorkerとService Workerでtype: modul

                                  2021-03-16のJS: Safari Technology Preview 122、React Native 0.64、SvelteKit
                                • Webアプリ開発者が出会ったReact Nativeエピソード5選 - Nature Engineering Blog

                                  こんにちは、NatureでソフトウェアエンジニアをしているTakumiです。 Natureが提供しているモバイルアプリケーションNature RemoはReact Nativeを使って開発をしています。 元々はiOS/Androidともにネイティブで開発をしていましたが、2018年にReact Nativeに移行しています。 当時の詳しいことは次の記事をご覧ください。 engineering.nature.global Webアプリ開発者、React Nativeに出会う 今年の10月からNatureにジョインした私はWebアプリがメインの開発者でした。 ここ最近はReact、Nextjsを使っていてReact自体には知見がありましたが、モバイル開発は未知の領域。 そんな私が体験したReact Nativeのエピソード5選を共有したいと思います。 今回はコードはほとんど出てこないので安心(

                                    Webアプリ開発者が出会ったReact Nativeエピソード5選 - Nature Engineering Blog
                                  • DockerでReact Native環境作成から、Expo Clientで実機確認するまで - Qiita

                                    iOS、Android両方に対応するアプリを作成することができるReact Native。 最近、個人的に興味がわいたので、Docker環境作成にチャレンジしてみたのですが、あまり記事を見かけなかったので構築手順を書いておきます。 ※2019/9/21追記 後述しますが、自分がやった時にホットリロードが効かなかったり、エミュレータ環境との連動がうまくできなかったりしてます...。 自分のやり方が悪いだけかもしれませんが、あまりDockerで構築するメリットがないかもしれません。 2019/9/26追記 WSLで環境作り直しました。 →WSLでReact Native + Expo環境を作ろう 前提 docker導入済み docker-compose導入済み 環境構築手順 事前準備 React Nativeで開発をしていく上で開発支援サービスであるExpoを使うと便利です。 React Na

                                      DockerでReact Native環境作成から、Expo Clientで実機確認するまで - Qiita
                                    • React Nativeアプリを含んだmonorepoにおいて、バージョン番号を上げる操作 - Qiita

                                      はじめに 開発が一区切りついてリリースする際に、バージョン番号を上げる操作を「bumpする」って呼んだりしますよね。番号を上げるだけと言えばだけなのですが、この記事では以下の様な観点に着目して、bumpの方法を考えてみます。 monorepoのプロジェクトの場合、各パッケージのバージョンをさっと上げるには React Nativeアプリのパッケージを含んでいる場合、iOS/Android固有のファイルに書かれているバージョン番号を上げるには JavaScriptのエコシステムにある色々なコマンドやライブラリを紹介していくのですが、色々整理した末に、「結局、このRuby gemでよくないですか・・・」というところに行き着く記事です。 npmには、package.jsonのversionフィールドをbumpするコマンドがある npm version というコマンドがあって、単体のpackage

                                        React Nativeアプリを含んだmonorepoにおいて、バージョン番号を上げる操作 - Qiita
                                      • React NativeでFacebookのようなロード画面をskeleton loadingで実装する

                                        こんにちは。れんです。 BeatFitというスタートアップでフロントエンドエンジニアをしています。 今回は、Facebookみたいな躍動感のあるかっこいいロード画面を作ることになり、いろんなライブラリを見たり試したりしたので、こちらにまとめます! 想定読者 ・これからReact Nativeでロード画面を実装したい方 ・ロード画面に用いるライブラリが決まっていない方 ・skeleton loadingの実装について詳しく知りたい方 そんな方々にとって、参考になれば幸いです。 導入の背景 弊社の新しいSNS機能において、loadingが遅いという課題を抱えていました。 そこで、パフォーマンス改善を試みるのと同時に、loading画面でUXを改善できないか?と考えました。 そこで注目したのが、skeleton loadingです。 ”いまどき”なUI skeleton loading skel

                                          React NativeでFacebookのようなロード画面をskeleton loadingで実装する
                                        • React Native Expo 全SDK まとめ - Qiita

                                          Swift+Railsなスタックで7年くらいアプリ作ってきましたが、最近はReactNative+Firebaseに完全移行しちゃいました。Expo素敵すぎる...もっと早く手出しておけばよかった... そこらへんの話はまた今度にして、ExpoSDK(v37)を勉強がてらさらっと眺めてみます。 AR https://docs.expo.io/versions/v37.0.0/sdk/AR/ iOSのみ、three.jsのラッパー Accelerometer https://docs.expo.io/versions/v37.0.0/sdk/accelerometer/ 端末の加速度を監視できる Admob https://docs.expo.io/versions/v37.0.0/sdk/admob/ モバイル広告「Google Admob」のラッパー Amplitude https://

                                            React Native Expo 全SDK まとめ - Qiita
                                          • Toward Hermes being the Default · React Native

                                            Since we announced Hermes in 2019, it has been increasingly gaining adoption in the community. The team at Expo, who maintain a popular meta-framework for React Native apps, recently announced experimental support for Hermes after being one of the most requested features of Expo. The team at Realm, a popular mobile database, also recently shipped its alpha support for Hermes. In this post, we want

                                              Toward Hermes being the Default · React Native
                                            • ReactNativeとFirebaseCloudMessagingでiOS Push通知~react-native-firebase編~ - Qiita

                                              ReactNativeとFirebaseCloudMessagingでiOS Push通知~react-native-firebase編~iOSPush通知Firebasereactnative はじめに ネイティブアプリ(iOS)の技術検証で react-native-firebaseのテンプレートとFirebaseCloudMessaging(以下FCM)を使用し、 リモートPush通知(画像のアプリを閉じた状態での通知)を実装したので、簡単な手順と注意点をご紹介します。 Push通知に関する情報はたくさんあるのですが、古くて登録画面のUIが異なっていたり、 バージョン依存で動かなかったり、iOSのreact-native-firebaseの記事が少なかったので参考になれば幸いです。 対象読者 ReactNativeでiOSアプリを作成してみたい人 Firebaseを初めて触る人 FC

                                                ReactNativeとFirebaseCloudMessagingでiOS Push通知~react-native-firebase編~ - Qiita
                                              • Expo ReactNativeのStorybookを0から入れ直す - カミナシ エンジニアブログ

                                                こんにちは、カミナシの@tomiです。 本日は、ExpoでのStorybookの導入について書いていきます。 StorybookのサイトにReactNativeでの導入方法が記載されていますが、それ通りだけでは上手く動かなかったので、ExpoでStorybookを使いたい人の参考になればと思います。 なぜStorybookを入れようと思ったのか 現在カミナシのデザインチームでは、ブランドガイドラインを固めてくれています。それを基に新たに0からデザインシステムを作り、現行デザインをリプレイスする予定です。 デザインシステムができてからエンジニアが動き出しては、時間がなくて殴り書きのコードができあがってしまうのが、予想できます。。 せっかくデザインシステムを作ったのに、それが守られなかったりデザインシステムに振り回されては本末転倒なので、今のうちから準備しておこうというのと、Storybook

                                                  Expo ReactNativeのStorybookを0から入れ直す - カミナシ エンジニアブログ
                                                • 一人開発でつまづいたときの処方せん for DroidKaigi 2020 - EDIT MODE

                                                  はじめに この記事は、やむなく中止となってしまったDroidKaigi 2020で発表予定だった、「一人開発でつまづいたときの処方箋」の内容をブログ用に書き下ろしたものになります。コロナ禍のこの半年、公私でいろいろなことがありすぎて全然気持ちが前を向かず、記事を書くのにめちゃくちゃ時間が掛かってしまいました。なんとか書き終えて良かったです。 droidkaigi.jp なおDroidKaigiでは40分で発表する内容のため少し長文となりますが、もし興味を持っていただけたら最後まで読んでいただけると嬉しいです。 サッと眺めてみたい方は、以下のSpeaker Deckにアップしてあるスライドを見ていただく方がいいかもしれません。 一人開発でつまづいたときの処方箋 - Speaker Deck 目次 自己紹介 発表内容 ビルドが通らないときの処方せん アプリがクラッシュするときの処方せん アプリ

                                                    一人開発でつまづいたときの処方せん for DroidKaigi 2020 - EDIT MODE
                                                  • 2021-10-04のJS: Vite 2.6.0、Safari Technology Preview 133、TypeScript 4.5 Beta

                                                    JSer.info #560 - Vite 2.6.0がリリースされています。 vite/CHANGELOG.md at main · vitejs/vite デフォルトのminifyをterserからesbuildに変更、script要素のasync属性のサポート。 静的サイトジェネレーターであるAstroのコンポーネントファイル(.astro)のサポート。 また、importしているファイルが別のファイルをimportするように連鎖しているケースで、連鎖的にimportされるファイルを事前にtransformすることでコンパイルの待ち時間を減らす最適化などが含まれています。 feat: pre transform direct imports before requests hit the server by yyx990803 · Pull Request #5037 · vitej

                                                      2021-10-04のJS: Vite 2.6.0、Safari Technology Preview 133、TypeScript 4.5 Beta
                                                    • Using Hermes · React Native

                                                      Hermes is an open-source JavaScript engine optimized for React Native. For many apps, using Hermes will result in improved start-up time, decreased memory usage, and smaller app size when compared to JavaScriptCore. Hermes is used by default by React Native and no additional configuration is required to enable it. Bundled Hermes​ React Native comes with a bundled version of Hermes. We will be buil

                                                        Using Hermes · React Native
                                                      • NativeScript-VueとAWS Amplifyで爆速でアプリを実装する - Qiita

                                                        はじめに NativeScript-Vueを用いてアプリ開発をしています。 その中で、AWS Amplifyと連携する機会があったので紹介していきたいと思います。 アプリの完成イメージ 下部の入力エリアで入力した内容が追加ボタンで追加されます。 タスクのトグルボタンを押下することでタスクに取り消し線と文字が薄くなります。 今回使用する技術を軽く説明 NativeScript-Vueは、モバイルアプリをJavaScriptで開発するためのOSSです。 モバイルアプリを構築するフレームワークだと、ReactNativeやionicなどReactやAngularを用いることが多いですが、Vue.jsで書けるのがNativeScript-Vueの大きな特徴です。(NativeScriptはAngular) AWS Amplifyは、モバイルアプリやWebアプリの作成、実装、設定を容易にしてくれるラ

                                                          NativeScript-VueとAWS Amplifyで爆速でアプリを実装する - Qiita
                                                        • Expo SDK37のBare WorkflowでNotificationsを使ってみる - Qiita

                                                          はじめに 4月1日にExpoのSDK37がリリースされました。詳しい変更内容は下記のURLから見ることができます。 https://dev.to/expo/expo-sdk-37-is-now-available-69g https://github.com/expo/expo/blob/master/CHANGELOG.md#3700 大きな変化として、まずはEject後の選択肢がExpoKitからBare Workflowへ完全に移行した点が挙げられます。 そして単にリプレイスされただけという訳ではなく、これまでManaged Workflowのみ対応していたNotifications APIがBare Workflowでも使用できるようになり、APIの内容も変化しています。 この記事ではSDK37のNotifications APIをBare Workflowで使用するための導入方法

                                                            Expo SDK37のBare WorkflowでNotificationsを使ってみる - Qiita
                                                          • 週刊Railsウォッチ(20200310後編)Flutter+Firebaseでモバイルアプリ開発、命名7つの鉄則、Rubyバージョンを切り替えるchruby gemほか|TechRacho by BPS株式会社

                                                            2020.03.10 週刊Railsウォッチ(20200310後編)Flutter+Firebaseでモバイルアプリ開発、命名7つの鉄則、Rubyバージョンを切り替えるchruby gemほか こんにちは、hachi8833です。こちらのサイトの評判がめちゃいいですね。 リポジトリ: tokyo-metropolitan-gov/covid19: 東京都 新型コロナウイルス感染症対策サイト / Tokyo COVID-19 Task Force website サイト: 都内の最新感染動向 | 東京都 新型コロナウイルス感染症対策サイト stopcovid19.metro.tokyo.lg.jpより 以下はつっつき後に見つけたツイートです。尊敬するオードリー・タン氏❤️が対策サイトにプルリク投げてくれたとは😂🎉。GitHubで👍がこんなにたくさん付いてるのを見たのは初めてかもしれませ

                                                              週刊Railsウォッチ(20200310後編)Flutter+Firebaseでモバイルアプリ開発、命名7つの鉄則、Rubyバージョンを切り替えるchruby gemほか|TechRacho by BPS株式会社
                                                            • 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)
                                                              • VS Codeの設定をキレイに変数置換【VS Code使い方①】 - Qiita

                                                                変数置換構文 launch.json や tasks.json では ${variableName} という構文で変数置換を行うことができます。どの言語でコーディングするときでも使えるので一読しておくと後で役に立ちそう。 役に立ちそうな状況や対象 OSが混在するチーム開発 不特定多数が利用するプロジェクトテンプレート ReactNativeやUnity、Flutterなどのクロスプラットフォーム開発 定義済み変数置換 変数 中身

                                                                  VS Codeの設定をキレイに変数置換【VS Code使い方①】 - Qiita
                                                                • React Native JSI ソースコードリーディング / React Native JSI source code reading

                                                                  React Native Matsuri 2021で発表したスライドです。 https://reactnative-matsuri.com/ja

                                                                    React Native JSI ソースコードリーディング / React Native JSI source code reading
                                                                  • React Native Elements

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

                                                                      React Native Elements
                                                                    • 【浦島太郎さん必見】2022年にReactNativeでアプリ作うべきライブラリ5選

                                                                      ReactNativeといえば検索サジェストで『オワコン』とでてしまう事で開発界隈の中で話題ですが、個人的には未だにベストプラクティスだと考えております。 その理由はいくつかありますが、それについてはまた別の機会でお話しするとして、今回はそんな2022年の今でも一戦級で使えるReactNativeを久々にやってみたい人や新しいライブラリの発見をしたい人のために、まとめを作ったので是非みてください 読者の対象はクロスプラットフォームが向いているであろう、個人開発〜中小規模の開発している方を想定しています。 時代と勢いを感じたライブラリ5選 1.react-native-purchase 今でもReactNativeでIAPを実装しようとすると、react-native-iap (https://github.com/dooboolab/react-native-iap)というライブラリが有力

                                                                        【浦島太郎さん必見】2022年にReactNativeでアプリ作うべきライブラリ5選
                                                                      • React Native とFlutter におけるWeb アプリ開発 - GMOインターネットグループ グループ研究開発本部

                                                                        こんにちは。次世代システム研究室のT.M です。 はじめに React Native やFlutter はクロスプラットフォームのアプリケーションフレームワークとして有名です。クロスプラットフォームのフレームワークとしてどちらが良いかを判断するために、前回の記事では、React Native とFlutter のandroid アプリにおけるパフォーマンス比較を行いました。そもそも、クロスプラットフォームは、android とiOS だけでなく、Web やWindows / MacOS を指す言葉です。そこで、本稿ではWeb アプリケーションの開発について比較を行います。 React Native では、標準ではandroid / iOS アプリの開発しか行うことができません。同一ソースコードでのWeb アプリを開発するためには、React Native for Web を利用する必要があ

                                                                          React Native とFlutter におけるWeb アプリ開発 - GMOインターネットグループ グループ研究開発本部
                                                                        • Announcing React Native 0.69 · React Native

                                                                          We are excited to release a new version of React Native, 0.69.0. This version comes with several improvements for the New Architecture of React Native and new features: React 18 support & bundled Hermes. Read on to learn more! Sections​ React 18 Bundled Hermes Highlights of 0.69 React 18​ We are delighted to share with you that React Native 0.69 is the first release to support React 18. React 18 h

                                                                            Announcing React Native 0.69 · React Native
                                                                          • 個人制作で登山用GPSアプリを作った話

                                                                            概要 2年前の話になりますが、個人制作で登山用GPSアプリを開発しました。 今はクローズしているのですが、開発時に工夫した点などの共有をします。 何をするアプリか 登山時にGPSを使い、事前にダウンロードした地図上で位置を表示することで、山中で圏外にいても自分の現在位置を知ることができるアプリです。 また、どのような時間と経路で登山したのか、GPSの移動履歴を記録できます。 古くからこのようなアプリは他にもあるのですが、「サーバーなしで、国土地理院地図のみを使うことで、無料かつ無制限に地図データをダウンロードできる」という点を既存製品との大きな差別ポイントとして開発しました。 作ったもの 開発時の話 Flutter採用 最初はReactNativeで開発していましたが、1ヶ月ほど作ってからデザインの壁にぶちあたりました。 個人制作ですしデザインがネックになることは事前から想像できていたので

                                                                              個人制作で登山用GPSアプリを作った話
                                                                            • 【React】個人開発で使うために爆速でReactを勉強したい - Qiita

                                                                              この記事の主題 元々大学時代に個人開発で、VueやNuxt.jsを使っていたんですけど、 社会人になってサーバーサイドの言語である「Java」をやり始めて、 「本業でJava、個人開発でサーバレスのモダンなやつで開発できたら、なんかめっちゃかっこよくね?」ってなったので、 最近のサーバレスの開発記事でよく目にする+モバイルアプリ開発のReactNativeにも拡張できる、 Reactを学習しようという運びになりました。 ただ、最初はwebアプリも作ってみたいと思ったため、Next.jsを学習するために、 なる早でReactを終わらせたかったのです。 留意事項 この学習のゴールを、「フレームワークを使う際に困らないようにする」というところに置いており、 複雑な概念はそこまで熱心にやっておりません。 また、基本的に遅延評価勉強法をベースとした学習をしています。 そのため、ある程度のことは、何か

                                                                                【React】個人開発で使うために爆速でReactを勉強したい - Qiita
                                                                              • RN Features 2021年9月号 - iOS 15, Android 12 に向けた準備, React Native バージョン 0.65.1 リリース, React Native導入事例: 出前館のサーバーサイド・モバイルクライアントの技術スタック - KitchHike Tech Blog

                                                                                はじめに キッチハイクのエンジニアメンバーでReact Nativeの気になるニュースを持ち寄ってみました! はじめに React Native Japanコミュニティの1ヶ月 iOS 15, Android 12 に向けた準備 iOS 15 QuickType Bar Transparent Navigation Bar シミュレーター Android 12 Overscroll Effect Permission Updates React Nativeがマネージャー採用 React Nativeバージョンアップ情報 react-native 0.65.1 リリース react-native 0.66.0 の予習 React Native導入事例: 出前館のサーバーサイド・モバイルクライアントの技術スタック 定額制プログラミング教室テックジム「スマホアプリコース」を新設 React N

                                                                                  RN Features 2021年9月号 - iOS 15, Android 12 に向けた準備, React Native バージョン 0.65.1 リリース, React Native導入事例: 出前館のサーバーサイド・モバイルクライアントの技術スタック - KitchHike Tech Blog
                                                                                • Lazy loading React Native components from a server

                                                                                  TL;DR What if we could add placeholders in our apps that can display content fetched from a server; and what if we're able to build and host those content at the server as react-native components? This would mean we could push new, feature-rich content to our apps without pushing app store updates. We could create dynamic home pages that change over short time periods. We could change the look and