関連タグ:
⬡ Rork 開発/2026-06-15中級
再生成のたびに色と余白が崩れる問題を、デザイントークンの単一情報源で止める
Rork に画面を再生成させるたびに、ボタンの色や余白が少しずつ変わってしまう。その揺れを止めるために、デザイントークンを1か所に固定し、生成物が必ずそこを参照するように仕向ける設計をまとめます。
⬡ Rork 開発/2026-04-28初級
DESIGN.mdでモバイルアプリのデザインルールをAIに伝える
Googleが公開したDESIGN.md形式を使い、AIにデザイン規則を正確に伝える方法。色・フォント・余白の仕様をマークダウンで記述し、Rorkやその他のAIツールに理解させるテクニック。
⬡ Rork 開発/2026-04-27上級
Rorkで生成したUIを壊さずに育てる — Storybook × Chromatic で進める視覚回帰テスト実践ガイド
Rorkが自動生成するUIを安心して育てるために、Storybook for React NativeとChromaticで構築する視覚回帰テストの実装手順、AI生成コード特有の落とし穴、レビュー運用までを通しで解説します。
⬡ Rork 開発/2026-03-17中級
Rork × Google Stitch — デザインから React Native アプリまで AI で一貫開発
Google Stitch で生成した UI デザインを Rork Max に取り込み、本番品質の React Native アプリを最短で完成させるワークフローを解説します。
⬡ Rork 開発/2026-03-10中級
Rork と Figma をつなぐ — デザインからプロトタイプまでの実務フロー
Figma で作った UI コンポーネントを Rork のプロトタイプに落とし込む手順です。命名規則の揃え方、コンポーネントライブラリの構築、大量コンポーネントを扱うときの実務的な注意点まで。