新アプリ「カレイドカメラ」をリリース

新アプリ「カレイドカメラ」をリリースしました。

前作「カレイドツクール」のカメラ版ですね。

カレイドスコープ(万華鏡)の写真を撮るアプリです。

続きを読む 新アプリ「カレイドカメラ」をリリース

React Nativeでスリープからの復帰処理

React Native(Expo)で端末の状態を気にすることは少ないです。

以前のカレイドツクールではOpenGL関係で復帰処理が必要でしたが、ライブラリで復帰直後に発火するイベントがあったためそれを使っていました。

今回はカメラのリロードが必要になったので復帰イベントを調べました。

続きを読む React Nativeでスリープからの復帰処理

React Nativeの複数スタイル指定

状態に合わせてスタイルの上書き(オーバーライド)をしたいことはよくある。

スタイル自体はStyleSheet.createで定義してると思ってください。

通常[](配列)を使えばいいのですがちょっとハマったことがあったので、3つの方法と注意する点を書いておきます。

続きを読む React Nativeの複数スタイル指定

React Native, ExpoでカメラビューのOpenGL処理

一月ほど前に失敗した「React Native (Expo)でカメラプレビューにエフェクト」のリベンジです。

React Native(Expo managed)の環境で、カメラのプレビュー画面を入力としてOpenGLで編集して表示する方法を見つけたので書いておきます。

続きを読む React Native, ExpoでカメラビューのOpenGL処理

React.FCでもforceUpdateしたい

React管理下にない値の変更時に描画を更新したい。

あまり使いたいものでもないですが、React.Componentでは適切なタイミングでthis.forceUpdate()を使うことになります。

今回は関数コンポーネントで作成中にforceUpdateに当たる処理が必要になったのでどうにかしようという内容です。

続きを読む React.FCでもforceUpdateしたい

React Native, Expoのメモリ問題について

特定の端末で特定の写真を開くとエラーも出ずすっとアプリが再起動する。

OpenGLの問題で同じようなこともありましたが今回はより条件がわからない。

結果的におそらくメモリ不足であろうという推測に至ったので、ImagePickerで取得する画像の調整や使えるメモリ量などの備忘録。

最終的にImagePickerが原因で対処療法しかないという内容ですが、これを機に色々調べることが出来たので時系列順に書いていきます。

続きを読む React Native, Expoのメモリ問題について

React native, Expoのビルドサイズを削減

expoでビルドした「カレイドツクール」は49MBでした。

こんなもんかなと思いましたがassetに大きなファイルも入れていないのにこれまでのUnityアプリよりもサイズが大きい。

Google Play App Signingを有効化してAndroid App Bundleを使用することで容量の削減を試みました。

少し減ればいいなと思っていたらなんと半分になります。

続きを読む React native, Expoのビルドサイズを削減

OpenGL on Android with Expo

バグフィックスしつつOpenGL仕様のおさらいをする内容です。

 

発端はReact Native(expo)で作ったAndroidアプリをテストしているときです。

ビルド後、複数端末でテストしたところタブレット端末で急にアプリが落ちました。

クラッシュレポートなど出ず、すっと消えるように。

expoをインストールしてデバッグするもログにも全く残りません。困った。

 

どの端末で使える/使えないと知りたかったのでOpenGLのバージョンなどから調べていきます。

続きを読む OpenGL on Android with Expo

React Nativeでスナックバーを表示させる

React nativeで何かアクションを起こしたときに「成功」のような表示を行いたい。

Toast / トースト(画面に浮き上がって消える)やModal / モーダル(ポップアップ表示)、SnackBar / スナックバー(アプリ領域にバー形式で表示する)を考えます。

react-native: ^0.61.5expo: ~36.0.0

続きを読む React Nativeでスナックバーを表示させる

React Native, Expoを使った画像処理の流れ

色々と機能の限られるReact Native(Expo managed)で画像処理することを考える。

細かい部分はドキュメントを参照するとして使うライブラリや全体的な流れをざっくりとまとめてみます。

I/Oに不満がなければわりと好き放題できる。

続きを読む React Native, Expoを使った画像処理の流れ