production.log

株式会社リブセンスでエンジニアをやっている星直史のブログです。

ExpoのMediaLibraryからiOSのHEICファイルをアップロードした場合にリサイズできない問題の解決方法

会社で作っているSnapmartアプリは写真のアップロードがメインのアプリです。 Snapmartにおける写真アップロード処理は、ざっくり以下の手順で処理されます。 1. スマホからS3にアップロード 2. S3にアップロードされた画像ベースにLambdaでサムネイル作成 …

SnapmartアプリにFirebaseAnalyticsを導入しました

SnapmartアプリはReact Native + Expoで動いています。 2019年5月にAndroid版をリリースし、2019年12月にiOS版をリリースしました。 リリース当初は不具合や非機能要件を満たせないことが多かったため、その対応に追われることが多かったのは記憶に新しいで…

Expo SDK v36.0.0で追加されたMediaLibraryのお気に入り写真の読み込みが遅い問題と回避策

React Native 0.61からCameraRollが削除されました。 そのため、Expo SDK v36.0.0以降でExpoマネージドアプリを作成している場合は、MediaLibraryを使用して写真を読み込まなければならなくなりました。 CameraRolleでは、「お気に入り」がアルバムの一つと…

Snapmartアプリで使用しているReact Navigationをv4からv5にアップグレードした際の対応

2020年2月にReact Navigationのv5がリリースされました。Snapmartアプリでは、React Navigation v4を使用しています。 React Navigation v4では、Stack NavigatorにJavaScriptを使用していましたが、ネイティブのような感覚とパフォーマンスが低下する場合が…

SnapmartアプリのExpo SDKのバージョンをv35.0.0からv37.0.0にアップグレードで対応したこと

4月1日にExpo SDK v37.0.0がリリースされました。自分が開発に携わっているSnapmartアプリではExpo SDK v35.0.0を使用していました。 Expo SDK v36.0.0がリリースされた際は、Snapmartアプリにとって、アップグレードを行う強いモチベーションがなかったので…

React Nativeにおいて、WebViewでhtml内のリンクをブラウザアプリで処理をする方法

先日、Expoアプリで使うWebViewはreact-native-communityを使わなければ表示させることができないという記事を書きました、今回もWebViewネタ。 WebViewを使用するときは、大きく2つに分かれます。 1. URLを指定する場合2. HTMLを記述する場合 WebViewはWebV…

Expoアプリで使うWebViewはreact-native-communityを使わなければ表示させることができない

ExpoアプリでWebViewを使用する際、以下のソースコードでは、画面に文字列を出力することができません。今回はExpoアプリで使うWebViewはreact-native-communityを使わなければ表示させることができない問題の解決方法を書きます。

RailsでCSVを生成し、Excelで開く時にハマったこと

管理画面的なシステムで、RailsからCSVを出力し、それをエンドユーザーがExcelで開くようなシュチュエーションで困ったことがありました。 * セル内の日本語が文字化けしてしまう * 0埋め文字を生成しても、Excelで先頭の0が除かれてしまう それぞれ5分ほど…

Rails6で追加されたAction Mailboxをルーティングから消す方法

Rails6導入されたAction Mailboxは受信したメールをコントローラに似たメールボックスにルーティングし、Railsで処理できるようにする機能です。 非常に便利な機能ですし、Railsのプロジェクトを作り始めた直後から使い始めることが可能です。 rails new直後…

React Native Debuggerの長時間使用時のメモリリークを防ぐ方法

React Nativeを使用したアプリの開発時に必要になるものはデバッガーです。デバッガーにはいくつか種類があります。 * Chrome * VSCode * Reactotron * React Native Debugger * console.log((流石にこれだけだとキツいですが)) これらの中で、私はReact Nat…

今日最終出社日を迎えたインターン生の前で泣かずに済んだ

今日は、ピクスタの開発部サポート(開発部の総務的なチーム)のインターン生の最終出社日だった。 そのインターン生は、何の変哲もない大学生であったが、弊社に多大な貢献をし、最終出社を終えた。 今回は、そのインターン生が何故そのような成果が出せたの…

AWS EC2上でReact Native + Expo アプリを動かし、手元のスマホに配信する方法

React Native + Expoを使用すると、エミュレータだけではなく、実機でも手軽にアプリの動作を確認することができます。 ただし、制約もあります。 * 実機への配信は、同一のネットワークからでなければ配信することができない * 配信元はローカルのPCとなる…

Re:スムーズに技術書を入稿するためのチェックポイントと値付けについて

技術書典8は新型コロナウィルスにより中止になりましたが、印刷所への入稿が割引率が最も高い早割で申し込むことはできました。 技術書典の参加は今回で2回目でしたが、1回目で覚えた内容をほぼ忘れていたため、 前回メモ書き程度に残した自分のブログを頼り…

ReactNativeでカメラロールから写真を複数枚選択する処理の実装

自分が作っているプロダクトであるSnapmartは、スマホのアプリから誰でも手軽に写真を売り買いできるサービスです。 スマホアプリでは、カメラロールの中から写真をアップロードをする機能があります。 この写真をアップロードする機能ですが、カメラロール…

rake db:migrateでIndex column size too large.と言われてしまった場合の対応

development環境にMySQLを構築して一からmigrationを実行しようとした時に、Index column size too large.と言われてしまいました。 この記事ではrake db:migrationでIndex column size too large.と言われてしまった場合の対応についてメモ程度にまとめます…