要約
事前に実装したい内容を計画する。
Lovableをチャットだけのために使わない。
主要な画面は専用のAIデザインアプリでデザインする。
実際に準備が整ったものを実装することに集中する。
ステップ 1: 事前計画
Lovableをホワイトボードやブレインストーミングのパートナーとして使うとクレジットが消費されます。それは避けましょう。なるべく少ない編集で済むよう、他の場所で試行錯誤をしましょう。
ブレインストーミングにはChatGPTやChatPRDを使い、明確に記述した軽量なPRDドキュメントを作成します:
あなたの製品/プロトタイプがどんな問題を解決するのか？
実際に必要なユーザーフロー。
必須の機能とあれば良い機能の区別。
ステップ 2: 設計から始める
無限の反復にクレジットを無駄にする代わりに、アプリとユーザーフローの設計を最初に行いましょう。
デザインスキルがなく、AIにこの部分を任せたい場合、専門的で非常に安価なAIツールがあります。
Bananiはそのようなツールの一つです。Lovableと同様、プロンプトでアイデアを記述しますが、Lovableと異なり、複数の画面を並べて表示できるため、UXをより良く計画し、異なるスタイルをテストできます。
それにより、視覚的な変化を比較し、雰囲気を壊すことなく機能を見ることができます。
ステップ 3: 編集をまとめる
クレジットが不足している場合、Lovableを本物の開発者として使いましょう。先輩開発者をちょっとしたお願いや質問で煩わせませんよね。
編集や変更を行わないわけではありませんが、ステップ1と同様に、同時に変更したい部分をより戦略的に計画することがポイントです。
雰囲気のコーディングの魅力はあまり考えないことですが、関連することに対して5回メッセージを送信するのは避けましょう。
クレジットが速く消費される理由
プロジェクトを開始するたび、新機能を追加するたび、あるいは些細な編集をするだけでも、クレジットは消えていきます。有料ProまたはBusinessプランでは毎月100のクレジットが付与されますが、私たちの計算では、50 AI編集相当にしかなりません。
Lovable内で実験を続けると、上限に達することになります。そのため、実装前によく考える必要があります。
AIの代替手段に切り替えても問題は解決せず、それらも同様のプランを持っています。
プロンプト | 変更内容 | クレジット消費 |
ボタンを緑にする | ボタンスタイルを変更 | 0.5 |
料金セクションを削除 | フッターコンポーネントを削除 | 0.9 |
FAQページを追加 | 新しいページを作成 | 1.4 |
画面のテーマを緑に変更 | ページ全体のスタイルを更新 | 2.0 |
SaaSランディングページ | テーマとセクション付きのランディングページを作成 | 2.0+ |
まとめ
Lovableはすべてを一つの場所で行えるため、美しいです。しかし、クレジットは無限ではありません。ChatGPTで計画を立て、Bananiでデザインし、それからLovableでより構造化された方法で作業をしっかり行いましょう。そうすることで、クレジットを減らし、実際に多くのことを成し遂げることができます。
