Hatena Blog Tags
はてなブログ トップ
React Native
このタグでブログを書く

React Native

このタグの解説についてこの解説文は、すでに終了したサービス「はてなキーワード」内で有志のユーザーが作成・編集した内容に基づいています。その正確性や網羅性をはてなが保証するものではありません。問題のある記述を発見した場合には、お問い合わせフォームよりご連絡ください。
Nature Engineering Blog•3ヶ月前

React Nativeのプロジェクトをgithub actions上でスクリーンショットテストを実装してみた

モバイルエンジニアインターン生の筒井です。 本記事では、私が入社して行ってきたReact Nativeプロジェクトの、GitHub Actions上でのスクリーンショットテスト実装についてお話しします。 これによりGithub Actions上でReact Nativeアプリが動き、そのスクリーンショットが保存され、確認できるようになります。 背景 アプリ開発において、自動テストを行うことでコード内のエラーなどに気づくことができます。 しかし、Natureでは自動テストでロジックの確認は行なっていますが、現状、画面のレイアウト崩れは検知することができません。 そのため、実際に実装画面を見てみな…

#React Native#GitHub Actions

関連ブログ

ソフトウェア開発者のための OSS、まとめてみました！•1年前

テキストメインの新 SNS！「Bluesky」

概要 今回は、テキストメインの新 SNS「Bluesky」という OSS についてご紹介したいと思います。 皆さまは SNS を使用されていますでしょうか？ 私自身あまり SNS をやらないのですが、X（旧：Twitter）はやっており、ブログの記事宣伝や情報収集などで使用しています。 最近では名前が X に代わってからあまり評判がよくなく、代替のアプリなどがニュースでもよく取り上げられているかと思います。 そんな中、X（旧：Twitter）の共同創業者が立ち上げた「Bluesky」というのが今話題になっていたので、今回はこちらについてご紹介いたします。 目次 概要 目次 特徴 分散型 SNS…

#OSS#Bluesky#SNS#Twitter#X#分散型SNS#TypeScript#React Native
もふもふ技術部•1年前

Expoでブランクアプリケーションを生成してEASビルドを試す

個人開発しているアプリのExpoバージョンを上げていったらビルドが通らなくなった。そこで、比較的新しいバージョンのExpoではビルドがどういう感じになっているのかキャッチアップしたい。 ひとまずブランクアプリケーションが起動するまで まずはブランクアプリケーションを生成する。 $ expo init ExpoBlank ┌───────────────────────────────────────────────────────────────────────────┐ │ │ │ The global expo-cli package has been deprecated. │ │ │ …

#React Native
Devlog by Reazon Holdings•1年前

bare work flowのExpo SDKを49から50に更新した話

menu事業部 フロントエンドエンジニアの午菴です。 先日、AppleからApp Store Connectへのアップロード要件にXcode 15でビルドしていることが追加され、Expo SDKのバージョンを49から50へ更新する必要がありました。 menuはbare workflowで開発しており、更新作業はほとんど手動で行う必要があります。今回は更新手順と得た学びについて書いていきます 更新手順 [前提: 現環境の主要ライブラリとバージョン] - expo: v49.0.22 ★ - react: v18.2.0 - react-native: v0.72.6 - redux: v4.0.…

#React Native#iOS#Android
PLAY DEVELOPERS BLOG•1年前

大規模案件におけるReact Nativeでのスタイリング手法

最近新しい趣味を始めようと、前々から欲しかった車を買いました。 みなさんこんにちは、ソリューション技術部の隈本(クマモト)です。 今回は弊社でも新しい試みであるReact Nativeのお話です。 React Nativeを触ったことあるみなさんは、その中でもスタイリングについてどのようにされていますか？ サンプルコードによくあるようにコンポーネント内にスタイルを記述しますか？それともスタイル用のファイルを用意しますか？それともウルトラCな方法で記述してますか？ もしウルトラCをご存知の方がいれば教えてください。 今回私がReact Nativeの案件を進めるにあたり、実際に対応したスタイリン…

#React Native#スマートフォンアプリ
KENTEM TechBlog•1年前

モバイルアプリをReact Nativeで作り直した話

こんにちは。KENTEMでエンジニアをしているK.Kです。 今回は、私が所属する 遠隔臨場 SiteLive プロジェクトで、 モバイルアプリのフレームワークを変更せざるを得ない状況になりアプリを作り直した話を紹介します。 最後に、React Nativeを使ってみた感想も少し触れさせていただきました。 背景 事件 フレームワーク選び 開発期間の短縮 学習コストの低減 拡張性の確保 React Nativeを使ってみて デバッグ実行の問題 OSSライブラリの多用問題 このプロジェクトで感じたこと おわりに 背景 当時、弊社のモバイルアプリはXamarinを使った開発が多く、共通化された処理を使…

#モバイルアプリ#React Native
Hello Tech•1年前

Web高速化2 CLSで満点を取る

大変ご無沙汰しております、今年度もあと少しです。この記事ではAutoReserveでのCLS改善についてお話します。 Web高速化シリーズ第2弾となります、第1弾「メンバーを巻き込み、分析基盤を整える」も併せてご覧ください。 CLSはきちんと改善を行えば必ず満点の25点を取ることができる、Page Speed Insightsの中でもある意味特別な指標です。CLS以外の指標は「~するまでの”時間”」を示しますが、CLSだけは「1画面のなかでコンテンツがずれた”総量”」を示しているためです。秒数を削るのはある程度限界がありますが、「コンテンツがずれないようにする」のはほぼ完璧に対応することができ…

#Core Web Vitals#Page Speed Insights#CLS#React Native
プログラミング学習サイト•2年前

docker-composeでReact Nativeアプリを構築する【expo使用】

ソースコードのダウンロード build開始 bashを起動します アプリケーション初期設定 testappディレクトリに移動 start expo project 形態を開いて、QRコードを読み込みましょう 前提条件:iphoneかandroidを持っていること 前提条件2:expoアプリをお手持ちのケータイにダウンロードしていること ソースコードのダウンロード このリポジトリのソースコードをダウンロードしましょう build開始 docker-compose build bashを起動します docker-compose run react_native bash アプリケーション初期設定 …

#docker-compose#React Native#Dockerfile#Docker
TypeScriptでサーバーサイドをやる勉強中•2年前

アプリに混在するReact Native と WebView：採用技術の見直しか、ドキュメンテーション強化か

最近あるサービスのスマートフォンアプリに新機能を追加している。 そのアプリではAndroidネイティブ、iOSネイティブ、WebView、React Nativeの4種類の画面から構成されている。APIはREST APIとGraphQL APIの2種類がある。一見するとどこでどの技術を使っているのかわからないので、仕様を決めるためのコミュニケーションで誤解を生んだり、何度も同じ確認をするコストがかかっている。 この問題をどうしたら解決できるのだろうか。 根本的には APIの統合や、React Native を採用をやめてシンプルな構成にするというような採用技術の見直しとリファクタリングが必要だ…

#アプリ開発#React Native#iOSアプリ開発#Androidアプリ開発#ドキュメンテーション