menu-logo
  • icon
    ホーム
  • icon
    記事
  • icon
    AIツール
  • icon
    eラーニング
  • icon
    AIエージェント
  • icon
    プロンプト
  • icon
    AI-OJT
v2.7.0
アカウント
menu-logo
ログイン
会員登録
  • ホーム
  • 記事
  • 実は超優秀だったマイナーコード生成AIツール「Loveble」

実は超優秀だったマイナーコード生成AIツール「Loveble」

実は超優秀だったマイナーコード生成AIツール「Loveble」
2025年06月18日 11:022025年05月05日 08:50
経営・企画 / 広報・マーケ / エンジニア
レベル★★
AIニュース
AIエージェント
IT戦略
デザイン制作
プロモーション計画

みなさん、当然ですが 「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ツール

eラーニング

生成AIとは

生成AIとは

レッスン

関連記事

記事ランキング

AIツールランキング

AIツール

thumbnail
icon

Lovable

1. Lovableの製品/サービス概要目的Lovableは、開発者でない人でも、自然言語だけでアプリを作れる「AI時代のフルスタック開発支援ツール」です。コーディングのスキルがなくても、高品質なWebアプリを速やかに構築できます。ターゲットユーザースタートアップ企業ノーコード志向の個人開発者エンジニアリソース不足の企業教育機関(情報教育、プログラミング初学者)MVPを高速に試したいビジネスチーム2. Lovableの特徴非エンジニアでも本格的なアプリが作れるプログラミング不要で、テキストを打つだけでアプリが完成。直感的で親しみやすいUXが魅力。アイデアを即プロトタイプ化できる思いついたその瞬間に試作できるスピード感が、開発初期のアイデア検証を加速。エンジニアとの連携がスムーズになる自然言語で構築されたベースアプリをGitHubに渡せるため、開発のすり合わせが容易。学習用途や情報教育にも活用しやすい学生・教員が簡単に使える設計で、コード教育の導入にも最適。開発コストと工数を大幅削減できるデプロイやデバッグなどの煩雑な作業をAIが補筆し、開発効率を飛躍的に高める。アジャイル開発や仮設検証に最適高速な反復が可能なため、Lean StartupやMVP開発との相性が非常に良い。使うほど賢くなる対話型AI会話の文脈を理解して、満たされない要項を自動補完していくインタラクティブな体験が革新的です。3. Lovableの機能詳細自然言語によるアプリ生成詳細説明:テキストで「作りたいもの」を説明するだけで、UI・ロジックを含んだアプリが自動生成されます。使用例:「レシピ管理アプリを作って」と打つだけで、リスト・投稿・検索機能付きアプリが構築されます。利便性:コードに触れずに、アイデアを形にできます。リアルタイムプレビュー詳細説明:編集した内容は即座に画面に反映され、変更を試しながら開発を進められます。使用例:UI色や配置を変更してすぐ確認。利便性:結果を見ながら調整できるため、ミスややり直しが減ります。ワンクリックデプロイ詳細説明:開発したアプリをそのまま公開し、共有URLを即発行可能です。使用例:完成したアプリを顧客やチームにすぐ共有。利便性:配布やユーザーテストのスピードが格段に向上。GitHub連携詳細説明:プロジェクトをGitHubと接続し、コードのバージョン管理や本格的なチーム開発に移行できます。使用例:生成されたアプリをベースに、社内エンジニアが機能拡張を加える。利便性:AI開発→人間による本開発へ自然にスイッチできます。Supabase統合詳細説明:アプリに認証・DB接続機能を簡単に付与できます。使用例:ユーザーのログイン機能を3クリックで追加。利便性:バックエンド開発が不要になり、ノーコードで完結。コラボレーション機能詳細説明:複数人で同一プロジェクトを編集可能。ロール管理や並行編集もサポートされます。使用例:マーケ担当と開発者が同時にアプリを設計。利便性:非同期な開発フローでも混乱が起きにくい設計です。自動バグ検知・修正提案詳細説明:エラーを検出し、改善方法を提示。場合によっては修正も自動で提案します。使用例:フォーム送信時のバリデーションエラーを自動診断。利便性:初学者でも安心して開発が続けられます。モバイル対応(レスポンシブ生成)詳細説明:作成されるすべてのUIはスマホ・タブレットに自動対応します。使用例:スマホ画面で表示を確認しながらデザイン調整。利便性:別途モバイル用CSSを書く必要なし。4.  Lovableの導入事例起業家チームのMVP開発に活用課題エンジニア不在でアプリ開発が止まっていたノーコードツールでも限界を感じていた成果アイデアをLovableに打ち込むだけで初期プロトタイプが即完成VCピッチで実際の動作するアプリをデモできた導入ステップアカウント登録作りたいアプリ内容を自然文で入力アプリが生成・即時プレビュー公開URLを発行GitHubで管理し、本開発に移行5. Lovableの料金プランプラン名料金(月額)主な特徴推奨ユーザーFree$0 パブリックプロジェクトのみ、お試し・評価目的に最適個人・学習者・新規ユーザーPro$25 月100クレジット、プライベートプロジェクト対応、Lovableバッジ非表示、カスタムドメイン、最大3名の編集者フリーランス・小規模スタートアップTeams$30Proのすべての機能、請求とアクセス管理の一元化、最大20シート含む開発チーム・中小企業Enterprise要問い合わせSSO対応、データ学習オプトアウト、カスタムサポート大企業・セキュリティ重視の法人2025年5月25日調べ上記料金は月間契約の月額費です。参考:https://lovable.dev/pricing Lovableを使ってみる

エンジニア

eラーニング

H5P

H5PはHTML5 Packageの省略形です - プレゼンテーション、ビデオ、他のマルチメディア、問題、小テスト、ゲーム等のインタラクティブコンテンツです。H5P活動ではコースにH5Pをアップロードおよび追加できます。

すべての問題受験は自動的に評定されます。また、評定は評定表に記録されます。

詳細情報

mod_h5pactivity

IMSコンテンツパッケージ

IMSコンテンツパッケージは異なるシステム内で再利用できるよう同意された標準に基づきパッケージされた一連のファイルです。IMSコンテンツパッケージモジュールではZIP圧縮されたコンテンツパッケージをアップロードした後、リソースとしてコースに追加することができます。

通常、コンテンツはページ間のナビゲーションと共にそれぞれのページに表示されます。コンテンツをナビゲーションメニューまたはボタン等と共にポップアップウィンドウ上に表示するための様々なオプションがあります。

IMSコンテンツパッケージはマルチメディアコンテンツおよびアニメーションの表示に使用することができます。

詳細情報

mod_imscp

SCORMパッケージ

SCORMパッケージは同意された標準に基づきパッケージされた一連のファイルです。SCORM活動モジュールではSCORMおよびAICCパッケージをZIPファイルとしてをアップロードした後、コースに追加することができます。

通常、コンテンツはページ間のナビゲーションと共にそれぞれのページに表示されます。コンテンツを目次およびナビゲーションボタン等と共にポップアップウィンドウ上に表示するための様々なオプションがあります。通常、SCORM活動には問題を含み評点は評定表に記録されます。

SCORM活動は以下のように使用することができます:

  • マルチメディアコンテンツおよびアニメーションの表示のため
  • 評価ツールとして
詳細情報

mod_scorm

記事ランキング

thumbnail

MarpとClaudeによる簡単スライド作成方法

2024/10/01

営業
広報・マーケ
コンサル

レベル

★★
thumbnail

完璧に日本語をサポートするTTSモデル「Fish Speech」登場

2024/09/30

エンジニア

レベル

★★
thumbnail

AIを信じすぎた人々が迷い込む“もうひとつの世界”

2025/05/31

共通

レベル

★

AIツールランキング

thumbnail
icon

Suno AI

1. 製品/サービス概要目的テキストから高品質な音楽と歌声を自動生成し、音楽制作の民主化を実現するターゲットユーザー音楽クリエイターコンテンツ制作者マーケティング担当者個人ユーザー 2. 特徴テキストベースの音楽生成:簡単な文章入力だけで、完全なオリジナル楽曲を作成高品質な音声合成:プロ級のボーカルと楽器演奏を自動生成多様なジャンルとスタイル:ポップス、ロック、クラシックなど、幅広い音楽ジャンルに対応カスタマイズ可能:楽曲の長さ、テンポ、楽器構成などを細かく調整可能リアルタイム編集:生成された音楽をその場で編集し、即座に反映コラボレーション機能:チームでの共同制作や楽曲の共有が容易商用利用ライセンス:有料プランで商用利用が可能 3. 機能詳細AI作曲機能名:インテリジェント作曲エンジン詳細説明:テキストプロンプトから楽曲の構造、メロディ、ハーモニーを自動生成使用例:マーケティングキャンペーン用のジングル作成利便性:専門知識不要で短時間に高品質な楽曲を制作可能AI歌声合成機能名:ボーカルシンセサイザー詳細説明:自然で表現豊かな歌声を生成し、歌詞に合わせて自動調整使用例:ポッドキャストのオープニングテーマ制作利便性:ボーカリスト不要で、多様な声質やスタイルの歌声を即座に生成マルチトラック編集機能名:トラックマスター詳細説明:各楽器パートを個別に編集し、ミックスを調整可能使用例:生成された楽曲のギターソロを強調利便性:プロ級の音楽制作ソフトのような詳細な編集が可能スタイル転送機能名:ジャンルシフター詳細説明:既存の楽曲を別のジャンルやスタイルに自動変換使用例:クラシック曲をジャズアレンジにリメイク利便性:一つの楽曲から多様なバリエーションを簡単に作成歌詞生成機能名:リリックジェネレーター詳細説明:テーマやキーワードから歌詞を自動生成使用例:ブランドの価値観を表現する歌詞の作成利便性:ライターズブロックを解消し、創造的なアイデアを提供音楽理論アシスタント機能名:ハーモニーヘルパー詳細説明:コード進行や音階の提案、理論的な説明を提供使用例:初心者が適切なコード進行を学習利便性:音楽理論の知識を深めながら、質の高い楽曲制作が可能エクスポート機能機能名:フォーマットコンバーター詳細説明:生成された楽曲を様々な形式でエクスポート使用例:SNS投稿用に最適化された短尺動画の作成利便性:異なるプラットフォームや用途に合わせて柔軟に出力可能 4. 導入事例導入6ヶ月で投資額の5倍以上のコスト削減と新規案件獲得を実現|デジタルマーケティングエージェンシーA社課題クライアント向けの音楽制作に多額の予算と時間を費やしていた楽曲のカスタマイズに時間がかかり、クライアントの要望に迅速に対応できなかった成果Suno AIの導入により、音楽制作コストを70%削減クライアントの要望に応じた楽曲を数分で生成し、修正サイクルを大幅に短縮クリエイティブの幅が広がり、クライアント満足度が30%向上導入ステップアカウント作成:Suno AIの公式サイトでアカウントを登録プラン選択:利用目的に合わせて適切なプランを選択チュートリアル:基本的な使い方をガイド付きで学習初回プロジェクト:サンプルプロジェクトで実際に楽曲を生成カスタマイズと展開:生成された楽曲を編集し、実際のプロジェクトに活用 5. 料金プランプラン名料金(月額)主な特徴推奨ユーザーベーシック$0 1日10曲まで生成可能基本編集機能個人ユーザー学生プロ$10 月500曲生成可能高度な編集機能商用利用可フリーランス中小企業プレミアム$30 月2000曲生成可能全機能利用可優先サポート大企業プロダクションハウス2025年5月19日調べ上記料金は月間契約の月額費です。参考:https://suno.com/account年間契約だと、各月の料金が20%OFFされます。追加サービスとオプションAPI利用:カスタム価格設定(利用量に応じて)エンタープライズソリューション:要相談トレーニングワークショップ:1セッション$500からSuno AIを使ってみる>>

広報・マーケ
CS (カスタマーサポート)
thumbnail
icon

AivisSpeech

1. 製品/サービス概要目的AivisSpeechは、任意の音声を感情豊かに表現し、高精度でテキスト化することで、情報共有やコンテンツ制作を支援します。ターゲットユーザー動画制作やボイスドラマ制作を行うクリエイタービジネスプレゼンテーションや会議の効率化を目指す企業教育・研修用の音声資料を作成する教育機関や講師2. 特徴高精度な訳出技術:AIエンジンを搭載したモデルにより、音声の訳出における高精度を実現。複数言語の対応性:英語や日本語はもちろん、その他の言語にも対応。リアルタイムのテキスト化機能:訳出結果をリアルタイムで一瞬で可視化。シェアリング機能:結果を簡単に共有できるため、チーム作業が効率化。3. 機能詳細感情豊かな音声合成詳細説明:人間の声のように自然で感情豊かな音声を生成。使用例:ボイスドラマや動画ナレーションの作成。利便性:魅力的なコンテンツを迅速に制作可能。リアルタイム音声テキスト化詳細説明:音声を瞬時に文字データに変換。使用例:会議やインタビューの記録。利便性:効率的な情報整理が可能。カスタマイズ可能な話者スタイル詳細説明:音声のテンポや音量を細かく調整可能。使用例:キャラクターごとの表現を追加したボイスコンテンツ。利便性:多様な表現力でリスナーを引き込む。高互換性と簡単操作詳細説明:VOICEVOXやYMM4との互換性でスムーズに導入可能。使用例:動画編集ソフトと連携しての音声生成。利便性:既存のワークフローを簡単に強化。4. 導入事例動画コンテンツ制作におけるクリエイターの活用例課題 ナレーション制作に時間とコストがかかる複数の話者が必要なプロジェクトでの対応が困難成果 作業時間を50%短縮低コストで複数話者のナレーションを実現導入ステップスクリプトをAivisSpeechにアップロード話者スタイルを選択して音声を生成動画編集ソフトにインポートしてナレーションを完成5. 料金プラン無料でダウンロード可能。全ての基本機能を無料で利用可能。個人・法人・商用問わず適用。追加サービスとオプション音声合成モデル制作代行サービス:まるなげボイス(α) by Aivis Project にて、専用に録音されていない音声データからでも高品質な音声合成モデルを制作。詳細はAivis Projectの「お問い合わせフォーム」をご利用ください。AivisSpeechを使ってみる>>

広報・マーケ
thumbnail
icon

3秒敬語

1. 3秒敬語の製品/サービス概要目的:日常的なカジュアルな日本語を、ビジネスやフォーマルな場で適切な敬語表現に迅速かつ正確に変換すること。ターゲットユーザー:新社会人や学生ビジネスパーソン接客業従事者日本語学習者2. 3秒敬語の特徴3秒で変換:名前の通り、3秒程度で自然な敬語へ変換。ユーザー登録不要:ログインやアカウント作成は不要。平文とメールの2モード:チャット用とメール用で切り替え可能。マルチデバイス対応:ブラウザ・iPhone・Chrome拡張に対応。完全無料で安心:機能制限や有料化の心配が不要。3. 3秒敬語の機能詳細平文モード詳細説明:日常的なフランクな文章を、丁寧語・尊敬語・謙譲語を用いた敬語に変換。使用例:「今度の会議、出れる?」→「次回の会議にご出席いただけますか?」利便性:チャットや会話文をそのまま上司向けなどに変換できる。メールモード詳細説明:入力文を定型文付きのビジネスメール風に整形。使用例:「資料送るね」→「お世話になっております。資料をお送りいたします。」利便性:メールの敬語や文体に迷う時間を削減できる。Chrome拡張機能詳細説明:Webページ上のテキストを右クリックで敬語変換可能。使用例:求人記事の紹介文やSNS投稿を丁寧な表現に即時変換。利便性:ブラウザベースの業務に便利。iPhoneアプリ詳細説明:キーボードとして使用でき、どのアプリでも敬語変換可能。使用例:LINEやメール、Slackなどの文中で即敬語化。利便性:モバイル業務や日常連絡でもスムーズな表現を実現。4. 3秒敬語の導入事例ケース:新入社員の敬語メール支援に活用課題メール文面の敬語がわからず、上司確認に時間を要していた。成果自動変換により、初稿作成時間が大幅短縮。チーム内で敬語の統一感も向上。導入ステップWebサイトにアクセス(またはChrome/iPhoneアプリ導入)「平文モード」または「メールモード」を選択カジュアルな文章を入力出力された敬語文をコピペするだけ5. 3秒敬語の料金プランプラン名料金(月額)主な特徴推奨ユーザー無料プラン¥0すべての機能が無料で利用可能。登録・ログイン不要。ただし会員登録・ログインで敬語や返信の精度が大幅向上。1日10回以上の利用にはログインが必要。全ユーザー(学生〜ビジネスパーソン)3秒敬語を使ってみる

共通
WA²とはプライバシーポリシー利用規約運営会社
WA²とはプライバシーポリシー利用規約運営会社
navホームnav記事navAIツールnaveラーニング