メインコンテンツへスキップ
Lovable には、コードのエクスポートやバックエンドの追加のための、シームレスなネイティブインテグレーションがあります。また、特定の機能をウェブサイトに追加したい場合は、外部APIと連携することも可能です。

API とは?

API は、ソフトウェアアプリケーション同士がやり取りを行い、データを共有するための仕組みです。 API ごとに、メール送信や決済処理など、提供される機能は異なります。 API の活用については、こちらのブログ記事で詳しく紹介しています。

ネイティブ連携

以下のセクションを参照して、ネイティブGitHub連携とSupabase連携をすばやく始め、詳しく学びましょう。

GitHub連携

コードのエクスポートやスムーズなバージョン管理のために、LovableをGitHubと連携する方法を学びましょう。

Supabase連携

Supabaseを使ってウェブサイトにバックエンドを追加し、認証や永続的なデータ保存をサポートしましょう。

検証済みインテグレーション

検証済みインテグレーションは、Lovable と最も相性が良くスムーズに動作します。

Stripe

アプリに決済処理機能を追加します。

OpenAI

OpenAI のモデルを使って、アプリに AI 機能を追加します。

Anthropic

Anthropic の Claude モデルを使って、アプリに AI 機能を追加します。

Resend

Resend のモダンなメール API を使って、アプリにメール送信機能を追加します。

Clerk

包括的なユーザー管理プラットフォームです。

Three.js

アプリにインタラクティブな 3D グラフィックスを追加します。

D3.js

動的でインタラクティブなデータビジュアライゼーションを作成します。

Highcharts

プロフェッショナルなインタラクティブチャートやビジュアライゼーションを作成します。

p5.js

クリエイティブコーディングプロジェクトやインタラクティブグラフィックスを作成します。

Runware

アプリでテキストプロンプトから画像を生成できるようにします。

ElevenLabs

テキスト読み上げ(Text-to-Speech)機能を追加します。

Make

タスクを自動化しアプリ同士を連携するワークフローを構築できるビジュアルプラットフォームです。

Replicate

オープンソースの AI モデルを実行およびファインチューニングできます。

Stability AI

さまざまなモダリティに対応したオープンな AI モデルを利用できます。

Twilio

Twilio を使って、アプリに SMS 機能を追加します。

n8n

ビジュアルプラットフォーム上でアプリケーション向けのワークフローを構築できます。

Lovable であらゆる API を使う

他の呼び出し可能な API も引き続き統合できますが、多くの場合、追加のコンテキストや手順が必要になります。 たとえば、次のようなものがあるかもしれません:
  • カスタム API を持つ社内システム
    あなたのチームが構築したサービス(在庫管理システム、分析パイプライン、社内ツールなど)で、REST や GraphQL のエンドポイントは公開しているものの、一般公開されていなかったり広く知られていないものです。 こうしたシステムから Lovable がデータを取得・送信して、ワークフローを自動化したり、ユーザーインターフェースのバックエンドとして使いたいと考えている状況です。
  • Lovable がまだサポートしていないサードパーティ API
    ニッチな SaaS プロダクトや特殊なデータプロバイダー、あるいは Lovable にあらかじめ組み込みのサポートがないパートナー連携を使っているかもしれません。 公式サポート対象ではなくても、Lovable に接続させてリクエストを送り、そのデータを扱いたいはずです。
どちらの場合も課題は同じです: Lovable はデフォルトではその API を「知りません」。しかし、適切なドキュメントと認証設定があれば、問題なく効果的に利用できます。 いずれにしてもアプローチは同じです: Lovable はそれでも接続できます。次の手順で行います。
1

Lovable に必要なコンテキストを与える

Lovable は、その API を理解しているときに最大の力を発揮します。次のような情報を渡せます:
  • OpenAPI 仕様(利用可能な場合)
  • ドキュメントやサンプルのコピー&ペースト(特にエンドポイントとリクエスト/レスポンス例)
ドキュメントが明確であればあるほど、Lovable は API の呼び出し方をより適切に理解して扱えます。
2

認証を安全に扱う

認証が必要な API の場合:オプション 1: Supabase Edge Functions をプロキシとして使う
  • シークレットを Supabase に安全に保存する
  • Lovable からは API を直接ではなく、Supabase のエッジ関数経由でエンドポイントを呼び出す
オプション 2: Lovable プロジェクト内で直接 API 連携を実装する
  • 認証エンドポイントを公開する(例: 認証情報をトークンやセッションに交換するためのもの)
  • 連携フローの一部として、その認証エンドポイントを Lovable から呼び出す
  • その後の API 呼び出しに、トークン、ヘッダー、またはセッション情報を含める
API の例:

Mapbox

世界中の人や荷物、車両のナビゲーションを支えています。

Rive

インタラクティブなアニメーションを作成して公開しましょう。

Together.ai

わずか数行のコードで、最先端のオープンソースモデルを実行したりファインチューニングしたりできます。

PostHog

ユーザー行動、セッションリプレイ、A/B テストを提供するオープンソースのプロダクト分析ツール。

Firecrawl

ウェブサイトをLLM対応データに変換。

Perplexity

アプリに強力なAI機能を組み込もう。

Zapier

さまざまなWebアプリケーション同士を連携させる自動化ツールです。

GoJS

ワークフローやプロセスの可視化に特に有効なフローチャートを追加できます。

Transformers.js (HF)

サーバー不要で、ブラウザ上で機械学習モデルを直接実行できます。

Grok / xAI

アプリにAI機能を追加しましょう。

Twilio

電話の発着信やテキストメッセージの送受信ができます。

連携

アプリケーションに AI 検索エンジンを組み込みましょう。

Google Workspace

Google が開発したクラウド型の生産性・コラボレーションツール。

Lemon Squeezy

デジタル商品の販売を簡単にするECプラットフォーム。

Serper.dev

Google 検索結果をアプリケーションに統合します。

Notion

ノート作成、タスク管理、データベース機能。

Mailgun

メールの送受信とトラッキングができます。

Calendly

ミーティングのスケジュール調整を簡単にするツール。

SendGrid

トランザクションメールおよびマーケティングメールの管理・送信を行うメール配信サービス。

TinyMCE

WYSIWYG な編集体験を実現するリッチテキストエディタ。

bannerbear

SNS向けの画像や動画の生成を自動化します。

スクエア

決済を受け取り、売上を管理し、コマース関連のさまざまな業務を処理します。

HeyGen

AI動画生成サービス。

Ticketmaster

イベントおよびチケット情報を埋め込みます。

テナー

アプリにGIFを追加する

Ideogram

AI でタイポグラフィや画像を生成します。

Luma

イベントの作成または共有

Freesound

無料の効果音やループのライブラリにアクセスできます。

iLovePDF

PDFを変換、結合、編集します。

Discord

AI 搭載ボットを構築する

Google Imagen

テキストから画像を生成するツール。

Slack

メッセージとワークフローを自動化

Petfinder

何十万匹のペットが登録されている Petfinder データベースにアクセスできます。

Sports DB

すべての選手、イベント、テレビ番組表、スコアのデータを検索し、アクセスできます。

天気アプリ

任意の場所の現在の天気データにアクセスできます。

YouTube

アプリにさまざまな YouTube 機能を追加できます。

Findwork

求人情報やキャリア関連の各種リソースにアクセスできます。

Pixabay

ロイヤリティフリーの画像や動画を検索して取得できます。

Alpha Vantage

リアルタイムおよび過去の金融市場データ。

最新情報

世界中のニュースを、さまざまな情報源からリアルタイムで収集・閲覧できます。

Kofi

寄付を受け取り、商品を販売し、リクエストを受け付け、ストリーミング配信で収益を得ましょう。

GitHub の統計

リポジトリのアクティビティと貢献状況を追跡できます。

TheNews API

世界中15万以上の情報源から集めたニュースやブログ記事を、ブログ内で検索できます。

Tripadvisor

サービス内容を連携し、予約を獲得して、顧客レビューを Trip に誘導しましょう。

Verifone

トランザクションデータを収集する。

ニューヨーク・タイムズ

New York Times の記事を検索

Polygon.io

最新の金融市場データを照会する。

ワードクラウド

ワードクラウドを作成します。

QRコード生成ツール

QRコード画像の生成やデコード/読み取りを行えます。

Deezers

アプリに音楽関連機能を追加しましょう。

HackerEarth

複数のプログラミング言語でコードをコンパイルして実行できます。

Cocktail DB

カクテルレシピ、材料、画像を大量に収録した大規模なデータベースにアクセスできます。

Beer API

エール、ラガー、ポーター、スタウトなど、さまざまなビールの種類の説明を確認できます。

ハッシュタグAPI

ハッシュタグを取得、作成、更新、削除します。

USAJobs

自社サイトで求人情報を掲載できます。

SFMTA

1件以上の Trip を SFMTA Electronic Access Taxi System に送信します。

UPCDatabase

UPC データベースにアクセス

Time API

タイムゾーン情報にアクセスし、タイムゾーン間で時刻を変換し、夏時間(サマータイム)を管理します。

Plotly

グラフライブラリは、インタラクティブで出版品質のグラフを作成できます。

Manifest.build

マイクロバックエンド

PayPal

アプリケーションに PayPal チェックアウト ソリューションを統合する。

4everland

バックエンドの代替手段

Outseta

人物情報、アカウント、サブスクリプション、請求書を作成および更新します。

Recraft

テキストからベクター画像を生成

n8n

オートメーションとワークフロー。

ヴェネツィア

検閲なしのAI会話と画像生成。

Shopify

eコマース機能を強化しましょう。

BuildShip

バックエンドと自動化

RunPod

カスタムロジックの統合とデプロイ。

Gumloop

自動化・ワークフロー向けソリューション。

Odoo

アプリ内でデータを取得・送信できます。

Tableau

データ分析ツール。

Power BI

データ分析ツール。

Mermaid

カスタマイズ可能な図、グラフ、ビジュアライゼーションを表示できます。

Stancer

Stripe の代替サービス。

Mercado

チェックアウトプロセスを作成する。

Canva

Canva を自分の Web アプリに組み込む。

Razorpay

インド向け決済インターフェースを構築する

Coinbase

リアルタイムのマーケットデータ。

GSAP

アニメーションライブラリ

Cohere

自然言語処理と生成をプロダクトに組み込みましょう。

OpenRouter

数百種類のAIモデルにアクセスできます。

Fal AI

カスタムAIモデルをデプロイ

Paystack

オンライン決済ゲートウェイ(アフリカ)

Remotion

AIで動画を作成し、MP4ファイルとして出力します。

Paddle

支払い、税金、サブスクリプションの管理。

Polar API

Polar デバイスからアクティビティレベルや心拍数などのデータを取得します。