壁紙ギャラリーのような一覧画面を Opus 5.5 と GPT-6 Sol で作り分けてみる — effort の段数から選ぶ、最初の一画面
Rork のモデルメニューに並んだ Opus 5.5 と GPT-6 Sol で、同じ3列の一覧画面を作り比べました。effort の段数の違いと、どちらで続けるかを決めた基準、生成された画面の読みどころを書き残します。
FlatList でカクつき始めたら読む — Rork アプリを FlashList v2 で快適にする実装手順
Rork で生成したアプリの長いリストが重くなったとき、FlashList v2 へ移行することでスクロールが大幅に滑らかになります。estimatedItemSize が不要になった v2 の思想を踏まえた、現実的な移行手順を解説します。
壁紙グリッドに戻ると一番上に戻ってしまう — スクロール位置を「戻る」とプロセス復帰の両方で保つ
壁紙アプリの一覧で詳細を見て戻ると先頭に飛んでしまう問題を、ナビゲーションの戻りとプロセス復帰の二つに分けて設計し直しました。getItemLayout と保存タイミング、復元時のちらつきまで含めた実装メモです。
Rork の一覧が増えるほどスクロールで重複と欠落が出る——カーソルページネーションと再取得の状態設計
Rork が生成する素朴な offset ページネーションは、リストが更新されるたびに重複や欠落を起こします。カーソル方式の契約設計、取得状態を一つに束ねる usePaginatedList フック、失敗時の指数バックオフ再試行まで、本番運用で詰まらない一覧の作り方を実装中心に解説します。
Rork で作ったリストのスクロールが重い — 画像キャッシュとプリフェッチの設計
Rork が生成した FlatList は画像が増えるとスクロールがカクつきます。expo-image のキャッシュ、recyclingKey、プリフェッチ、FlashList への移行を実機の数値とともに整理し、滑らかさを取り戻すまでの設計を残しました。
FlatList の onEndReached が連続発火して API を叩きすぎる問題の原因と対処
FlatList の onEndReached が画面遷移時や初期描画時に何度も呼ばれて、ページネーション API を多重に叩いてしまう問題。Rork で生成したリスト画面でも頻発するこの挙動の原因と、実運用で使える対処パターンを整理しました。
RorkのFlatListが突然クラッシュする - Stateの直接変更が原因のパターンと防御的コピー修正法
Rork生成のFlatListが特定操作でクラッシュする場合、配列Stateの直接変更が原因です。Beautiful HD Wallpapersで28日間50ユーザー超のクラッシュを根治した防御的コピーパターンを具体的に解説します。
Rork Max でショート動画フィードを実装する — カメラ撮影・Supabase アップロード・縦型スクロールの設計パターン
Rork Max でTikTok/Reels風の縦型ショート動画フィードを実装する実践ガイド。カメラ撮影・動画アップロード・無限スクロールフィードの設計パターンとRork Maxへの効果的なプロンプト戦略を徹底解説します。
VirtualizedList を ScrollView の中に置くと出る警告 — Rork で正しく直すパターン集
Rork のアプリで FlatList を ScrollView に入れたら出る『VirtualizedLists should never be nested』警告。原因と、ListHeaderComponent や FlashList を使った正しい解決パターンを実例で解説します。
FlatList が空白で何も映らない—Rork アプリのリスト崩れを切り分ける
Rork で生成したアプリの FlatList が真っ白で何も表示されないときに、どこから疑うべきかを順番にまとめました。data・flex・keyExtractor・親要素の高さを見直すだけで直ることも多いです。