クイックスタート
このガイドでは、Lovable AIのすべての機能について説明します。
- はじめる アカウントを作成して最初のプロジェクトに取り掛かろう
- AIアプリとウェブサイトビルダーの使い方 — 単一のプロンプトからアプリを構築する
- 3Dモデルビューアの使い方 — インタラクティブな3Dシーンを追加する
- Full-Stackアプリの使い方 — 実際のバックエンドとデータベースを出荷する
- ダッシュボードビルダーの使い方 — データを明確なビューで追跡
- ドキュメントの使い方 — 文書とガイダンスを作成する
- AIアートジェネレーターの使い方 — テキストから画像を作成する
- Eコマースストアフロントの使い方 — チェックアウト機能付きで商品を販売する
- 数学ソルバーの使い方 問題を解決し、説明する
- カンバンボードの使い方 — タスクを視覚的に追跡する
所要時間： 各作品につき5分
このガイドには以下の内容も含まれています。 プロのヒント | よくある間違い | トラブルシューティング | 価格 | 代替案
このガイドを信頼する理由
私はLovable AIを6ヶ月間使用し、ここで紹介するすべての機能をテストしました。このLovable AIの使い方ガイドは、マーケティングのための誇張表現ではなく、アプリ開発における実際の経験に基づいています。
このガイドを執筆している間に、ToDoリストアプリ、ダッシュボード、そして小さなストアをリリースしました。
以下に示すヒントはすべて、実際に私が遭遇したプロンプト、エラー、または解決策に基づいています。
愛らしいAIは最も強力なものの1つです アプリビルダー 現在利用可能なツール。
しかし、ほとんどのユーザーは、その機能のごく一部しか活用していない。
このガイドでは、プラットフォームの主要な機能すべてを使用する方法を説明します。
スクリーンショットとプロのアドバイスを交えながら、手順を一つずつ解説します。
このコースを修了する頃には、独自のプロジェクトを作成、編集、接続、デプロイする方法がわかるようになっているでしょう。
また、初心者と上級者を分けるプロンプト、ツール、概念についても学ぶことができます。
To-Doリストアプリを構築する場合でも、本格的なオンラインストアを構築する場合でも、コアとなるワークフローは同じです。
愛らしいAIチュートリアル
このLovable AIの完全チュートリアルでは、最初のプロジェクトから高度な使い方まで、すべての機能をステップバイステップで解説し、パワーユーザーになるためのヒントを提供します。
各セクションは、記述、生成、洗練という同じシンプルなリズムで進みます。
あなたが望むものを説明すると、Lovableがそれを生成し、チャットを通じてそれをさらに洗練させていきます。
そのループを一度マスターすれば、以下のすべての機能が簡単に使えるようになります。
愛すべきAI
平易な言葉を数分で実用的なアプリに変換。Lovable AIを使えば、たった一つのプロンプトから独自のプロジェクトの作成、コードの編集、デプロイが可能です。無料で始められます。クレジットカードは不要です。
Lovable AI を使い始める
いずれかの機能を使用する前に、この初回設定を完了してください。
約3分かかります。
まずはこちらの簡単な概要をご覧ください。
それでは、各ステップを順を追って見ていきましょう。
ステップ1：アカウントを作成する
lovable.dev にアクセスして、「サインアップ」をクリックしてください。
メールアドレスまたはGitHubアカウントで登録してください。
✓ チェックポイント: ログインするとダッシュボードが表示されます。
ステップ2：プラットフォームにアクセスする
Lovable AIはウェブブラウザ上で動作するため、アプリをダウンロードする必要はありません。
ダッシュボードの画面は以下のようになります。
✓ チェックポイント: プロンプトボックスとプロジェクトが表示されるはずです。
ステップ3：最初のプロジェクトを開始する
最初のプロンプトを入力するか、既存のプロジェクトをリミックスしてインスピレーションを得てください。
Lovableはあなたの説明に基づいて最初のバージョンを作成します 即座に.
自信がない場合は、既存のプロジェクトをリミックスして、どのように構築されたのかを調べてみましょう。
コミュニティプロジェクトを閲覧することは、アイデアやインスピレーションを得るための手っ取り早い方法です。
✅ 完了: これで、以下のすべての機能をご利用いただけます。
Lovable AIアプリとウェブサイトビルダーの使い方
AIアプリ ウェブサイトビルダー アプリやウェブサイトを平易な言葉で説明すると、Lovable AIがそれを構築してくれる。
これがLovable AIの使い方の中核であり、ほとんどの人がここから始めます。
あなたは平易な言葉で文章を書き、Lovableはその言葉をもとにアプリを生成します。
プログラミングスキルは一切不要で、たった1つのプロンプトから動作する最初のプロジェクトを作成できます。
今後、チャットでのフォローアップメッセージはすべて、構築をさらに洗練させるものとなる。
以下に、その使用方法をステップごとに説明します。
それでは、各ステップを詳しく見ていきましょう。
ステップ1：新しいプロジェクトを開く
ダッシュボードから「新規プロジェクト」をクリックして、最初から始めましょう。
Lovableは、最初のプロンプトを全体の設計図として使用します。
ここで明確な指示を出すことが、全体の構成の方向性を決定づけるので、具体的に記述してください。
ステップ2：最初のプロンプトを作成する
希望するアプリについて、分かりやすく平易な言葉で説明してください。
たった1つのプロンプトで、動作するレイアウト、ページ、および基本的な機能を起動できます。
結果がおかしいと思われる場合は、もう一度メッセージを送信して、AIに調整させてみてください。
これがその様子です。
✓ チェックポイント: プロジェクトにAIアプリとウェブサイトビルダーの画面が表示されます。
ステップ3：見直しと改善
生成されたアプリを読み込み、AIに繰り返し指示を与えて調整させる。
フォローアップメッセージごとに、コードを手作業で変更することなく機能が改良されます。
これがうまくいったら、コードを編集したり、ビジュアル編集機能を使って微調整したりできます。
✅ 結果: 単一のプロンプトから構築された、最初のライブプロジェクトが完成しました。
💡 プロのヒント: 課題は製品要件定義書のように記述してください。詳細を多く記述すればするほど、最初のプロジェクトはあなたが思い描いたものに近づきます。
このビルダーは、スピードが仕上がりの美しさよりも重要な、迅速なプロトタイピングにおいて真価を発揮します。
既存のプロジェクトをリミックスすることで、ゼロから始めることなく新しいアイデアを探求できます。
レイアウトが適切だと感じたら、コードを編集するか、ビジュアル編集機能を使用して微調整してください。
このたった一つの機能で、何時間もかかっていた定型的な設定作業が、たった一つの明確なプロンプトに置き換えられます。
Lovable AI AIアプリとウェブサイトビルダーの使い方をマスターすれば、プラットフォームの他の機能もスムーズに使いこなせるようになります。
まずは小規模なプロジェクトで練習し、それからこの機能をより大規模な開発プロジェクトに組み込んでください。
プロジェクトを一つずつ出荷していくうちに、これらの手順は自然と身につくようになる。
Lovable AI 3Dモデルビューアの使い方
3Dモデルビューア グラフィックコードを書かずに、プロジェクトにインタラクティブな3Dシーンを追加できます。
3Dを追加するには、かつては高度なグラフィック技術と数週間の作業が必要だった。
Lovable AIを使えば、シーンを説明するだけで、AIがコードを書いてくれます。
これは、ランディングページや商品ページを目立たせるための楽しい方法です。
以下に、その使用方法をステップごとに説明します。
それでは、各ステップを詳しく見ていきましょう。
ステップ1：3Dビューをリクエストする
Lovableに依頼して、ページに3Dモデルビューアを追加してもらいましょう。
ユーザーが利用できるオブジェクト、照明、および操作方法について説明してください。
ここで明確な指示を出すことが、全体の構成の方向性を決定づけるので、具体的に記述してください。
ステップ2：資産を接続する
ビューアにモデルファイルまたはサンプルアセットを指定してください。
Lovableはキャンバスとカメラコントロール用の配線を自動的に接続します。
結果がおかしいと思われる場合は、もう一度メッセージを送信して、AIに調整させてみてください。
これがその様子です。
✓ チェックポイント: プロジェクトに3Dモデルビューア画面が表示されます。
ステップ3：レイアウトを調整する
ビューアのサイズ変更と位置調整には、ビジュアル編集機能を使用してください。
フレームを調整して、モデルがどのデバイスでもページレイアウトに合うようにしてください。
これがうまくいったら、コードを編集したり、ビジュアル編集機能を使って微調整したりできます。
✅ 結果: これで、プロジェクトはブラウザ上でインタラクティブな3Dモデルを表示するようになりました。
💡 プロのヒント: モデルファイルは小さく保つことで、あらゆるデバイスでビューアの読み込み速度を速めることができます。大きなアセットはWebエクスペリエンスを低下させ、ユーザーの第一印象を損ないます。
3Dビューアは、ポートフォリオ、製品ページ、インタラクティブなデモに奥行きを与えます。
Lovableがキャンバスのコードを生成するため、あなたは数学的な計算ではなく、ユーザーエクスペリエンスに集中できます。
ウェブページの読み込み時間を常に監視し、すべてのユーザーにとって高速な表示を維持してください。
Lovable AI 3Dモデルビューアをうまく使いこなせるようになれば、プラットフォームの他の機能もスムーズに動作するようになります。
まずは小規模なプロジェクトで練習し、それからこの機能をより大規模な開発プロジェクトに組み込んでください。
プロジェクトを一つずつ出荷していくうちに、これらの手順は自然と身につくようになる。
Lovable AIフルスタックアプリの使い方
フルスタックアプリ 本格的なバックエンド、データベース、ユーザーアカウントをすべて一箇所で構築できるアプリを開発できます。
ほとんど アプリビルダー Lovableはフロントエンドの処理のみを担当しますが、バックエンドの処理も行います。
実際のデータベース、アカウント、保存されたユーザーデータを使用してアプリを構築できます。
典型的な例としては、各ユーザーが自分のタスクを管理するToDoリストアプリが挙げられる。
Supabaseを接続することでクラウドストレージが利用可能になり、データの再読み込み後もデータが失われることはありません。
以下に、その使用方法をステップごとに説明します。
それでは、各ステップを詳しく見ていきましょう。
ステップ1：必要なデータを説明する
Lovableに、アプリに必要なレコード、ユーザー、テーブルを伝えてください。
LovableはSupabaseと連携して、バックエンドサービスとストレージを処理できます。
ここで明確な指示を出すことが、全体の構成の方向性を決定づけるので、具体的に記述してください。
ステップ2：認証を有効にする
AIにログイン、サインアップ、ユーザーアカウントを追加するように指示してください。
これにより、各ユーザーは自身のプロジェクトとデータに安全にアクセスできます。
結果がおかしいと思われる場合は、もう一度メッセージを送信して、AIに調整させてみてください。
これがその様子です。
✓ チェックポイント: プロジェクトにフルスタックアプリの画面が表示されます。
ステップ3：バックエンドロジックを接続する
Prompt Lovableは、フォーム、保存、クエリをバックエンドに簡単に接続します。
To-Doリストアプリやダッシュボードが、リアルタイムデータの読み書きに対応しました。
これがうまくいったら、コードを編集したり、ビジュアル編集機能を使って微調整したりできます。
✅ 結果: バックエンドと接続された、動作するフルスタックアプリをお持ちです。
💡 プロのヒント: データモデルを一覧にしたナレッジファイルを事前に作成しておきましょう。そうすることで、バックエンドやシステムが拡張してもAIの一貫性を保つことができます。
Lovable AIが単なるサイト作成ツールと一線を画すのは、フルスタック構築に対応している点です。
実際のユーザーアカウントと実際のデータベースがあれば、アプリは同時に多数のユーザーにサービスを提供できます。
To Doリストアプリから CRM同じバックエンドパターンがスムーズにスケールアップします。
クラウドに接続すると、データは安全に保たれ、同期されます。 デバイス.
Lovable AIフルスタックアプリをうまく使いこなせるようになれば、プラットフォームの他の部分もスムーズに動作するようになります。
まずは小規模なプロジェクトで練習し、それからこの機能をより大規模な開発プロジェクトに組み込んでください。
プロジェクトを一つずつ出荷していくうちに、これらの手順は自然と身につくようになる。
Lovable AIダッシュボードビルダーの使い方
ダッシュボードビルダー 生データを、一目で理解できるグラフ、表、追跡ビューに変換できます。
ダッシュボードは、散在する数値を一目で理解できるビューに変換します。
指標を記述すれば、Lovableがグラフや表を作成します。
これは、チームが進捗状況を追跡する必要がある社内ツールには最適です。
以下に、その使用方法をステップごとに説明します。
それでは、各ステップを詳しく見ていきましょう。
ステップ1：ダッシュボードの表示を促す
Lovableに依頼して、あなたのデータ用のダッシュボードを作成しましょう。
追跡したい指標と、それらをどのようにグループ化するかを説明してください。
ここで明確な指示を出すことが、全体の構成の方向性を決定づけるので、具体的に記述してください。
ステップ2：グラフと表を追加する
ご自身の業務内容に合ったグラフの種類や表をリクエストしてください。
Lovableは、カード、グラフ、フィルターをページ全体に配置します。
結果がおかしいと思われる場合は、もう一度メッセージを送信して、AIに調整させてみてください。
これがその様子です。
✓ チェックポイント: プロジェクトにダッシュボードビルダー画面が表示されます。
ステップ3：ビジュアル編集で調整する
ビジュアル編集機能を使用して、カードの順序を変更したり、間隔を調整したりできます。
ウェブとモバイルの両方で表示が見やすくなるようにレイアウトを調整してください。
これがうまくいったら、コードを編集したり、ビジュアル編集機能を使って微調整したりできます。
✅ 結果: ダッシュボードでは、リアルタイムのデータが分かりやすく読みやすい形で表示されるようになりました。
💡 プロのヒント: プランモードを使用すると、複雑なダッシュボードを管理しやすいステップに分割できます。1つのグラフを作成し、それが機能することを確認したら、次のステップに進みます。
ダッシュボードは、山積みの記録を、チームが行動を起こせるストーリーへと変えてくれます。
フィルターや日付範囲を追加することで、ユーザーは自分の好みに合わせてデータを探索できます。
ダッシュボードをリアルタイムのバックエンドデータと連携させることで、結果をリアルタイムで追跡できます。
Lovable AI Dashboard Builderをうまく使いこなせるようになれば、プラットフォームの他の機能もスムーズに動作するようになります。
まずは小規模なプロジェクトで練習し、それからこの機能をより大規模な開発プロジェクトに組み込んでください。
プロジェクトを一つずつ出荷していくうちに、これらの手順は自然と身につくようになる。
Lovable AI の使い方に関するドキュメント
ドキュメント 作成したアプリ向けに、分かりやすいドキュメントやガイダンスページを生成できます。
優れたドキュメントは、サポートチケットの数を減らし、新規ユーザーがアプリを使いこなすのに役立ちます。
Lovableは、あなたのコンセプトをリストアップしたプロンプトに基づいて、ドキュメントページを作成できます。
リンクできます ユーチューブ 動画、コース、その他の学習リソースが含まれています。
以下に、その使用方法をステップごとに説明します。
それでは、各ステップを詳しく見ていきましょう。
ステップ1：ドキュメントページを要求する
Lovableにドキュメントセクションを作成するように促します。
ユーザーが検索するであろう概念、設定手順、およびリソースについて説明します。
ここで明確な指示を出すことが、全体の構成の方向性を決定づけるので、具体的に記述してください。
ステップ2：コンテンツの構成
AIにトピックとページをグループ化する方法を指示する。
Lovableは、編集や拡張が可能な、ナビゲーションしやすいドキュメントを作成します。
結果がおかしいと思われる場合は、もう一度メッセージを送信して、AIに調整させてみてください。
これがその様子です。
✓ チェックポイント: プロジェクトにドキュメント画面が表示されます。
ステップ3：ユーザー向けに公開する
コミュニティがアクセスできるように、ドキュメントを公開してください。
分かりやすいドキュメントページがあれば、サポートへの問い合わせが減り、導入プロセスが迅速化されます。
これがうまくいったら、コードを編集したり、ビジュアル編集機能を使って微調整したりできます。
✅ 結果: プロジェクトには、ユーザーが簡単に操作できる分かりやすいドキュメントページが付属しています。
💡 プロのヒント: ドキュメント内にLovableの公式ドキュメントとYouTubeコース動画へのリンクを掲載することで、新規ユーザーが学習リソースやインスピレーションを1か所で見つけられるようになります。
分かりやすいドキュメントは、ユーザーベースの拡大に伴い、必ず成果を生む投資です。
Lovableはドキュメントを編集可能にしているので、機能変更に合わせてドキュメントを更新できます。
ユーザーがいつでも助けを見つけられるように、コミュニティフォーラムとサポートチャンネルを連携させましょう。
Lovable AIのドキュメントをうまく活用する方法を知っていれば、プラットフォームの他の機能もスムーズに動作するようになります。
まずは小規模なプロジェクトで練習し、それからこの機能をより大規模な開発プロジェクトに組み込んでください。
プロジェクトを一つずつ出荷していくうちに、これらの手順は自然と身につくようになる。
愛らしいAIアートジェネレーターの使い方
AIアート 発電機 画像生成機能を追加することで、ユーザーがテキストプロンプトからアート作品を作成できるようになります。
画像生成は、今日最も需要の高いAI機能の一つである。
追加できます ジェネレータ ユーザーが独自のプロンプトに基づいてアート作品を制作できる画面。
これにはAPIキーが必要で、そのキーを使ってアプリを画像モデルに接続します。
以下に、その使用方法をステップごとに説明します。
それでは、各ステップを詳しく見ていきましょう。
ステップ1：ジェネレーターページを追加する
LovableにAIアート生成画面の作成を依頼してください。
ユーザーに表示させたい入力ボックス、モデル、ギャラリーについて説明してください。
ここで明確な指示を出すことが、全体の構成の方向性を決定づけるので、具体的に記述してください。
ステップ2：イメージモデルを接続する
アプリが画像モデルを呼び出せるように、APIキーを追加してください。
Lovableは、リクエスト、読み込み状態、および結果表示を処理します。
結果がおかしいと思われる場合は、もう一度メッセージを送信して、AIに調整させてみてください。
これがその様子です。
✓ チェックポイント: AIアート生成画面がプロジェクトに表示されます。
ステップ3：出力グリッドのスタイルを設定する
ビジュアル編集機能を使用して、生成された画像を整理します。
どのデバイスでもアート作品が美しく表示されるよう、すっきりとしたグリッドレイアウトを設定してください。
これがうまくいったら、コードを編集したり、ビジュアル編集機能を使って微調整したりできます。
✅ 結果: アプリがテキスト入力をAI生成画像に変換するようになりました。
💡 プロのヒント: APIキーは秘密情報として保存し、プロンプトやコード内に決して含めないでください。これにより、アカウントが保護され、支払いと使用状況を完全に管理できます。
アートジェネレーターは、クリエイティブなツールやサイドプロジェクトへの強力な足がかりとなる。
画像モデルはAPIキーを通じてコストを発生させる可能性があるため、使用状況を慎重に管理してください。
ユーザーが作成したアート作品を保存、確認、再閲覧できるように、ギャラリーを追加してください。
Lovable AIのAIアートジェネレーターをうまく使いこなせるようになれば、プラットフォームの他の機能もスムーズに動作するようになります。
まずは小規模なプロジェクトで練習し、それからこの機能をより大規模な開発プロジェクトに組み込んでください。
プロジェクトを一つずつ出荷していくうちに、これらの手順は自然と身につくようになる。
Lovable AI Eコマースストアフロントの使い方
Eコマースストアフロント 商品、カート、決済機能を備えた、実際に動作するオンラインストアを構築できます。
オンライン販売とは、商品、カート、そして実際に機能する決済システムを用意することを意味します。
Lovableがオンラインストアを構築し、Stripeが実際の決済を安全に処理します。
公開前に購入者の購買プロセス全体をテストし、カスタムドメインを接続してください。
以下に、その使用方法をステップごとに説明します。
それでは、各ステップを詳しく見ていきましょう。
ステップ1：店舗の説明
Lovableに、あなたが販売している商品とカテゴリーを教えてください。
Lovableは、商品ページ、カート、およびチェックアウトフローを作成します。
ここで明確な指示を出すことが、全体の構成の方向性を決定づけるので、具体的に記述してください。
ステップ2：支払い機能を有効にする
Stripeを追加して、店舗が実際の支払いを受け付けられるようにしてください。
Lovableでは、Stripeとの連携を通じて決済機能を追加できます。
結果がおかしいと思われる場合は、もう一度メッセージを送信して、AIに調整させてみてください。
これがその様子です。
✓ チェックポイント: あなたのプロジェクトに、eコマースストアフロント画面が表示されます。
ステップ3：購入者の購買プロセスをテストする
ユーザーとして、商品閲覧、カートへの追加、そして決済までのプロセスを体験してみましょう。
デプロイする前に、「修正を試みる」フィードバックボタンを使用してエラーを修正してください。
これがうまくいったら、コードを編集したり、ビジュアル編集機能を使って微調整したりできます。
✅ 結果: あなたは、決済を最初から最後まで受け付けるオンラインストアを運営しています。
💡 プロのヒント: Stripeのテストキーを使ってまずチェックアウトをテストしてください。カスタムドメインを接続して本番環境に移行する前に、購入者の一連のプロセス全体が正しく機能することを確認してください。
決済機能を備えた実店舗は 仕事単なるデモではない。
Lovableが配管工事を代行するので、あなたは製品開発と顧客体験の向上に集中できます。
ストアを公開し、独自のドメインを接続することで、プロフェッショナルな印象を与えることができます。
Lovable AI Eコマースストアフロントをうまく使いこなす方法を知っていれば、プラットフォームの他の機能もスムーズに動作するようになります。
まずは小規模なプロジェクトで練習し、それからこの機能をより大規模な開発プロジェクトに組み込んでください。
プロジェクトを一つずつ出荷していくうちに、これらの手順は自然と身につくようになる。
Lovable AI数学ソルバーの使い方
数学ソルバー 数学の問題を解いたり説明したりするインタラクティブなツールを作成できます。
ソルバーは、普通の電卓を、答えを出しながら学習できるツールに変える。
数式とフォーマットを記述すれば、Lovableがロジックを生成します。
手順を追って説明することで、ユーザーは単に答えをコピーするだけでなく、理解を深めることができる。
以下に、その使用方法をステップごとに説明します。
それでは、各ステップを詳しく見ていきましょう。
ステップ1：ソルバーロジックにプロンプトを表示する
Lovableに計算機や問題解決ツールの作成を依頼してください。
入力データ、計算式、および希望する解答形式について説明してください。
ここで明確な指示を出すことが、全体の構成の方向性を決定づけるので、具体的に記述してください。
ステップ2：手順の説明を追加する
各解答の横に、解答に至るまでの手順を記載してください。
Lovableは、ありふれた電卓を教育ツールに変身させる。
結果がおかしいと思われる場合は、もう一度メッセージを送信して、AIに調整させてみてください。
これがその様子です。
✓ チェックポイント: プロジェクト内に数式ソルバー画面が表示されます。
ステップ3：インターフェースを磨き上げる
ビジュアル編集機能を使用して、入力レイアウトを整理します。
ボタンや入力フィールドは、どの画面でも簡単に操作できるようにしましょう。
これがうまくいったら、コードを編集したり、ビジュアル編集機能を使って微調整したりできます。
✅ 結果: ソルバーは、明確で読みやすい手順とともに解答を返します。
💡 プロのヒント: プロンプトに、ゼロ、負の数、小数などの例外的なケースを記述してください。そうすることで、AIは実際のユーザー入力をエラーなく処理できるロジックを構築できます。
ソルバーは、教育ツールや便利なユーティリティアプリでよく利用されています。
手順を追って説明することで、一度きりの回答が真の学習リソースへと変わります。
あらゆる入力をエラーなく処理できるよう、エッジケースをテストしてください。
Lovable AI Math Solversをうまく使いこなせるようになれば、プラットフォームの他の機能もスムーズに動作するようになります。
まずは小規模なプロジェクトで練習し、それからこの機能をより大規模な開発プロジェクトに組み込んでください。
プロジェクトを一つずつ出荷していくうちに、これらの手順は自然と身につくようになる。
Lovable AI Kanban Boardsの使い方
カンバンボード ドラッグ＆ドロップ式のボードを作成して、タスクの追跡や作業の管理を行うことができます。
カンバンボードは、カードを列間で移動させることで作業を視覚化する。
Lovableは、いくつかの指示に従うだけでボードを作成し、ドラッグ＆ドロップ機能を追加できます。
バックエンドに接続すれば、すべての操作が自動的にクラウドに保存されます。
以下に、その使用方法をステップごとに説明します。
それでは、各ステップを詳しく見ていきましょう。
ステップ1：委員会を依頼する
Lovableに依頼して、タスク用のカンバンボードを作成してもらいましょう。
管理したい列とカードについて説明してください。
ここで明確な指示を出すことが、全体の構成の方向性を決定づけるので、具体的に記述してください。
ステップ2：ドラッグ＆ドロップを有効にする
AIに列間のドラッグ＆ドロップ機能を追加するように指示します。
カードはステージ間を移動するので、進捗状況を視覚的に追跡できます。
結果がおかしいと思われる場合は、もう一度メッセージを送信して、AIに調整させてみてください。
これがその様子です。
✓ チェックポイント: プロジェクトにカンバンボード画面が表示されます。
ステップ3：保存と同期
変更を保存するには、ボードをバックエンドに接続してください。
各ユーザーは、すべてのデバイス間で自身のボードの状態を保持します。
これがうまくいったら、コードを編集したり、ビジュアル編集機能を使って微調整したりできます。
✅ 結果: あなたは、タスクをリアルタイムで追跡する、正常に機能するカンバンボードを持っています。
💡 プロのヒント: ボードをフルスタックのバックエンドと組み合わせることで、すべての保存データがクラウドに同期され、デバイスがオフラインになってもタスクは安全に保持されます。
カンバンボードは、チーム全体のタスクを管理するためのシンプルな方法です。
ドラッグ＆ドロップ操作によって進捗状況が視覚的に把握できるため、全員の認識のずれを防ぐことができます。
バックエンドと同期することで、デバイスの再起動時にボードの状態がリセットされないようにします。
Lovable AI Kanban Boardsをうまく使いこなせるようになれば、プラットフォームの他の機能もスムーズに動作するようになります。
まずは小規模なプロジェクトで練習し、それからこの機能をより大規模な開発プロジェクトに組み込んでください。
プロジェクトを一つずつ出荷していくうちに、これらの手順は自然と身につくようになる。
知っておくべき、愛すべきAIの重要な概念
いくつかの概念を理解することで、他のすべての機能が理解しやすくなります。
これらの用語を一度覚えれば、プラットフォーム全体が馴染み深いものに感じられるようになるでしょう。
プロジェクトの作成、編集、デプロイを行う際に、それらは何度も繰り返し表示されます。
プロンプト
プロンプトとは、チャットで送信する平易な言葉によるメッセージのことです。Lovableは最初のプロンプトを基にアプリを構築し、その後、新しいプロンプトが送信されるたびにアプリが編集されます。より良いプロンプトは、より良いアプリにつながります。
プロジェクト
プロジェクトとは、作成するアプリのことです。プロジェクトはゼロから作成することも、既存のプロジェクトを参考にリミックスすることも、ダッシュボードから不要になったプロジェクトを削除することもできます。
ビジュアル編集
ビジュアル編集機能を使えば、ページ上の任意の要素をクリックするだけで、瞬時に変更できます。テキスト、色、レイアウトをコードを書くことなく調整できるため、ちょっとした変更も迅速に行えます。
バージョン管理
GitHubリポジトリを接続すると、すべての変更が追跡されます。このバージョン管理システムを使えば、履歴を確認したり、以前の状態に戻したりできるため、たった一度の誤った操作でプロジェクトが台無しになることはありません。
バックエンド
バックエンドはあなたのデータを保存します。LovableはSupabaseと連携してバックエンドサービスを提供し、アプリにアカウント、保存済みタスク、デバイス間で同期されるクラウドストレージを提供します。
出版
プロジェクトを公開すると、共有可能なURLが生成されます。完全に公開するには、カスタムドメインを接続してデプロイする必要があります。これが、実際のユーザーがアプリにアクセスする前の最終ステップです。
ナレッジファイル
ナレッジファイルは、AIが記憶しておくべき詳細情報を整理したものです。これにより、Lovableは長時間の構築においても一貫性を保ち、モデルがプロジェクトに対してより的確なガイダンスを提供できるようになります。
愛らしいAIは誰が使うべきか
愛らしいAIは、アイデアはあってもコーディングスキルが限られている人に最適です。
創業者はこれを利用してアプリを迅速に開発し、開発者を雇う前に製品をテストします。
デザイナーはこれを使って、レイアウトをクリック操作可能な動作するウェブアプリに変換する。
開発者はこれを迅速なプロトタイピングに使用し、その後、コードを手動で編集して制御機能を追加する。
学生や初心者は、おもちゃのようなデモではなく、実際のプロジェクトを構築することでAIを学ぶためにこれを使用します。
チャットで欲しいものを説明できれば、Lovable AIを使って作成できます。
あなたがアイデアを書き、AIがコードを書き、あなたはすべての変更を管理できる。
チームはこれを利用して、長いバックログを抱えることなく、社内ツール、ダッシュボード、トラッカーをリリースします。
最終的には、アイデアを1日で実際のアプリにしたいと考えている人なら誰でも恩恵を受けるだろう。
愛されるAIを搭載したアプリを構築するためのベストプラクティス
プラットフォーム上でスムーズに構築できる場合と、イライラさせられる場合を分けるいくつかの習慣がある。
彼らを養子に迎える 早い そうすれば、アプリの開発がより迅速になり、エラーも少なくなります。
まず製品要件定義書を作成する
最初のプロンプトの前に、簡単な製品要件定義書を作成してください。ユーザー、ページ、および主要なタスクをリストアップします。詳細なプロンプトはユーザーエクスペリエンスを明確にし、AIが構築すべき明確な目標を与えます。
知識ファイルを作成しておく
ナレッジファイルは、AIが記憶すべきプロジェクトの詳細を整理したものです。データモデル、ブランド、ルールなどを追加することで、アプリやシステムが拡張し、様々なプロンプトに対応しても、Lovableの一貫性を維持できます。
大規模な建築にはプランモードを使用してください
プランモードでは、大きなタスクを管理しやすいステップに分割できます。まず1つの画面を作成し、動作を確認してから次の画面に進みます。これにより、一度に多くのことを要求した際に発生するエラーの蓄積を防ぐことができます。
プロンプトを繰り返し改良する
AIに繰り返し指示を与えることで、機能は徐々に洗練されていきます。まずは粗削りなバージョンをリリースし、チャットでメッセージごとに変更点を一つずつ説明していきます。指示を与えるたびに、アプリは全面的に作り直すことなく、より洗練されていきます。
GitHubに早期に接続
バージョン管理には、最初からGitHubリポジトリを統合しましょう。プロジェクトの変更履歴はすべて記録されるため、履歴を確認したり、エラーをロールバックしたりできます。これにより、プロジェクトの規模拡大に伴うリスクを軽減できます。
頻繁に公開してテストする
プロジェクトを公開すると、あらゆるデバイスでテストできる共有可能なURLが生成されます。レイアウトや機能の問題を早期に発見できます。ビルドが安定していると確信できた時点で、カスタムドメインを接続してください。
作業しながら片付けましょう
不要になったページ、コンポーネント、古いプロンプトは削除してください。整理されたプロジェクトは操作しやすく、コンテキストが明確であればAIもより的確なガイダンスを提供できます。
2026年に愛らしいAIは価値があるのか？
アプリ開発者のほとんどにとって、Lovable AIは月額料金の元をすぐに取れる。
ここでは時間が真の通貨であり、『Lovable』はその時間をたっぷりと返してくれる。
かつては週末を要した建築作業が、今では午後1時間、場合によってはそれよりも短い時間で済むようになった。
数週間かかっていた設定作業が、たった1つのプロンプトと数分間の作業に凝縮されます。
複数のプロジェクトを連続して進めると、そのスピードはさらに加速する。
白紙の状態から始めるという問題を回避し、既に動作する最初のプロジェクトから始めることができます。
現実的なことから始めることで、最初の瞬間から勢いを維持できる。
無料プランでは、カード情報を入力する前に、作成とテストを行うことができます。
AIが生成したコードを編集することで、ニーズの拡大に合わせて常にコントロールを維持できます。
GitHub、Supabase、Stripeはスムーズに連携するため、アプリは拡張性が高く、決済を受け付けることができます。
共有可能なURLに公開することで、ワンクリックで本番環境にデプロイできます。
活発なコミュニティでは、ヒント、動画、そして追加のガイダンスやサポートを提供するコースなどが共有されています。
最終的に、アイデアから実際のアプリ開発までのスピードを重視するのであれば、その価値は明らかです。
すべての行を詳細にカスタマイズする必要がある場合は、コードを編集および拡張することも可能です。
愛らしいAIを使って、初めてのToDoリストアプリを構築しよう
Lovable AIの使い方を学ぶ最良の方法は、実際に何かを作ってみることです。
To-Doリストアプリは定番の最初のプロジェクトなので、その手順を見ていきましょう。
短時間で読み終えられるほどコンパクトでありながら、あらゆる核心的な概念に触れている。
作成、バックエンドへの接続、編集、公開、デプロイまでを一度に行うことができます。
ダッシュボードで新しいプロジェクトを開いて、最初から始めましょう。
チャットで最初のプロンプトを書いてください。それは、ユーザーがタスクを追加、完了、削除できるToDoリストアプリです。
Lovable AIは、たった1つのプロンプトから、わずか数秒で完全なToDoアプリを生成します。
入力ボックス、タスクリスト、および完了した項目をマークするためのボタンが表示されます。
次に、それをさらに洗練させましょう。AIに各タスクに期日を追加するように指示してください。
次に、ユーザーがタスクを日付順に並べ替えられるように設定し、レイアウトをすっきりと保ちます。
訪問間でタスクを保存するには、バックエンドサービスとしてSupabaseを接続してください。
Lovableにアカウントを追加するよう促し、各ユーザーが自分のプロジェクトやタスクを追跡できるようにします。
特定の詳細を細かく制御したい場合は、AIが生成したコードを編集してください。
ビジュアル編集機能を使えば、コードを書かずに色や間隔を変更できます。
GitHubリポジトリを接続することで、すべての変更がバージョン管理によって追跡されます。
うまくいったら、プロジェクトを公開して共有可能なURLを生成してください。
お使いのスマートフォンと別のデバイスでライブアプリをテストし、レイアウトが正しく表示されることを確認してください。
実際のユーザー向けにサービスを開始する準備ができたら、カスタムドメインを接続してください。
今後は、同じパターンでCRM、トラッカー、または完全なダッシュボードを構築できます。
結局、あなたは高度なコーディングスキルを持たずに、単なるアイデアから実際に運用可能なアプリへと到達したのです。
愛らしいAIでより良いプロンプトを作成する
結果は、ほぼ完全にあなたがどのように設問を作成するかに左右されます。
まず、ユーザーについて説明してください。アプリを使うのは誰で、彼らは何をする必要があるのかを述べてください。
作成したいページの名前を指定すれば、Lovableが最初から最適なレイアウトを作成します。
サインアップから主要なアクションまで、主要なタスクを順番にリストアップしてください。
検索機能、フィルター機能、チャットボックスなど、具体的な機能について説明してください。
希望するデザインを伝えれば、AIが初回でそれに近いデザインを提案してくれます。
アプリが既に存在する場合は、変更ごとに1つのプロンプトを使用し、長くて複数の変更を混ぜたリクエストは使用しないでください。
プロンプトが失敗した場合は、エラーを分かりやすく説明し、AIに修正を試みさせてください。
弱いプロンプトを外部AIで改善し、より洗練されたバージョンを貼り付け直す。
ナレッジファイルを追加することで、モデルがビルド全体を通してルールを記憶するようにします。
うまくいったプロンプトは保存しておけば、次のプロジェクトで再利用できます。
インスピレーションが必要なときは、コミュニティを探索して、ヒントとなるアイデア、動画、コースなどを見つけてください。
優れたプロンプトを作成するのはスキルであり、プロジェクトをリリースするたびにそのスキルは急速に向上します。
愛らしいAIのプロのヒントとショートカット
Lovable AIを6ヶ月間テストした結果、アプリ開発をより迅速に行うための私のおすすめのヒントをご紹介します。
これらは、私が初期の頃はゆっくりとした製作を、迅速かつきれいに仕上げる製作へと変えてくれた習慣です。
いずれもプログラミングスキルは必要なく、AIとのより明確な連携方法さえあれば良い。
プロンプトショートカット
| ゴール | 何をするか |
|---|---|
| 大規模な建設を段階的に進める | プロンプトが表示される前にプランモードをオンにしてください |
| AIの一貫性を保つ | プロジェクトの詳細を記載したナレッジファイルを追加する |
| 壊れたページを修正する | 「フィードバックを修正する」ボタンをクリックしてください。 |
| 弱いプロンプトを鋭くする | 外部AIで改良してから、貼り付け直す。 |
ほとんどの人が見逃す隠れた機能
- リミックス: Supabaseに接続されているプロジェクトを除き、新しいアイデアを探求するために公開されているプロジェクトをコピーしてください。
- ビジュアル編集: 要素をクリックするだけで、コードを書く必要なく瞬時に変更できます。
- GitHub同期: GitHubリポジトリを接続することで、すべての変更が完全なバージョン管理で追跡されます。
愛すべきAIが陥りがちなよくある間違い
ほとんどすべての新規ユーザーがいくつかのミスを犯しますが、それらはすべて簡単に回避できます。
これらを今すぐ学べば、自分のプロジェクトで何時間もの手戻り作業を省くことができます。
間違いその1：曖昧な最初のプロンプトを書く
❌ 間違い: たった一行のアイデアを入力しただけで、AIが完成したアプリを生成してくれると期待する。
✅ 右: ユーザー、ページ、そして主要なタスクを明確に説明する、詳細な最初のプロンプトを作成してください。
間違いその2：バージョン管理を怠る
❌ 間違い: 変更履歴を追跡するためのGitHubリポジトリに接続せずに、何日もビルド作業を続ける。
✅ 右: GitHubに早めに接続しておけば、プロジェクトの編集内容がすべて保存され、エラーが発生した場合でも元に戻すことができます。
間違いその3：APIキーを公開してしまう
❌ 間違い: APIキーをプロンプトまたはコードに直接貼り付けます。
✅ 右: アカウント、支払い、ユーザーデータが安全に管理されるように、各キーは秘密情報として保管してください。
愛らしいAIのトラブルシューティング
スムーズに構築できたとしても、時折問題が発生することがあります。そこで、よくある解決策をご紹介します。
ほとんどの問題は、AIに明確なメッセージを送るか、設定を簡単に確認することで解決します。
問題：プロンプトの後、アプリにエラーが表示される
原因： 最近のプロンプトで、現在のコードでは対応できない変更が求められました。
修理： 「修正を試みる」ボタンをクリックすると、Lovableがエラーを読み取り、コードを修復します。それでも問題が解決しない場合は、新しいメッセージで問題の詳細を説明してください。
問題：変更内容が保存されない
原因： このプロジェクトはバックエンドに接続されていないため、ページを再読み込みするとデータがリセットされます。
修理： バックエンドサービスとしてSupabaseを接続し、Lovableにユーザーデータの保存を指示してください。タスクと記録はすべてのデバイス間で保持されます。
問題：公開したアプリがリリースされない
原因： 本番稼働には、接続済みのカスタムドメインと正常なデプロイが必要です。
修理： まず公開して共有可能なURLを生成し、次にカスタムドメインを接続してください。リンクをユーザーと共有する前に、デプロイが完了したことを確認してください。
問題：プロジェクトが複雑になりすぎて編集できなくなりました
原因： 1つのプロンプトにあまりにも多くの機能が追加されているため、AIが対応しきれなくなっています。
修理： プランモードをオンにして、一度に1つの要素を編集してください。使用していないページやコンポーネントを削除することで、プロジェクトのナビゲーションが容易になり、AIによるガイダンスもより明確になります。
問題：GitHubリポジトリに接続できません
原因： GitHubアカウントに認証がされていないか、リポジトリの権限設定が間違っています。
修理： 設定からGitHubアカウントを再接続し、リポジトリへのアクセス権を付与してください。接続が完了すると、すべての変更が完全なバージョン管理でプロジェクト全体にわたって追跡されます。
📌 注記： これらの方法で問題が解決しない場合は、Lovable AIのサポートに問い合わせるか、コミュニティに質問してください。
Lovable AIとは何ですか？
愛すべきAI 自然言語を用いてWebアプリケーションを構築するために設計されたプラットフォームです。
あなたのアイデアを実際に動作するアプリに変えてくれる、いわばコーディングパートナーのようなものだと考えてください。
あなたが望むことを説明すれば、Lovableがあなたのためにコードを書いてくれます。
アプリ開発で最も難しい部分である、空白の起動画面を取り除いてくれます。
セットアップや設定を行う代わりに、すぐに動作する最初のプロジェクトから始めます。
そこから、簡単なチャットでのやり取りを通してアプリを改良していきます。
Lovableは、必要に応じてGitHub、Supabase、Stripeと連携して動作します。
つまり、本格的なバージョン管理、本格的なバックエンド、そして本格的な決済がすべて一箇所で実現できるということです。
こちらの簡単な概要をご覧ください。
主な機能は以下のとおりです。
- AIアプリ＆ウェブサイトビルダー： 平易な言葉で書かれた単一のプロンプトから、アプリやサイトを構築できます。
- 3Dモデルビューア： グラフィックコードを書かずに、インタラクティブな3Dシーンを追加できます。
- フルスタックアプリ： 実際のバックエンド、データベース、ユーザーアカウントをまとめて出荷してください。
- ダッシュボードビルダー： 生データをグラフや追跡ビューに変換します。
- ドキュメント: アプリに関する分かりやすいドキュメントとガイダンスページを作成しましょう。
- AIアートジェネレーター： ユーザーがテキストプロンプトから画像を作成できるようにする。
Lovableは迅速なプロトタイピングに効果的です。詳細なレビューについては、こちらをご覧ください。 愛らしいAIのレビュー.
愛らしいAI価格設定
2026年におけるLovable AIのコストは以下のとおりです。
| プラン | 価格 | 最適な用途 |
|---|---|---|
| 無料 | 月額0ドル | アイデアの検証と最初のプロジェクト |
| プロ | 月額21ドル | 個人開発者が実際のアプリをリリース |
| 仕事 | 月額42ドル | 規模拡大と座席数増加を必要とするチーム |
| 企業 | カスタム | 独自のニーズを持つ大規模組織 |
無料トライアル: はい、無料プランでは無料でプロジェクトを作成・テストできます。
返金保証: 有料プランを購入する前に、チェックアウト画面で最新の利用規約をご確認ください。
無料プランは、プラットフォームの使い方を学び始めるのに最適な場所です。
プロジェクトの作成、プロンプトのテスト、機能の探索は無料で行えます。
Proプランは、実際にアプリをリリースし、より多くのプロンプトを必要とする個人開発者に適しています。
この事業計画では、少人数のチームが共同作業を行うための座席数と規模を拡大する。
エンタープライズは、独自のニーズを持つ大規模組織を対象としています。 安全 レビュー、そしてサポート。
💰 最もお得な価格: Pro版は、アプリを単独で開発するほとんどのユーザーにとって十分なプロンプトと拡張性を提供します。
愛すべきAI vs 代替案
Lovable AIは他社と比べてどうでしょうか？競合状況は以下のとおりです。
アプリ開発ツール市場は競争が激しく、それぞれのツールは異なるユーザー層をターゲットにしている。
コードを書かずにドラッグ＆ドロップで操作できることに重点を置くものもあれば、コードを必要とする開発者をターゲットにしたものもある。
Lovable AIはその中間に位置し、プロンプトに基づいてアプリを構築し、その下に編集可能なコードを備えている。
| 道具 | 最適な用途 | 価格 | 評価 |
|---|---|---|---|
| 愛すべきAI | プロンプト駆動型カスタムアプリ | 月額21ドル | ⭐ 4.6 |
| ソフト | ノーコードデータアプリ | 月額59ドル | ⭐ 4.6 |
| バブル | 複雑なウェブアプリケーション | 月額32ドル | ⭐ 4.5 |
| バジー | デザインからアプリ開発まで | 月額49ドル | ⭐ 4.3 |
| グライド | スプレッドシートアプリ | 月額25ドル | ⭐ 4.5 |
| ソフトジェン | AIフルスタックアプリ | 月額20ドル | ⭐ 4.2 |
| アダロ | 初心者向けモバイルアプリ | 月額45ドル | ⭐ 4.4 |
おすすめ商品：
- 総合ベスト： 愛らしいAI ― たった1つのプロンプトから、編集可能なコードを備えた動作するアプリまで、迅速に作成できます。
- ベスト予算： Softgenは、フルスタックアプリ向けに低価格の月額料金で提供される、AI分野における有力な競合サービスです。
- 初心者におすすめ： Adalo ― ドラッグ＆ドロップで簡単に建物を構築でき、習得も容易です。
- データアプリに最適： Glide ― スプレッドシートを数分でアプリに変換します。
🎯 愛らしいAIの代替案
Lovable AIの代替サービスをお探しですか？おすすめの選択肢はこちらです。
- 🚀 ソフト: 既存のデータに基づいて、コードを一切記述することなくWebアプリやポータルを構築できます。迅速な社内ツールに最適です。
- 🏢 バブル： 複雑なWebアプリケーション向けの成熟したビジュアルプラットフォーム。高度なロジックと大規模な開発者コミュニティを備えています。
- 🧠 バジー： Figmaのデザインやプロンプトを動作するアプリに変換するツールで、ビジュアルレイアウトから始める場合に便利です。
- 📊 グライド: スプレッドシートからアプリを素早く作成でき、シンプルなデータツールや社内チームのトラッカーに最適です。
- ⚡ ソフトジェン： 自然言語によるプロンプトからフルスタックのWebアプリを迅速に開発・提供することに特化したAIアプリビルダー。
- 👶 アダロ： ドラッグ＆ドロップでコンポーネントを操作できる、初心者にも使いやすいモバイルアプリおよびウェブアプリ向けのノーコードビルダー。
全リストについては、こちらをご覧ください。 愛すべきAIの代替案 ガイド。
⚔️ 愛らしいAIの比較
Lovable AIが各競合他社と比べてどのような性能を発揮するかを以下に示します。
- 愛らしいAI vs ソフトなAI： Softrはノーコードデータアプリで勝利し、Lovable AIは編集可能なコードを使用したプロンプト駆動型のカスタムビルドで勝利した。
- 愛らしいAI vs バブル： Bubbleはよりきめ細かな制御が可能で、Lovable AIは単一のプロンプトから最初のプロジェクトまでをより迅速に作成できる。
- 愛らしいAI vs バジー： Buzzyはデザインファイルに依存しているのに対し、Lovable AIは平易な言語から構築し、コードの編集も可能にする。
- 愛らしいAI vs グライド： Glideは表計算アプリにはよりシンプルですが、Lovable AIはフルスタックアプリやバックエンドへとさらに拡張可能です。
- 愛らしいAI vs ソフトジェン： Softgenは有力な競合製品だが、Lovable AIはビジュアル編集機能、GitHub、そしてより幅広いリソースコミュニティを追加している。
- 愛らしいAI vs アダロ： Adaloはモバイルファーストの初心者向け、Lovable AIはコードへのアクセスと迅速なプロトタイピングを求める開発者向けです。
今すぐLovable AIを使い始めましょう
Lovable AIの主要な機能をすべて使いこなせるようになりました。
- ✅ AIアプリ＆ウェブサイトビルダー
- ✅ 3Dモデルビューア
- ✅ フルスタックアプリ
- ✅ ダッシュボードビルダー
- ✅ ドキュメント
- ✅ AIアートジェネレーター
- ✅ Eコマースストアフロント
- ✅ 数学ソルバー
- ✅ カンバンボード
次のステップ： どれか一つの機能を選んで、今すぐ試してみてください。
ほとんどの人はAIアプリ＆ウェブサイトビルダーから始めます。
最初のプロジェクトの発送は5分もかかりません。
そこからGitHubに接続し、バックエンドを追加して、準備ができたら公開します。
構築すればするほど、プロンプティングスキルはより早く向上します。
Lovable AIを開いて、プロンプトを1つ入力するだけで、あなたのアイデアが実際に動作するアプリへと変化します。
よくある質問
Lovable AIを使い始めるにはどうすればいいですか？
lovable.devに登録し、最初のプロジェクトを開いて、アプリの説明を1つ記述してください。Lovableはその最初の記述に基づいて、編集や改良が可能なレイアウトを作成します。
Lovable AIで何ができるの？
Lovable AIを使えば、平易な言葉でアプリ、ウェブサイト、ダッシュボード、ストアを作成できます。さらに、コードの編集、GitHubとの連携、決済機能の追加、そして独自のプロジェクトの本番環境へのデプロイも可能です。
Lovableよりも優れたAIはどれですか？
万人に最適なツールは存在しない。Bolt、Softgen、Bubbleはよく競合するツールだ。Lovable AIは、プロンプト主導型のアプリ開発、編集可能なコード、GitHubによるバージョン管理といった点で際立っている。
初心者でもAIを学ぶことはできますか？
はい。Lovable AIは初心者向けに設計されています。アイデアを平易な言葉で説明するだけで、AIがコードを生成します。無料のYouTube動画とドキュメントが、最初のプロジェクトから丁寧にガイドします。
Lovable AIはどのように使えばいいですか？
サインアップして最初のプロンプトを入力し、その後、フォローアッププロンプトとビジュアル編集でプロジェクトを洗練させましょう。GitHubに接続し、カスタムドメインを追加して公開すると、共有可能なURLが生成されます。
English 
Spanish 
Chinese 
German 
French 
Arabic 
Russian 
Portuguese 
Japanese 
Korean 
Italian 
Turkish 
Dutch 
Polish 
Indonesian 
Thai 
Vietnamese 