Rork のプロンプトの書き方 — 思い通りのアプリを作るための指示のコツ
Rorkに出すプロンプトの基本構造を、機能要件・デザイン・技術要件の3つの層に分けて解説します。家計管理アプリなどの具体例を通じて、UIの指定方法や修正の頼み方を示し、同じ依頼で毎回違う結果が返ってくる問題を減らす書き方を紹介します。実例のプロンプトはそのまま流用できます。
Rork Max で複雑な画面を一発で作るプロンプトの書き方
Rork Maxでダッシュボードやバリデーション付きフォームなど複雑な画面を一発で生成するプロンプト設計です。失敗するパターンの分析、役割定義・コンテキスト・UI仕様・品質要件という4要素、モックデータの渡し方まで、完全なプロンプト例で解説します。
DESIGN.mdでモバイルアプリのデザインルールをAIに伝える
Googleが公開したDESIGN.md形式で、色・フォント・余白のルールをマークダウンに記述し、RorkなどのAIツールへ正確に伝える方法です。シンプルな実装例、AIがファイルを読む仕組み、CLIでの検証、生成UIのBefore/Afterまで具体的に確認できます。
Rork で Modal が閉じない・タップが通らない問題 — 詰まりやすい5つの落とし穴
Rorkで生成したReact NativeのModalが閉じない、背景タップに反応しない問題の直し方です。transparentとonRequestCloseの指定漏れ、KeyboardAvoidingViewとの組み合わせ、FlatList内配置、入れ子Modalなど詰まりやすい5つの落とし穴を整理します。
Rork で作ったアプリがノッチや下部インジケータで切れる時の直し方
Rorkで生成したアプリのタイトルがノッチに重なる、タブバーがホームインジケータに食い込む問題の直し方です。プレビューで気付けない理由、SafeAreaViewで囲む最小修正、useSafeAreaInsetsを使う画面別の対応、実機での確認手順まで解説します。
Rork で作ったアプリの見た目が「安っぽい」と言われた — プロンプトを変えたら別物になった話
Rorkで作ったアプリが安っぽく見える原因と、プロンプトの書き方で見た目が大きく変わった実体験です。見た目の指示を機能と分けて出す、デザインシステムを言葉で伝える、色・タイポグラフィ・余白の3点で指定するなど、before/afterの実例つきで紹介します。
RorkアプリにNativeWindを導入してTailwind CSSでスタイリングする方法
RorkアプリにNativeWindを導入し、Tailwind CSSのユーティリティクラスでスタイリングする手順を解説。セットアップから基本的なレイアウト、ダークモード対応、レスポンシブデザインまで実装例付きで丁寧に説明します。
Rork 実践テクニック集【前編】— アプリ設計・UI構築・基本的な開発パターン
Rork Labのプレミアム講座から厳選した実践テクニック集の前編です。アプリ設計のベストプラクティス、UI構築の実践パターン、Supabaseを使ったバックエンド連携の基礎、テストの書き方までをコード付きで解説する中級者向けガイドです。後編で学べる内容の案内も添えました。
Rork と Figma をつなぐ — デザインからプロトタイプまでの実務フロー
Figmaで作ったUIコンポーネントをRorkのプロトタイプへ落とし込む実務フローです。命名規則の揃え方、コンポーネントライブラリの構築、デザインシステムの維持、大量のコンポーネントを扱うときの注意点まで、デザインと実装の手戻りを減らす手順を解説します。