> ## Documentation Index
> Fetch the complete documentation index at: https://lovable.generaltranslation.app/llms.txt
> Use this file to discover all available pages before exploring further.
# はじめに
> インテグレーションや外部APIを利用して、ウェブサイトの機能を拡張しましょう。
Lovable には、コードのエクスポートやバックエンドの追加のための、シームレスなネイティブインテグレーションがあります。また、特定の機能をウェブサイトに追加したい場合は、外部APIと連携することも可能です。
## API とは？
API は、ソフトウェアアプリケーション同士がやり取りを行い、データを共有するための仕組みです。
API ごとに、メール送信や決済処理など、提供される機能は異なります。
API の活用については、[こちらのブログ記事](https://lovable.dev/blog/2025-01-28-the-power-of-apis)で詳しく紹介しています。
## ネイティブ連携
以下のセクションを参照して、ネイティブGitHub連携とSupabase連携をすばやく始め、詳しく学びましょう。
コードのエクスポートやスムーズなバージョン管理のために、LovableをGitHubと連携する方法を学びましょう。
Supabaseを使ってウェブサイトにバックエンドを追加し、認証や永続的なデータ保存をサポートしましょう。
## 検証済みインテグレーション
検証済みインテグレーションは、Lovable と最も相性が良くスムーズに動作します。
アプリに決済処理機能を追加します。
OpenAI のモデルを使って、アプリに AI 機能を追加します。
Anthropic の Claude モデルを使って、アプリに AI 機能を追加します。
Resend のモダンなメール API を使って、アプリにメール送信機能を追加します。
包括的なユーザー管理プラットフォームです。
アプリにインタラクティブな 3D グラフィックスを追加します。
動的でインタラクティブなデータビジュアライゼーションを作成します。
プロフェッショナルなインタラクティブチャートやビジュアライゼーションを作成します。
クリエイティブコーディングプロジェクトやインタラクティブグラフィックスを作成します。
アプリでテキストプロンプトから画像を生成できるようにします。
テキスト読み上げ（Text-to-Speech）機能を追加します。
タスクを自動化しアプリ同士を連携するワークフローを構築できるビジュアルプラットフォームです。
オープンソースの AI モデルを実行およびファインチューニングできます。
さまざまなモダリティに対応したオープンな AI モデルを利用できます。
Twilio を使って、アプリに SMS 機能を追加します。
ビジュアルプラットフォーム上でアプリケーション向けのワークフローを構築できます。
## Lovable であらゆる API を使う
他の呼び出し可能な API も引き続き統合できますが、多くの場合、追加のコンテキストや手順が必要になります。
たとえば、次のようなものがあるかもしれません:
* **カスタム API を持つ社内システム**\
あなたのチームが構築したサービス（在庫管理システム、分析パイプライン、社内ツールなど）で、REST や GraphQL のエンドポイントは公開しているものの、一般公開されていなかったり広く知られていないものです。
こうしたシステムから Lovable がデータを取得・送信して、ワークフローを自動化したり、ユーザーインターフェースのバックエンドとして使いたいと考えている状況です。
* **Lovable がまだサポートしていないサードパーティ API**\
ニッチな SaaS プロダクトや特殊なデータプロバイダー、あるいは Lovable にあらかじめ組み込みのサポートがないパートナー連携を使っているかもしれません。
公式サポート対象ではなくても、Lovable に接続させてリクエストを送り、そのデータを扱いたいはずです。
どちらの場合も課題は同じです: Lovable はデフォルトではその API を「知りません」。しかし、適切なドキュメントと認証設定があれば、問題なく効果的に利用できます。
いずれにしてもアプローチは同じです: **Lovable はそれでも接続できます**。次の手順で行います。
Lovable は、その API を理解しているときに最大の力を発揮します。次のような情報を渡せます:
* **OpenAPI 仕様**（利用可能な場合）
* **ドキュメントやサンプルのコピー＆ペースト**（特にエンドポイントとリクエスト／レスポンス例）
ドキュメントが明確であればあるほど、Lovable は API の呼び出し方をより適切に理解して扱えます。
認証が必要な API の場合:
**オプション 1: Supabase Edge Functions をプロキシとして使う**
* シークレットを Supabase に安全に保存する
* Lovable からは API を直接ではなく、Supabase のエッジ関数経由でエンドポイントを呼び出す
**オプション 2: Lovable プロジェクト内で直接 API 連携を実装する**
* 認証エンドポイントを公開する（例: 認証情報をトークンやセッションに交換するためのもの）
* 連携フローの一部として、その認証エンドポイントを Lovable から呼び出す
* その後の API 呼び出しに、トークン、ヘッダー、またはセッション情報を含める
API の例:
世界中の人や荷物、車両のナビゲーションを支えています。
インタラクティブなアニメーションを作成して公開しましょう。
わずか数行のコードで、最先端のオープンソースモデルを実行したりファインチューニングしたりできます。
ユーザー行動、セッションリプレイ、A/B テストを提供するオープンソースのプロダクト分析ツール。
ウェブサイトをLLM対応データに変換。
アプリに強力なAI機能を組み込もう。
さまざまなWebアプリケーション同士を連携させる自動化ツールです。
ワークフローやプロセスの可視化に特に有効なフローチャートを追加できます。
サーバー不要で、ブラウザ上で機械学習モデルを直接実行できます。
アプリにAI機能を追加しましょう。
電話の発着信やテキストメッセージの送受信ができます。
アプリケーションに AI 検索エンジンを組み込みましょう。
Google が開発したクラウド型の生産性・コラボレーションツール。
デジタル商品の販売を簡単にするECプラットフォーム。
Google 検索結果をアプリケーションに統合します。
ノート作成、タスク管理、データベース機能。
メールの送受信とトラッキングができます。
ミーティングのスケジュール調整を簡単にするツール。
トランザクションメールおよびマーケティングメールの管理・送信を行うメール配信サービス。
WYSIWYG な編集体験を実現するリッチテキストエディタ。
SNS向けの画像や動画の生成を自動化します。
決済を受け取り、売上を管理し、コマース関連のさまざまな業務を処理します。
AI動画生成サービス。
[オープンソースの使用量計測と従量課金](https://www.getlago.com/)
イベントおよびチケット情報を埋め込みます。
アプリにGIFを追加する
AI でタイポグラフィや画像を生成します。
イベントの作成または共有
無料の効果音やループのライブラリにアクセスできます。
PDFを変換、結合、編集します。
AI 搭載ボットを構築する
テキストから画像を生成するツール。
メッセージとワークフローを自動化
何十万匹のペットが登録されている Petfinder データベースにアクセスできます。
すべての選手、イベント、テレビ番組表、スコアのデータを検索し、アクセスできます。
任意の場所の現在の天気データにアクセスできます。
アプリにさまざまな YouTube 機能を追加できます。
求人情報やキャリア関連の各種リソースにアクセスできます。
ロイヤリティフリーの画像や動画を検索して取得できます。
リアルタイムおよび過去の金融市場データ。
世界中のニュースを、さまざまな情報源からリアルタイムで収集・閲覧できます。
寄付を受け取り、商品を販売し、リクエストを受け付け、ストリーミング配信で収益を得ましょう。
リポジトリのアクティビティと貢献状況を追跡できます。
世界中15万以上の情報源から集めたニュースやブログ記事を、ブログ内で検索できます。
サービス内容を連携し、予約を獲得して、顧客レビューを Trip に誘導しましょう。
トランザクションデータを収集する。
New York Times の記事を検索
最新の金融市場データを照会する。
ワードクラウドを作成します。
QRコード画像の生成やデコード／読み取りを行えます。
アプリに音楽関連機能を追加しましょう。
複数のプログラミング言語でコードをコンパイルして実行できます。
カクテルレシピ、材料、画像を大量に収録した大規模なデータベースにアクセスできます。
エール、ラガー、ポーター、スタウトなど、さまざまなビールの種類の説明を確認できます。
ハッシュタグを取得、作成、更新、削除します。
自社サイトで求人情報を掲載できます。
1件以上の Trip を SFMTA Electronic Access Taxi System に送信します。
UPC データベースにアクセス
タイムゾーン情報にアクセスし、タイムゾーン間で時刻を変換し、夏時間（サマータイム）を管理します。
グラフライブラリは、インタラクティブで出版品質のグラフを作成できます。
マイクロバックエンド
アプリケーションに PayPal チェックアウト ソリューションを統合する。
バックエンドの代替手段
人物情報、アカウント、サブスクリプション、請求書を作成および更新します。
テキストからベクター画像を生成
オートメーションとワークフロー。
検閲なしのAI会話と画像生成。
eコマース機能を強化しましょう。
バックエンドと自動化
カスタムロジックの統合とデプロイ。
自動化・ワークフロー向けソリューション。
アプリ内でデータを取得・送信できます。
データ分析ツール。
データ分析ツール。
カスタマイズ可能な図、グラフ、ビジュアライゼーションを表示できます。
Stripe の代替サービス。
チェックアウトプロセスを作成する。
Canva を自分の Web アプリに組み込む。
インド向け決済インターフェースを構築する
リアルタイムのマーケットデータ。
アニメーションライブラリ
自然言語処理と生成をプロダクトに組み込みましょう。
数百種類のAIモデルにアクセスできます。
カスタムAIモデルをデプロイ
オンライン決済ゲートウェイ（アフリカ）
AIで動画を作成し、MP4ファイルとして出力します。
支払い、税金、サブスクリプションの管理。
Polar デバイスからアクティビティレベルや心拍数などのデータを取得します。