ReactNative

起こったこと Win用アプリを作ろうと思っていろいろと調べていたらReactNative for Windows + macOSというものを見つけた。 microsoft.github.io 始めるために色々必要な手順はこちら microsoft.github.io 軽く作ったもの 時間が表示されるようなアプリ。これからいろいろいじってみたい。

カミナシ・エンジニアリングマネージャーの @dmi8a と、 エンジニアの @imu です。 現場DXプラットフォーム「カミナシ」は、WebのアプリケーションとMobileのアプリケーションを1セットで提供する形を採用しているサービスです。 今日はExpoのOTAアップデートを介した、カミナシMobileアプリのリリースでぶつかった壁とそれを突破した方法について共有させてください。 本記事における前提 「カミナシ」は、Mobileのアプリケーション開発に、React Nativeを採用しております。 ※ご周知の通り、React Nativeは、iOS/iPadOS系アプリとAndroid系アプ…

はじめに アプリがフォアグラウンドにあるタイミングで特定の処理を実施したかった 検証環境 $ react-native -v react-native-cli: 2.0.1 react-native: 0.67.3 コード import React from 'react'; import { AppState } from 'react-native'; class App extends React.Component { componentDidMount() { AppState.addEventListener('change', () => { if (AppState.curre…

検証環境 $ react-native -v react-native-cli: 2.0.1 react-native: 0.67.3 実装 iOS ios/{project}/AppDelegate.mを以下のように修正する @implementation AppDelegate - (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions { // 省略 // ↓追加 if (@available(iOS 13, *)) { self.…

expo publishについて expo publishを実行するとプロジェクトの永続的なURLが発行される。 これはExpo Goアプリで開くことができる。 そして、アプリの画像、フォント、動画などのアセットがすべてCDNにアップロードされる。 expo publishを実行した際に指定したリリースチャンネルとインストールされたアプリのリリースチャンネルが同じであり、そのプッシュされたリリースは最新版でかつ互換性のあるリリースである場合は、ユーザーはスタンドアロンなアプリを通してそのアップデートを取得することができる。 これは、いわゆるストアを経由しないでアップデートを配布できるOTAとい…

React Native・Expoで作成したiOSアプリに、Google AdMobの広告を入れた。 expo-tracking-transparencyを導入して、トラッキングの許可のリクエストダイアログを実装する必要があるので、まとめて手順をメモしておく。 手順 1.Google Admobから、広告ユニットIDを設定し、コピーする。 https://support.google.com/admob/answer/7356431?hl=ja 2.expo-ads-admobとexpo-tracking-transparencyをインストールする。 expo install expo-ads…

EAS（Expo Application Services）を利用して、React Nativeで作ったiOSアプリをbuildし、App store connectに送信できたので、手順をメモしておく。 手順 Apple store connectで、アプリを作成し、以下の情報をメモしておく。 appleId メールアドレス ascAppId 作成したアプリのApp情報 > 一般情報 > Apple ID appleTeamId 右上のプロフィールを編集をクリックした先で、チームIDを確認できる eas.json※をプロジェクトルートに設置する。 ターミナルでeas build --plat…

Xcode14.2に更新した後、以下のエラーが発生して実機でのビルドができなくなった。 (※ちなみにReactNativeプロジェクト。) Signing for "React-Core-AccessibilityResources" requires a development team. Select a development team in the Signing & Capabilities editor. Signing for "GoogleSignIn-GoogleSignIn" requires a development team. Select a development…

プログラミングスクールのメリットとは? 未経験からプログラマーを目指しているものの「時間とお金をかけてまでプログラミングスクールに通うなんて意味ないのでは？」と思っている方も多いよう。ですが、エンジニアへの転職を実現するためにはプログラミングスクールに通うのが最も有効な手段であることに間違いありません。スクールのメリットを解説します。 プログラミングスクールで学ぶと最短ルートで就職できるのはなぜか？ 2020年4月から小学校でも必修化されたプログラミングは、今や次世代の社会人にとって必須のスキル。そんな風潮から、最近は「プログラミングスキルを身に付けるためにスクールに通いたい」と考える20代～…

2022年を振り返ります. の前に 自己紹介などの前置きを 自己紹介 2021年に大学院を修了し,東京のweb系会社に就職したエンジニアです。 業務ではJavaとJavaScriptを用いたwebサービス開発です。 どちらかというとJavaを書くことのほうが多いです。 趣味ではRust書いたり, neovimの設定弄ったりしてます。 github.com github.com github.com 学生時代にPythonで機械学習回したり、ReactNativeでモバイルアプリ開発をしてた時期もあります。（最近書いていないので結構忘れちゃいましたが。） それと研究室のサーバー管理業務をやってい…

さて、年末です。 www.ikkitang1211.site 例によって、振り返りをやっていきましょう。 3行 やる事を絞って挑戦する事にトライした一年だった TechPMになった 子供二人の生活が始まった 2022年の目標とのギャップ www.ikkitang1211.site フロント領域の問題解決に対して、ググる or 相談しながら自分で解決出来るレベルになる サービスを作る アクセスしたらUUIDを生成する奴 以前作ってたアプリをReactNativeで書き直す はい（はい 懲りずにフロントエンドやる〜とか書いていますが、今年はプライベートでコードを書いた記憶が全然無くって成長の鈍化を…

ずっと Intel Mac で ReactNative アプリをビルドしていたのですが Apple Silicon な Mac で react-native run-ios しようとすると以下のようなリンクエラーが山ほど出てしまいました。 building for ios simulator-x86_64 but attempting to link with file built for ios simulator-arm64 自分の場合は原因は２つでした。 "EXCLUDED_ARCHS[sdk=iphonesimulator*]" = "arm64" している シミュレータ環境では ar…

新卒でマイクロフロントエンドを経験してみて こんにちは！kintone フロントエンドリアーキテクチャプロジェクト（フロリア） の AppShell チームで活動している 22 新卒のアルベスです。この記事は、Cybozu Advent Calendar 2022 の 21 日目です。 AppShell チーム でマイクロフロントエンドを用いた取り組みを経験したことで、エンジニアとして成長するきっかけになったので共有したいと思います！ 目次 新卒でマイクロフロントエンドを実践するチームにジョインした マイクロフロントエンドを実践することになった経緯 AppShell チームのゴール マイクロフ…

久しぶりにスマホ向けアプリを開発することになりましたので、最近はどんはフレームワークが主流なのか調べてみたところ、React Native vs Flutter どちらかを選ぼう、という結論にいたりました。 どっちが人気があるの 使うプログラミング言語は？ 設計思想の違い 対応しているOSは？ IDEは？ 結論 せっかく全力で比較しましたので、まとめてみようと思います。 どっちが人気があるの 「Git Hub」には、人気のあるアプリにスターという「いいね」のような機能があります。スターはアプリ自体の人気を表すものなので、フレームワークの人気とは言えませんが、人気のあるアプリを作っているのは、ど…

こんにちは、NatureでソフトウェアエンジニアをしているTakumiです。 Natureが提供しているモバイルアプリケーションNature RemoはReact Nativeを使って開発をしています。 元々はiOS/Androidともにネイティブで開発をしていましたが、2018年にReact Nativeに移行しています。 当時の詳しいことは次の記事をご覧ください。 engineering.nature.global Webアプリ開発者、React Nativeに出会う 今年の10月からNatureにジョインした私はWebアプリがメインの開発者でした。 ここ最近はReact、Nextjsを使…

207株式会社でソフトウェアエンジニアをしている id:ryo-rm です。 1年前、EAS Buildを使ったリリースフローについて書きました。 今回は1年経ってリリースフローがどう変わったのか、EASをどう活用しているか、React Nativeアプリをどう運用しているか等について書こうと思います。 現在もexpo-updatesによるOTAアップデートを活用しており、高速なデプロイを実現しています。 tech.207-inc.com

2年ぶりくらいにエージェントにお願いして仕事を探したんですが、結構業界の様子が変わっていたと思うので、ここらへんで再度環境認識をまとめておきたいと思います。 それにしていもiOS開発業界は狭いですね、2000人も居ないのでは？正味1000人以下。 SwiftUIは2023年から来る ただしゆっくり来ると思います。私の観測では「使い物になる」がiOS15,iOS16あたりからだという認識なんですが、最低バージョンにすることが求められるので。 3バージョン保証の場合2022年末 iOS16, 15, 142023年末 iOS17, 16, 152024年末 iOS18, 17, 16 となり、「ま…

背景（読み飛ばしてok) react-native-cli (以下CLI)から Expoへの移行 筆者はReactNativeを始めた当初、「ExpoはNative機能周り(Bluetoothなど)に制限あるよ」と聞いてCLI環境でアプリを一本完成させました。 play.google.com その後、PC買い替えに伴い改めて環境構築 例えばnpm、ruby、typescript、AndroidSDK、CocoaPods、その他諸々のインストールを進めていたところ、「Expoなら環境構築、リリース直前までのビルドなど一発ですよ」とアドバイスを頂きました。 ExpoとCLIの比較サイトなどを見ると…