タグ React Native
人気順 10 users 50 users 100 users 500 users 1000 usersUbieが2024年にReact Nativeを選ぶ理由
Ubieでは、Ionic(Capacitor)でガワアプリ的に実装されていたモバイルアプリ(Android/iOS)を、2024年初頭にReact Native (with Expo)にリプレイスしました。 「なぜ今更React Nativeを?」という方もいらっしゃると思います。本記事では、UbieにとってReact Nativeがフィットした理由や検討した点を紹介します。Ubieの技... 続きを読む
React NativeとExpo RouterのRSC導入に向けたアップデートが来そう - laiso
Expo Routerとは Expo Routerは、React NativeおよびWebアプリケーション用に設計されたファイルベースのルーティングライブラリ。 docs.expo.dev RSCを活用してサーバー側でコンポーネントレンダリングとストリーミングを行う新しいSDUIの構想 "Fetch Once, Render Everywhere: React Server Components in Expo Router... 続きを読む
React NativeでInstagramのようなGrid表示をつくったときの学び - JMDC TECH BLOG
モバイルアプリエンジニアをやっている@mrtryです! React NativeでInstagramのようなGrid表示をつくりたくなったんですが、微妙にわからないことが多かったので防備録として記事を書きました🥳 サンプル この記事は、以下のようなGrid表示を実装したときの紹介になります みんな大好きなExpoでサンプルも作りました🫶 こ... 続きを読む
フロントエンドの Monorepo をやめてリポジトリ分割したワケ - カミナシ エンジニアブログ
こんにちは。ソフトウェアエンジニアの坂井 (@manabusakai) です。 カミナシのプロダクトは、管理者の方が使う Web アプリに React、現場の方が使う iPad / iPhone アプリに React Native を採用しています。 どちらもフロントエンドの技術スタックを採用していることもあり、先日までは Monorepo と Yarn Workspaces の... 続きを読む
React for Web/Reat Native両対応のUIフレームワーク「Tamagui 1.0」正式リリース。最適化コンパイラで高速なレンダリングなど実現
React for Web/Reat Native両対応のUIフレームワーク「Tamagui 1.0」正式リリース。最適化コンパイラで高速なレンダリングなど実現 React for WebとReact Nativeの両方に対応しオープンソースで開発されているクロスプラットフォーム対応のUIフレームワーク「Tamagui 1.0」が正式にリリースされました。 Tamaguiを用いる... 続きを読む
コミューンのモバイルアプリを Flutter でリプレイスしている話 - commmune Engineer Blog
はじめに こんにちは、コミューン株式会社でソフトウェアエンジニアをしている牛嶋です。 2022 年 4 月にコミューンに入社してから、モバイルアプリチームに所属しており、Flutter を用いてコミューンのモバイルアプリ開発に従事しております。 元々コミューンのモバイルアプリは React Native で開発されていましたが、... 続きを読む
ウェブとReact Nativeアプリのコード共通化による同時展開 - Hello Tech
javascripterです。ハローでは、プロダクトのローンチ前からAutoReserve の開発に関わっています。今回の記事では、AutoReserveでおこなっているコード共通化の取り組みについて紹介します。 背景 AutoReserveのネイティブアプリはReact Nativeで書かれており、またウェブ版は、Reactで書かれています。 ウェブ版では、R... 続きを読む
vim沼: NeovimのReact、TypeScript、Tailwind CSS用セットアップ
元記事(英語): My Neovim setup for React, TypeScript, Tailwind CSS, etc こんにちは、個人アプリ作家のTakuyaです。 Vim歴はかれこれ10年以上です。 僕はInkdropというMarkdownノートアプリを独りで開発しています。 このアプリはElectronやReact Nativeで組まれており、マルチプラットフォームで動作します。 それら... 続きを読む
Supabase勉強のためにReact Nativeを使って遊んでみた | DevelopersIO
こんにちは、こんばんわ。 「コロナワクチン3回目接種後、左大胸筋が痛いです。」 CX 事業本部 Delivery 部 MAD グループ@札幌の hiro です。 今回は、弊社ブログでもいくつか既に紹介されているSupabaseを勉強がてら触ってみたということで、執筆させていただきます。 はじめに 既に、いくつか弊社でもSupabaseに関する... 続きを読む
FlutterとReact Native、どちらに勢いがあるのか そしてDartは
調査会社のRedMonkは2022年5月16日(米国時間)、Google主導で開発されているオープンソースフレームワーク「Flutter」の動向を分析、解説した。Flutterの目的は、単一のコードベースから、ネイティブにコンパイルされた高速で美しいクロスプラットフォームアプリケーションを作成できるようにすることだ。 RedMonkが202... 続きを読む
GitHub - livekit/livekit: Scalable, high-performance WebRTC SFU. SDKs in JavaScript, React, React Native, Flutter, Swift, Kotlin, Unity/C#, Go, Ruby and Node.
LiveKit - Open source, high performance WebRTC infrastructure LiveKit is an open source project that provides scalable, multi-user conferencing over WebRTC. It's designed to give you everything you need to build real time video/audio/data capabilities in your applications. LiveKit is written in G... 続きを読む
stand.fmにGraphQLを導入して、半年。〜導入経緯や技術選択、現状や将来について〜
Transcript に GraphQLを導入して、半年。 〜導入経緯や技術選択、現状や将来について〜 by spice(@rabspice) on 2022/03/03 @ TECH STAND #7 GraphQL 自己紹介 @rabspice ・2021年6月stand.fm入社 ・React Native / React / express などで アプリ/ Web / バックエンド を実装している ・マリオカート(switch)をほぼ... 続きを読む
React NativeでAndroid/iOSのクロスプラットフォーム開発 「出前館アプリ」開発で必要なスキル
LINEのAndroid開発はどのように行われているのか——。LINEの7事業でそれぞれ募集するAndroid開発について、横断的に紹介する採用イベントで、田中優之氏が「出前館アプリ」のAndroid開発について詳細を紹介しました。 ゲームのアプリ開発から出前館へ 田中優之氏(以下、田中):出前館の事業に関して、京都開発室の田中... 続きを読む
React Native Matsuri 2021にJMDCのエンジニアとPdMが登壇しました - JMDC TECH BLOG
React Native Matsuri 2021 日本初のReact Nativeの技術カンファレンス React Native Matsuri 2021 にて弊社から2名登壇しました。 発表内容 4年運用した秘伝のReact Nativeアプリをチーム開発できるようにするまでにしたこと Pep Upアプリの開発を担当している山本が発表しました。動画はこちら 戦略的手抜きをするため... 続きを読む
「スタディサプリ」が React Native から卒業するまで、あるいは技術的負債への感謝と敬意 - Quipper Product Team Blog
こんにちは、Quipper iOS エンジニアの @manicmaniac です。 現在スタディサプリ iOS アプリ開発チームのエンジニアリングマネージャをしています。 今回はスタディサプリで長らく使われていた React Native のコードを Swift に書き換えた話をします。 実は React Native から Swift への置き換え自体は半年ほど前に完... 続きを読む
iOS・Androidの“新機能”をFlutterでどう実装する? MethodChannelとEventChannelでネイティブAPIを利用するには - ログミーTech
サイバーエージェントメディア事業部のメンバーが、Flutter・Kotlin Multiplatform を中心に、開発の中でのTipsを紹介する「Flutter × Kotlin Multiplatform by CyberAgent #1」。垰氏からは、FlutterにiOS14の新機能を実装するときのポイントについて発表がありました。 「React Native」「Kotlin Multiplatform」「Flu... 続きを読む
Announcing React Native 0.64 with Hermes on iOS · React Native
Today we’re releasing React Native 0.64 that ships with support for Hermes on iOS. Hermes opt-in on iOS#Hermes is an open source JavaScript engine optimized for running React Native. It improves performance by decreasing memory utilization, reducing download size and decreasing the time it takes ... 続きを読む
React Native Debuggerを使った、React Native+Expo開発の流れ - カミナシ開発者ブログ
こんにちは、カミナシの@tomiです。 React Native + Expoで開発する上で、React Native Debuggerが自分にとって必須のものとなっています。 このツールを使って日々どういった感じで開発しているかをまとめました。 他にもReactotronやReact Native Toolsなどのデバッグツールもありますが、私は様々な情報をまとめて確... 続きを読む
vim沼: JavaScriptでElectronとReact Nativeアプリを効率的に開発する設定
先に英語で書いてから日本語訳しています。 こんにちは、個人アプリ作家のTakuyaです。 僕はInkdropというMarkdownノートアプリを独りで開発しています。 これはmacOSやWindows、Linux、iOSからAndroidまでスムーズに動作します。 なぜならデスクトップ版はElectron、モバイル版はReact Nativeで組まれているからです。 ... 続きを読む
【React Native + Expo】オフライン対応について振り返ってみた - KAMINASHI Developers Blog
はじめに はじめまして、株式会社カミナシのエンジニア @MuiKnskです。 カミナシは3年目で最近はソフトウェアテスト、ソフトウェア品質に興味を持っています。 何故かと言うとバグはゼロに出来ないと思っていて、如何に減らしてサービスの品質を担保していくかに興味を持つようになりました。 この辺り知見を持ったエン... 続きを読む
Nature での React Native アプリの運用について / React Native App in Nature - Speaker Deck
Transcript 厳秘:本資料の⼀部または全部を、Nature株式会社の許可なしに、複製、転載することを禁じます。 Nature Ͱͷ React Native ΞϓϦͷӡ༻ʹ͍ͭͯ Sep 4. 2020 Nature Inc. soh335 • github.com/soh335 • Nature גࣜձࣾιϑτΣΞΤϯδχΞ About Me 2 • Nature Remo, νʔϜͷհ • Ҡߦ࣌ͷ • ࠷ۙͷ։ൃͷ • ࠷ۙߟ͑ͯΔ͜ͱ Agenda 3 Nature Remo, チームの紹... 続きを読む
RN Features 2020年4月号 - React Native で使えるクラッシュレポート, React Summit リモート開催, Expo SDK v37 - KitchHike Tech Blog
はじめに キッチハイクのエンジニアメンバーで React Native の気になるニュースを持ち寄ってみました! RN Features 初のリモート編集号です! はじめに クラッシュレポートライブラリ Bugsnag React Native Bubble Select React Native で App State と Event Listener を使う React NativeでAndroid、iOS、Webを1つの... 続きを読む
株式会社オープンコレクターに転職しました - 科学と非科学の迷宮
2020年4月6日付で、株式会社オープンコレクターのシステムアーキテクトとして勤務を開始しました。 https://open-c.jp/ この会社は、PythonやGo、React Native などの技術を中心として、認証基盤や決済システム、大規模データ処理アプリケーションやチャットボットアプリケーションなどについて、フロントエンドからバッ... 続きを読む
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 のパフォーマンス改善 Fl... 続きを読む
FlutterとFirebaseで開発した 英語の瞬間翻訳トレーニングアプリ Lala の技術 - Qiita
どうも、shoheiです。 大阪在住のフリーランスエンジニアです。現在はFlutterやReact Nativeを使ってプロダクト開発をしています。 今回はFlutterとFirebaseで開発した英語の瞬間翻訳トレーニングアプリ Lala の技術を紹介します。 アプリはこちらからダウンロードできます(無料でご利用できます)。 ・iOS https://app... 続きを読む