TL;DR
実装したいことを事前に計画しておきましょう。
Lovableを単なるチャットに使わないでください。
専用のAIデザインアプリで主要画面をデザインしましょう。
Lovableは、実際に用意できているものの実装に集中してください。
ステップ1: 先を見越した計画
Lovableをホワイトボードやブレインストーミング相手として使うとクレジットが消費されます。他の場所での雑念を排除し、編集を少なくしましょう。
ブレインストーミングにはChatGPTやChatPRDから始めましょう。以下を明確にする軽量なPRD文書を作成します:
あなたの製品/プロトタイプが解決する問題は何か？
実際に必要なユーザーフロー。
必須の機能とあれば良い機能の区別。
ステップ2: 構築前にデザイン
無限に繰り返すことなく、まずアプリとユーザーフローをデザインします。
デザインスキルがない場合、AIによる美しさを活かしつつ、特化した安価なAIツールが役立ちます。
Bananiはそのようなツールの一つです。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に任せましょう。それが、クレジットを節約して、実際に多くのことを成し遂げる方法です。
