ReactNative

オーディオセッションを共有して同時に音を出した状態にするとき、ダッキングと言って片方の音を小さくして片方を目立たせることができる。 iOSネイティブ開発では AVAudioSessionCategoryOptionDuckOthers を指定すればこれが実現できるが、react-native-sound では対応していなかったのでパッチを当てた。 RNSound.m withOptions:AVAudioSessionCategoryOptionMixWithOthers | AVAudioSessionCategoryOptionAllowBluetooth ここを withOptions:…

起こったこと 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…

広告について 本アプリでは、広告配信ツールとしてAdMob(Google Inc.)を使用しており、AdMobがご利用者の情報を自動取得する場合がございます。取得する情報、利用目的、第三者への提供等につきましては、以下の広告配信事業者のアプリケーション・プライバシーポリシーのリンクよりご確認ください。 Google 広告に関するポリシー https://policies.google.com/technologies/ads?hl=ja 利用状況解析ついて 本アプリでは、今後の開発の参考とするため、アプリの利用状況データを収集するツールとしてFirebase(Google Inc.)を使用して…

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…

やりたいこと React NativeからAndroidの画面を呼び出したいです。 実現したいこと React Native（JavaScript）の画面からAndroid（Java）の画面に遷移したいです。 ネイティブモジュールを使えばできそうですが、Androidアプリの開発経験すらない初心者ですので、やってみます。 reactnative.dev 全体の流れ 経験者の方には「ネイティブモジュールを使って画面遷移なんて簡単じゃん」と思われそうですが、 当方React NativeはおろかAndroidアプリの開発経験すらないので、あまりイメージが湧きません。 そこで、 Ⅰ. ネイティブモジ…

Reactについてやりのこしたことも多いですが、目的が、React Nativeなので、それに移行したいと思います。 その前に、今後関係するかもしれないバージョン管理について勉強したいと思います。 OSはWindows10です。 ①Node.jsのバージョン管理 いろいろ方法はありますが、windowsでは、sudoコマンドは使えませんので（これがつかえると、n コマンドで簡単にできるようですが、、、）今回はnvm-windowsを使用しました。 WindowsでNode.jsバージョン管理ツールをどれにするか (zenn.dev) Windows環境にnvmをインストールする | 株式会社C…

こんにちは。ferciを担当しているマネックス ラボの佐藤です。今回は、一年後を見据えてiOSとAndroidのアーキテクチャを考えるとするならば、どうするのが良いのかについて書きたいと思います。 なお、モバイルアプリのアーキテクチャは規模や要件次第であるため唯一の正解はないことと、本記事執筆時点ではStableではなくベータ版であるKotlin Multiplatform Mobile(KMM)についても言及していますので、あくまでご参考にしていただければと思います。 ferciのプロジェクトで起きている問題 ferciは2019年2月に開発をスタートしていることから、当時主流だったアーキテ…

みなさま，こんにちは！めもりーです。 2023/2/3 に，弊社の社内で LT を実施しました。 トーク内容 個人開発で年収ｲｯｾﾝﾏﾝ!! 目指して脱サラしよう！ 登壇者: u_yas さん アプリ開発には市場のニーズを理解した上で，競合と差別化した開発が必要という，ビジネス寄りの視点をもったトーク内容になっておりました。 Web サーバの性能を比較してみた 登壇者: サンシャイン松井さん Apache と Nginx，PHP-FPM のパフォーマンス測定を行ってみたトークでした。 用途によって異なるので，どういった技術選定をしたほうがよさそうかなどの検証等もされていました。 日本語を入力す…

MacBook Airを購入しました 「閉じる」ボタンの意味の違い さいごに MacBook Airを購入しました 私は趣味でiOSアプリを開発しているのですが，最終的にMacがないとビルドできないようなので，MacBook Airを購入しました。（ReactNativeとExpoを使用して開発しているので，WindowsでもiOSアプリの開発自体は可能なのです。） 実はmacOSを使用したのは初めてではなく，以前Hackintoshを作成した夢(?)を見た際に，少し触ったことがあります。しかしながら，今までほとんどの作業をWindowsでこなしてきたため，WindowsとmacOSのショート…

オンラインサロン事業部 新卒活動記録 はじめに こんにちは、合同会社DMM.comのオンラインサロン事業部所属の田上です。22年新卒で、今年の8月からオンラインサロン事業部でプロダクト開発を担当しています。 今回は初めてオンラインサロン事業部の記事を書いていきます。 本記事では、8月に配属されてから現在までにやってきたことや学んだことなどを、素直な感想とともに書いていきたいと思っています。 この記事でオンライサロン事業部の内部の雰囲気やサービスについて知っていただけると幸いです。オンラインサロン事業部へ興味のある方はぜひ読んでみてください！ 目次 オンラインサロン事業部 新卒活動記録 はじめに…

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

さて、年末です。 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」には、人気のあるアプリにスターという「いいね」のような機能があります。スターはアプリ自体の人気を表すものなので、フレームワークの人気とは言えませんが、人気のあるアプリを作っているのは、ど…