みなさん、当然ですが 「Loveble」という生成AIツールをご存知でしょうか？
知らないという方がほとんどだと思いますし、つい最近まで筆者も知りませんでした。
もしあなたがこれを知っていたのであれば、かなりの生成AIツール「通」でしょう。
旧称「GPT Engineer」から進化を遂げ、2024年11月に新名称とともに再登場したこの生成AIツールは、プログラミングの知識ゼロでも、AIの力で高品質なWebサイト、Webアプリを自動生成できるという優れモノです。
ノーコードツールはこれまでも紹介してきましたし、どれも十分仕事に活用できるレベルで優秀なツールだと思います。そんな中で突然知ることになったマイナーな「Loveble」という生成AIツールについて、今回も例の如く、競合である V0 や Bolt と比較しながら、深掘りしてみました。
Loveble vs 他ツール：スコーン屋のLPをAIに作らせてみた
プロンプト例
| スコーンを販売するWebサイトを作ってください |
まずは、純粋なデザインと性能を比べるために対話なしの1回のみ、同じプロンプトを使用して、それぞれのツールにLPを生成してもらいました。
その結果がこちら。
v0で作成したLP
評価：可もなく不可もなく。
情報は並んでいるけれど、特に目立った魅力は感じられず。
Boltで作成したLP
評価：LPとして十分な構成で作成してくれた。
シンプルな構成で見やすいだけでなく、画像の質が高かったり、ボタンにhoverアクションが設定されていたりなどLPに必要な要素がしっかり盛り込まれている。
Lovebleで作成したLP
評価：視覚的な完成度の高さが際立っていた。
全体の色使いが洗練されており、デザイン性の高さが一目で伝わってきます。自動生成された画像は質が高く、複数のフォントを適切に使い分けることで、プロフェッショナルな印象を演出。さらに、キャッチコピーのセンスも良く、訴求力のある表現が自然に盛り込まれていました。動きのあるUIも自動で組み込まれており、まさに「ノーコードでここまでできるのか」と驚かされる仕上がりでした。
Supabaseと連携して“動くアプリ”を作る
LPを作成してもらいましたが、Lovebleの強みは、見た目だけじゃありません。
バックエンド連携まで、ワンクリックで完了できます。
Loveble × Supabase の連携
連携は驚くほど簡単です。
Supabaseに登録、サインインしてから手順に従って連携します。
ただし、1回連携するごとに1クレジット消費する点には注意が必要です。
Supabaseとは？
オープンソースのバックエンド基盤のこと。
PostgreSQLベースで、リアルタイムDB・認証・ストレージ・サーバーレス関数までフル装備です。
作ってみた：Todoリストアプリ
ちゃんと動きます！
ログイン機能付き・タスク追加・削除・完了チェックまで実装済み。
まとめ
正直なところ、生成AIツールの使い始めは半信半疑です。特に使い慣れていない人にとってみれば「AIがWebアプリを作ってくれるなんて本当かな？」と思ってしまうのは全く不思議ではありません。
だからこそ、ぜひLoveble触れてみてほしいです！
専門知識がなくても、画面にそって操作するだけで、しっかり“それっぽい”アプリが形になるんです。しかも、デザインもきれいで動きもスムーズ。
Supabaseとの連携も、思っていたほど難しくなく、「こういう仕組みだったのか」と勉強にもなりました。
例え開発の経験がなくても、「こんなアプリを作ってみたいな」というアイデアさえあれば、Lovebleはその第一歩を後押ししてくれます。
難しいことはAIに任せて、自分はアイデアを形にするだけ。
そんな新しいものづくりの体験を、ぜひ一度試してみてください。
記事ランキング
AIツールランキング
Leonaldo AI
インスピレーションを形にするAIアートクリエイター概要Leonardo AIは、高品質な画像生成を迅速かつ簡単に実現する生成AIツールです。プロンプトベースで画像を生成するだけでなく、既存画像の変換や編集も可能で、クリエイティブなプロジェクトに最適です。多彩な生成モードと柔軟な料金プランにより、個人から企業まで幅広いユーザーに対応します。料金（月額 / 年額）Free：$0 / $0Apprentice：$12 / $120 （月額より20%off）Artisan：$30 / $288 （月額より20%off）Maestro：$60 / $576 （月額より20%off）機能プロンプトからの画像生成既存画像を基にした新規画像生成特定のポーズ指定による画像生成プロンプトの自動生成支援画像編集機能リアルタイムでの画像生成Leonardo AIを使ってみる>>1. 製品/サービス概要目的ユーザーが簡単に高品質な画像を生成できる環境を提供し、クリエイティブな制作作業を効率化するターゲットユーザーグラフィックデザイナーアーティストコンテンツクリエイターマーケター中小企業スタートアップ教育機関研究者 2. 特徴オープンソース：最先端のAIモデルを無料で公開し、誰でも利用・改良可能マルチモーダル：画像、音声、テキストなど多様な形式のAIモデルを提供高性能：商用レベルの品質を持つAIモデルを開発・提供カスタマイズ可能：ユーザーのニーズに合わせてモデルを調整可能コミュニティ駆動：世界中の開発者が協力して継続的に改善倫理的AI：安全性と倫理性を重視した開発方針API提供：企業向けに高度なAPI統合オプションを提供 3. 機能詳細プロンプトからの画像生成（Text to Image）詳細説明：プロンプト入力に基づき、高品質な画像を自動生成使用例：商品イメージ、SNS投稿用ビジュアルの作成利便性：短時間で具体的なビジュアルアイデアを実現既存画像を基にした新規画像生成（Image to Image）詳細説明：アップロードした画像を基に、新しいスタイルやアレンジを加えた画像を生成使用例：イラストのデジタルリメイク、ブランドロゴの変形利便性：既存の素材を活用し、新しいデザインを迅速に作成特定のポーズ指定による画像生成（Control Net）詳細説明：ポーズや構図を指定して、AIがそれに基づいた画像を生成使用例：広告キャンペーンで使用する人物画像の制作利便性：構図の自由度が高く、精度の高い制作が可能画像編集機能（AI Canvas）詳細説明：生成した画像の一部を修正・編集使用例：背景の変更やカラー調整利便性：細部のカスタマイズが可能で、クオリティを向上プロンプトの自動生成支援（Prompt Generation）詳細説明：キーワードを基にAIが詳細なプロンプトを提案使用例：クリエイティブブリーフ作成時のアイデア出し利便性：初心者でも効果的なプロンプトを簡単に作成可能リアルタイムでの画像生成（Realtime Gen）詳細説明：プロンプト入力後、リアルタイムで画像を生成使用例：プレゼンテーションやイベントでの即時利用利便性：即時性が求められるシーンに対応可能 4. 導入事例Leonardo AIを活用し、エンゲージメント率を向上｜グローバルメディア企業X社課題SNSキャンペーン用の画像制作に多大な時間がかかる高解像度の画像が必要で、外部制作コストが増大していた成果リアルタイム画像生成により、キャンペーンのリードタイムを50%短縮Image to Image機能を活用し、既存デザインの新バリエーションを迅速に作成商用利用可能な無料プランを活用し、初期コストを大幅削減ROI制作コストが30%削減エンゲージメント率が20%向上。コンテンツ制作の効率化クリエイティブ表現の多様化導入ステップアカウント作成：公式サイトから無料アカウントを登録プラン選択：プロジェクト規模に応じて適切なプランを選択トークン管理：必要なトークンを購入または付与トークンを利用プロンプト入力：画像生成に必要なテキストを入力画像生成と編集：生成された画像をダウンロードまたは編集 5. 料金プランプラン名料金（月額 / 年額）主な特徴Free$0 / $0 Apprentice$12 / $120（月額より20%off）Artisan$30 / $288（月額より20%off）Maestro$60 / $576（月額より20%off）Leonardo AIを使ってみる>>
ChatGPT
人間のような対話を実現する次世代AI概要GPT-4を基盤とした最先端の言語モデルを使用し、他のAIチャットボットよりも高度で自然な対話を実現料金（月額 / 年額）Free：$0 / $0Plus：$20 / -Team：$30 / $300Enterprise：要問い合わせ機能自然言語対話文章生成コード生成・デバッグデータ分析・要約多言語翻訳質問応答システム感情分析ChatGPTを使ってみる>> 1. 製品/サービス概要目的自然言語処理を用いて、人間のような対話や文章生成を行い、様々なタスクを効率化・自動化するターゲットユーザー企業（カスタマーサポート、マーケティング、研究開発など）教育機関クリエイター個人ユーザー 2. 特徴高度な自然言語処理：人間のような自然な対話や文章生成が可能多言語対応：100以上の言語で対話・翻訳が可能コンテキスト理解：会話の文脈を理解し、適切な応答を生成多様なタスク対応：質問応答、文章作成、コード生成など幅広いタスクに対応継続的な学習：新しい情報や feedback を基に常に進化カスタマイズ可能：APIを通じて独自のアプリケーションに組み込み可能 3. 機能詳細自然言語対話機能名：インテリジェント会話詳細：ユーザーの入力に対して、文脈を理解した自然な応答を生成使用例：カスタマーサポートチャットボットとして顧客の問い合わせに24時間対応利便性：人件費削減と顧客満足度向上を同時に実現文章生成機能名：クリエイティブライティング詳細：与えられたトピックや指示に基づいて、構造化された文章を生成使用例：ブログ記事、レポート、プレスリリースの下書き作成利便性：コンテンツ制作の時間を大幅に短縮し、アイデア創出をサポートコード生成・デバッグ機能名：AIプログラミングアシスタント詳細：プログラミング言語のコードを生成し、エラーの修正案を提示使用例：新機能の実装やバグ修正の効率化利便性：開発速度の向上とコードの品質改善データ分析・要約機能名：インテリジェントアナライザー詳細：大量のテキストデータから重要な情報を抽出し、要約を生成使用例：市場調査レポートの要約作成、顧客フィードバックの分析利便性：データ分析の時間短縮と洞察の質向上多言語翻訳機能名：AIポリグロット詳細：テキストを複数の言語間で高精度に翻訳使用例：国際的なマーケティングキャンペーンのローカライズ利便性：グローバル展開の障壁を低減し、コミュニケーションを円滑化質問応答システム機能名：ナレッジベースQA詳細：与えられた情報源から関連する回答を抽出・生成使用例：社内FAQシステムの構築、製品サポートの自動化利便性：情報アクセスの迅速化と社員の生産性向上感情分析機能名：センチメントアナライザー詳細：テキストの感情や態度を分析し、ポジティブ/ネガティブを判定使用例：ソーシャルメディアの反応分析、顧客レビューの評価利便性：ブランド評価の把握と迅速な対応策の立案 4. 導入事例年間人件費50%削減、顧客維持率15%向上｜テックスタートアップX社課題カスタマーサポートに5名のフルタイムスタッフを配置平均応答時間：2時間顧客満足度：75%成果ChatGPTを活用したAIチャットボットを導入平均応答時間：10秒未満顧客満足度：92%カスタマーサポートスタッフを2名に削減し、より複雑な問題対応に特化導入ステップニーズ分析：組織のどの領域でChatGPTが最も効果を発揮するか特定データ準備：必要に応じて、組織固有の情報でChatGPTをファインチューニング統合：既存システムとのAPI連携を実施テスト：小規模なパイロットプロジェクトで効果を検証展開：成功を基に、他の部門や機能への展開を計画 5. 料金プランプラン名料金（月額 / 年額）主な特徴推奨ユーザーFree$0 / $0 個人Plus$20 / -基本的な対話機能1日100クエリまで個人小規模ビジネスTeam$30 / $300高度な機能無制限クエリ基本サポート中小企業スタートアップEnterprise要問い合わせフルカスタマイズ専用サポートSLA保証大企業政府機関参考：https://openai.com/ja-JP/chatgpt/pricing/ 追加サービスとオプションAPI利用：1,000クエリあたり¥5,000カスタムモデル開発：要相談プレミアムサポート：月額¥50,000（24/7対応） ChatGPTを使ってみる>>
Gemini
あらゆるタスクに対応する、Googleの最先端 AI アシスタント概要Google の膨大なデータと最先端 AI 技術を組み合わせた、他に類を見ない統合的 AI プラットフォーム料金（年額）Free：無料Advanced：¥2,900Business：$175 / ¥27,120Enterprise：$265 / ¥40,800機能テキスト生成画像理解と生成音声認識と生成動画分析コード生成と最適化データ分析と可視化翻訳と多言語対応タスク自動化カスタマイズと拡張性Geminiを使ってみる>> 1. 製品/サービス概要目的テキスト、画像、音声、動画を統合的に理解・生成し、複雑なタスクを効率的に処理するターゲットユーザー個人ユーザーから大企業まで、AI による業務効率化や創造的タスクの支援を求めるすべての人々 2. 特徴マルチモーダル処理：テキスト、画像、音声、動画を同時に理解・処理できる高度な推論能力：複雑な問題解決や創造的タスクに対応Google 検索との連携：最新の情報を活用した回答が可能多言語対応：世界中のユーザーに対応可能コード生成と解析：プログラミング支援機能を搭載Google Workspace との統合：既存の Google サービスとシームレスに連携カスタマイズ可能：企業や個人のニーズに合わせて調整可能 3. 機能詳細テキスト生成機能名：高品質テキスト生成使用例：ブログ記事、レポート、メール文章の作成利便性：時間短縮と品質向上を同時に実現画像理解と生成機能名：ビジュアル AI使用例：商品画像の分析、デザイン案の生成利便性：ビジュアルコンテンツの作成・分析を効率化音声認識と生成機能名：音声インターフェース使用例：会議の議事録作成、音声コマンドによる操作利便性：ハンズフリーでの作業が可能に動画分析機能名：ビデオインテリジェンス使用例：動画コンテンツの自動要約、シーン分析利便性：大量の動画データから素早く情報を抽出コード生成と最適化機能名：AI プログラミングアシスタント使用例：新機能の実装、既存コードの最適化利便性：開発速度の向上とコード品質の改善データ分析と可視化機能名：インテリジェントアナリティクス使用例：複雑なデータセットの分析、インサイトの抽出利便性：データドリブンな意思決定をサポート翻訳と多言語対応機能名：AI 翻訳エンジン使用例：多言語ドキュメントの作成、リアルタイム通訳利便性：グローバルコミュニケーションを円滑化タスク自動化機能名：ワークフローオートメーション使用例：定型業務の自動化、スケジュール管理利便性：人間の創造的業務にフォーカスできる時間を創出セキュリティと倫理的 AI機能名：トラステッド AI使用例：データ保護、バイアス検出と軽減利便性：安全で公平な AI 利用を実現カスタマイズと拡張性機能名：AI プラットフォーム使用例：業界特化型 AI モデルの開発、既存システムとの統合利便性：ビジネスニーズに合わせた柔軟な AI ソリューションを構築 4. 導入事例1年で投資額の3倍以上の効果を実現｜グローバル製造業A社課題多言語対応に多大な時間とコストがかかっていた製品設計プロセスが遅く、市場投入に時間がかかっていた成果Gemini の多言語機能により、翻訳コストを 60% 削減AI 支援による設計最適化で製品開発サイクルを 30% 短縮導入ステップニーズ分析：現状の課題を特定し、Gemini の適用領域を決定パイロット導入：小規模チームで試験的に導入し、効果を検証カスタマイズ：企業特有のニーズに合わせて AI モデルを調整全社展開：段階的に全部門へ展開し、利用をサポート継続的改善：フィードバックを基に機能を最適化し、新たな活用法を探求 5. 料金プランプラン名料金（年額）主な特徴Free無料GoogleAIStudioでも利用可能Advanced¥2,900年間契約オプションなしBusiness$175 / ¥27,120月額2,260円/ユーザー（１年契約）Enterprise$265 / ¥40,800月額2,260円/ユーザー（１年契約）追加サービスとオプションAPI 利用料：従量制、月額¥10,000 からカスタム機能開発：要相談優先サポート：月額¥50,000 から Geminiを使ってみる>>
