AI再生成に壊されない設計 — Rork の生成コードと手書きロジックを分ける境界の引き方
Rork へ追加指示を出すたびに手書きのロジックが消える。プロンプトで守るのは対症療法です。生成コードと自分の所有コードを層で分け、再生成が届かない境界を設計で引く方法を、Zustand と service 層の実装例つきでお伝えします。
Next.js × Supabase で必ず向き合う3つの実装 — RLS・状態管理・リアルタイム更新
Webアプリの土台を組んだ先で必ず詰まる3つ、DBのアクセス制御（RLS）・画面の状態管理・リアルタイム更新を、Next.jsとSupabaseのコードを交えて実装レベルで解説します。購読の解除忘れによるメモリリークや、認証とRLSの連動といった、本番でハマる落とし穴まで。
Rork のお気に入り一覧を長押しドラッグで並べ替える — 再レンダリングを抑えた reorderable list と並び順の永続化
Rork が生成したお気に入り一覧に、長押しドラッグの並べ替えを後から足す実装手順です。再レンダリングを抑える設計、worklet の境界、並び順の永続化、ジャンクやゴーストカードの回避までを実コードでまとめました。
課金復元より先に広告を初期化したら、有料ユーザに一瞬広告が出た — Rork(Expo)アプリの起動順序設計
同意取得・ATT・広告初期化・課金復元・リモート設定を、起動の数百ミリ秒のあいだにどの順番で走らせるか。順序を1つ間違えるだけで、有料ユーザに広告が一瞬出たり、EEA で同意なしの計測が走ったりします。Rork で生成した Expo アプリの起動処理を1つのオーケストレータに畳み、競合を設計で潰す手順を実装メモとしてまとめます。
電波が切れても操作を止めないアプリ設計 — 楽観的更新と、戻ってきたときの競合解決
Rork で作った Expo アプリを、地下鉄やエレベーターで電波が切れても操作が止まらないように設計します。画面を先に更新する楽観的更新と、通信が戻ったときに食い違いを解く競合解決を、動くコードで組み立てます。
「広告を消す理由」が3つに増えた日 — Rork アプリの広告非表示判定を1か所に畳む設計
課金していないはずの画面だけ広告が出る、あるいは課金済みの読者に広告が出てしまう。原因の多くは「広告を消す条件」がコードのあちこちに散らばっていることでした。サブスク・買い切り・リワード時限解除の3つを1つの状態に畳み、すべての広告表示を同じフックに通す設計を、個人開発で6本のアプリを運用してきた実装メモとしてまとめます。
RorkアプリでZustand v5を導入したら、Context APIで詰まっていた再レンダリング問題が解消した話
RorkアプリでContext APIを使い続けたら再レンダリングが多発。Zustand v5への移行で解決した経緯と、v4からの変更点・実践的な実装パターンを紹介します。
Rorkが生成したReact Nativeコードを本番品質に育てるリファクタリング実践ガイド
Rorkが生成するReact Nativeコードに潜む6つの技術的負債を特定し、TypeScript型安全化・コンポーネント分離・状態管理・非同期処理・パフォーマンス・テスタビリティの各観点から本番品質へ引き上げるリファクタリング手法を Before/After コードで徹底解説します。
RorkアプリのTextInputで文字が消える・カーソルが飛ぶ問題を3パターンで直す
Rorkで生成したアプリのTextInputで、入力中に文字が消えたりカーソルが文末に飛んだりする問題を、再レンダリング・親stateの遅延・onChangeText変換の3パターンで切り分けて直す方法を解説します。
Rorkでポモドーロタイマーアプリを作る完全チュートリアル
Rorkを使ってポモドーロタイマーアプリを作る方法をステップバイステップで解説。タイマー機能、セッション管理、UIアニメーションの実装まで、初心者でも30分で完成できます。
Rork のバイブコーディングで多画面アプリを破綻させない — 画面分割・状態管理・プロンプトを3段階に分ける設計手順
Rork で4画面を超えるアプリを作ると、画面単体では動くのに遷移の瞬間に状態が消える問題に当たります。原因はプロンプトの構造にあります。3層分離・型付き Context・段階プロンプトで多画面アプリを壊さず育てる手順を、実際に動いた構成とともにまとめました。