Rorkで生成したUIを壊さずに育てる — Storybook × Chromatic で進める視覚回帰テスト実践ガイド
Rorkが自動生成するUIを安心して育てるために、Storybook for React NativeとChromaticで構築する視覚回帰テストの実装手順、AI生成コード特有の落とし穴、レビュー運用までを通しで解説します。
Rork で Modal が閉じない・タップが通らない問題 — 詰まりやすい5つの落とし穴
Rork で生成した React Native Modal が閉じない、背景タップに反応しない、内部のボタンが押せない。原因の8割は同じ場所にあります。実装パターンごとの直し方をまとめました。
Rork で Google Places API を使ったお店検索アプリを作る — 位置情報連携の実践ガイド
Rork と Google Places API を組み合わせて、現在地から近くのお店を検索・地図表示するアプリを作る方法を解説します。動作確認済みのコードとつまずきやすいポイントを丁寧に紹介します。
Rork アプリでスケルトンスクリーンを実装する — 読み込み中の体感速度を改善する実践パターン
Rork で作ったアプリの「読み込み中」が、ただのぐるぐるスピナーで終わっていませんか。スケルトンスクリーンと Shimmer エフェクトを取り入れるだけで、体感速度と離脱率は大きく変わります。実装の型と注意点を整理しました。
Rork アプリの WebView が真っ白になる・ページが表示されないときに確認する 6 つの原因
Rork で WebView を組み込んだら画面が真っ白になる、ページが読み込まれない、JavaScript が動かない ─ そんな症状を切り分けて確実に直すためのチェックリストです。
Metro bundlerが固まる・Fast Refreshが効かない時の診断手順
Rorkで生成したExpoアプリでMetro bundlerが固まる、Fast Refreshが反映されない——そんな時に順番にチェックすべき診断ステップと、安全なリセット手順をまとめました。
Rork アプリで Reanimated の worklet エラーが出たときに順番に疑う 6 つのポイント
Rork 生成コードに Reanimated を組み込んだ途端に出る worklet 関連のエラーを、babel プラグインの抜け漏れから closure キャプチャまで、現場でぶつかる順に切り分けていきます。
Rork に Convex を組み合わせて型安全なリアクティブバックエンドを作る
Rork が生成する React Native アプリに Convex を組み込んで、リアクティブ購読・型安全なクエリ・ファイル処理・Cron ジョブまでを一本化する実装ガイド。本番でのハマりどころも網羅しました。
Rork で state を更新したのに画面が再描画されない原因と直し方
Rorkで生成したコードでsetStateしたのに画面が更新されない問題を5つの典型パターンで解説。配列のミューテート・古いクロージャ・Zustandの誤用など、再現性の高い原因を具体的なコード例で修正します。
Rork × Notion API で CMS 駆動アプリを作る実装ガイド — 認証・ブロック描画・レート制限・画像URLの運用まで
Rork で作るアプリの裏側を Notion にする。認証方式の選び方、ブロック構造の安全な描画、1時間で切れる画像URL問題、API レート制限への向き合い方まで、本番運用に耐える設計をひとつずつ組み立てます。
Rork アプリの Pull to Refresh でチラつき・スクロール競合を解消する実装パターン
Rork で生成したアプリに Pull to Refresh を追加したら画面がチラつく、スクロール位置が飛ぶ、読み込みが終わらない—よくあるこの3つの症状を、実装パターンごとに解消していきます。
Rork × LiveKit: AI 音声エージェントを本番運用する通話インフラ設計ガイド
LiveKit Agents を Rork 製の React Native アプリに組み込み、低遅延な AI 音声エージェントを本番運用するまでの通話インフラ設計を解説します。