Rork のプロンプトの書き方 — 思い通りのアプリを作るための指示のコツ
Rork でアプリを作る際のプロンプト(指示文)の書き方のコツを解説。UI デザインの指定方法、機能の伝え方、修正の頼み方まで、思い通りのアプリに近づけるテクニック集。
Rork Max で複雑な画面を一発で作るプロンプトの書き方
Rork MaxのAI機能でダッシュボードやフォームなど複雑な画面を効率よく生成するプロンプト設計を解説。役割定義・UI仕様の伝え方・反復改善のコツを実例付きで紹介します。
DESIGN.mdでモバイルアプリのデザインルールをAIに伝える
Googleが公開したDESIGN.md形式を使い、AIにデザイン規則を正確に伝える方法。色・フォント・余白の仕様をマークダウンで記述し、Rorkやその他のAIツールに理解させるテクニック。
Rork で Modal が閉じない・タップが通らない問題 — 詰まりやすい5つの落とし穴
Rork で生成した React Native Modal が閉じない、背景タップに反応しない、内部のボタンが押せない。原因の8割は同じ場所にあります。実装パターンごとの直し方をまとめました。
Rork で作ったアプリがノッチや下部インジケータで切れる時の直し方
Rork で生成したアプリの上下がノッチやホームインジケータに重なってしまう問題の原因と、SafeAreaView・useSafeAreaInsets を使った実践的な解決方法を解説します。
Rork で作ったアプリの見た目が「安っぽい」と言われた — プロンプトを変えたら別物になった話
Rorkで作ったアプリがデザイン的に安っぽく見える原因と、プロンプトの書き方を変えるだけでUI品質が劇的に向上した実体験を紹介します。
RorkアプリにNativeWindを導入してTailwind CSSでスタイリングする方法
RorkアプリにNativeWindを導入し、Tailwind CSSのユーティリティクラスでスタイリングする手順を解説。セットアップから基本的なレイアウト、ダークモード対応、レスポンシブデザインまで実装例付きで丁寧に説明します。
Rork 実践テクニック集【前編】— アプリ設計・UI構築・基本的な開発パターン
Rork Lab のプレミアム記事から厳選した実践テクニックの前編。アプリ設計のベストプラクティス、UI構築パターン、Supabase連携、基本的なテストの書き方をコード付きで解説。
Rork と Figma をつなぐ — デザインからプロトタイプまでの実務フロー
Figma で作った UI コンポーネントを Rork のプロトタイプに落とし込む手順です。命名規則の揃え方、コンポーネントライブラリの構築、大量コンポーネントを扱うときの実務的な注意点まで。