すべての記事
Rork のテキスト入力にキーボード上のツールバーを足す — iOS の InputAccessoryView と Android の自前バーを1つの部品に揃える
Rork が生成した React Native アプリのテキスト入力に、キーボードの上へ固定する「完了」やクイック挿入ボタンのツールバーを足す方法です。iOS の InputAccessoryView と、Android で自前に組むバーを、1つの再利用コンポーネントへ畳む実装を実コードで残します。
写真の「選択した項目だけ許可」に正しく向き合う設計
iOS の写真ライブラリ限定アクセス(選択した項目だけ許可)に Rork(Expo)アプリで正しく対応します。フルアクセス・限定・拒否の3状態の判定、選んだ写真だけを扱う前提の画面設計、追加選択を促す導線までを実装コードとともに整理します。
New Architecture へ移行したら本番だけ画面がカクつくとき — interop 層への静かなフォールバックを計測して切り分ける運用メモ
New Architecture へ切り替えた Rork アプリが、開発中は快適なのにリリースビルドの実機でだけ一覧スクロールがカクつく。原因は旧式ネイティブモジュールが interop 層へ静かにフォールバックしていたことでした。検知の計測と段階的な切り戻しの実務メモです。
Rork × Vision Camera v4:QR・OCR・ML推論まで本番投入できるカメラ機能を仕上げる実装ノート
Rork のアプリで React Native Vision Camera v4 を本番品質に仕上げる実装手順を、フレームプロセッサ・ML 推論・QR/OCR から、発熱対策・実機テストマトリクス・ストア審査・段階リリースまで通してお伝えします。
Rork Max で NFC タグに書き込む — 読み取りで止まったアプリに一歩足す
Rork Max が生成する NFC アプリは、まず読み取りから始まります。けれど本当に体験が変わるのは『書き込み』を足したときでした。CoreNFC で NDEF をタグに書き込む実装と、実機でしか確かめられない落とし穴を整理します。
EAS Update を少人数から配り、クラッシュ率で自動的に止める
OTA 更新は一瞬で全員に届くからこそ、悪い更新も一瞬で全員に届きます。EAS Update を少人数(カナリア)から配り、クラッシュ率を見て広げるか止めるかを自動で判断し、最後は端末側で安全網を張る設計を、動くコードでまとめます。
Rork で出したアプリの本番クラッシュが minified のまま届くとき — Hermes のソースマップと debug ID を Sentry に通す
Rork が生成した Expo アプリの本番クラッシュが index.bundle:1:284913 のような数字だけで届く問題を、Hermes のソースマップと debug ID を Sentry へ正しく通して解消する手順をまとめました。
Rork のブラウザ・ライブシミュレータで確認できること、実機に移すべきこと
Rork のブラウザ内ライブシミュレータは試作の往復を一気に縮めてくれますが、すべてをそこで判断できるわけではありません。シミュレータで足りる確認と、Companion で実機に移すべき確認を、項目ごとに切り分けて整理します。
設定画面を1枚のスキーマから組み立て、複数アプリで使い回す
設定画面をアプリごとに手作業で作ると、運用本数が増えるほど破綻します。宣言的なスキーマから画面を組み立て、複数アプリで共通の土台を共有する設計を、型定義、共有スキーマと固有差分の分け方、一度書けば済むレンダラ、落とし穴とともに整理します。個人開発で複数本を運用する方向けです。
無料プレビューがスクショで丸ごと持ち出される前に — Rork/Expo でスクリーンショットと画面収録を検知して目隠しする設計
Rork/Expo アプリで有料プレビュー画像をスクリーンショットと画面収録から守る実装。expo-screen-capture の限界、isCaptured のネイティブ監視、iOS/Android の差を踏まえた目隠し設計を解説します。
リリースを重ねたら起動が静かに重くなっていたとき — Rork運用で効いたTTI計測と起動バジェットのメモ
Rorkで作ったアプリの起動が、リリースを重ねるうちに静かに重くなる問題への対処です。平均値では見えないコールドスタートの劣化を起動トレースとTTIマークで捉え、CIに起動バジェットを置いて再発を止めるまでの運用ノウハウを記録しました。スプラッシュの正しい使い方にも触れます。
Rork の共有リンクで配布前に実機差分を潰す手順 — プレビューで気づけない不具合の検証順
Rorkのエディタプレビューは整った環境で動くため、実機でしか出ない不具合を見逃しがちです。共有リンクで配布する前に潰しておきたい7つの実機差分と検証の順番、事前にコードへ仕込んでおく仕掛け、検証ログの残し方までを実体験からまとめました。個人開発での回し方も紹介します。