その Lovable アプリ、本物のユーザーを迎える準備はできていますか?
Lovable のアプリは React と Supabase の組み合わせで、問題の多くはその間にあります。ブラウザのバンドルに何が入るか、データベースが誰に何を読ませるか。Lovable の URL か独自ドメインの URL を貼って、リンクを共有する前に直すべきことを確認しましょう。
無料・登録不要。基本診断は、通常のブラウザと同じリクエストしか送りません。
Lovable アプリで確認すること
- 重大無料診断
バンドル内の Supabase service_role キー・secret キー
Row Level Security を素通りできるキーが、ブラウザに届いています。誰でもすべてのテーブルを読み書きできます。ファイル名を示し、キーは伏せ字で表示します。
- 重大Pro
公開 anon キーで読めるテーブル
anon キーは公開されるためのものです。守ってくれるのは Row Level Security です。ドメイン確認後、アプリが使う各テーブルを確認し、読める行の数を数えます。中身は読みません。
- 参考無料診断
anon キーが見えている——それで問題ありません
アプリがどの Supabase プロジェクトと通信しているか、そして公開キーは想定どおりであることをお伝えします。見当違いのことで慌てずに済みます。
- 中無料診断
ホスティングにセキュリティヘッダーがない
Content-Security-Policy、HSTS、クリックジャッキング対策がない。どれが足りないか、アプリのホスティング先でどう追加するかをお伝えします。
- 低無料診断
描画後もタイトル・説明文・プレビューがない
Lovable のページは、JavaScript が動くまで空の <div id="root"> です。実際のブラウザで描画し、検索エンジンやリンクプレビューが何を受け取るかを確認します。
10 分で自分で確認する
いちばん深刻な問題は、私たちがいなくても見つけられます。Lovable アプリを手作業で確認する方法と、それぞれの結果の意味を紹介します。
コード内の Supabase キーを見る
生成された Supabase クライアントのファイル(通常は src/integrations/supabase/client.ts)を開き、プロジェクト全体で service_role と sb_secret_ を検索します。アプリに置いてよいのは anon キーか publishable キーだけです。
service_role sb_secret_
公開中のサイトが実際に送っているキーをデコードする
公開中のサイトを開き、DevTools → Console を開きます。Network タブで見えるキー(supabase.co へのリクエストの apikey ヘッダー)を貼り付けてデコードします。"role": "anon" なら問題ありません。"service_role" なら、今すぐキーをローテーションしてください。
JSON.parse(atob("<the key>".split(".")[1])).roleSupabase の Security Advisor を実行する
Supabase ダッシュボード → Advisors → Security Advisor。Row Level Security が無効と表示されたテーブルは、anon キーを持つ誰もが読めます。
リンクプレビューに何が出るか確認する
URL の前に view-source: を付けて開きます。<title> がテンプレートのままで meta description もなければ、検索エンジンやチャットアプリにも同じものが見えています。index.html を編集してください。
view-source:https://your-app.lovable.app
修正を Lovable にそのまま貼り付け
どのレポートも最後に、AI ビルダー向けのプロンプトが付きます:何が問題か、どのファイルか、修正が効いたかの確かめ方。Lovable のチャットに貼り付けてください。
myapp.lovable.app の次の問題を修正してください。何かを変更する前にそれぞれの場所を特定してください。 1. assets/index-8a1d.js に Supabase の service_role キーが含まれています。 これを必要とするクエリを Supabase Edge Function に移し、Supabase ダッシュボードでキーをローテーションして、アプリには anon キーだけを残してください。 2. 描画後のページに meta description がありません。 index.html に description と Open Graph タグを追加してください。 完了したら再診断:https://scanyoursite.app/ja?check=myapp.lovable.app
Lovable での編集は、そのたびにデプロイ
プロンプト1つでアプリの半分が書き換わることもあります。Pro なら新しいバージョンに気づいて数分以内に確認し(サイトは動いているか、キーがバンドルに戻っていないか)、新しい問題があるときだけお知らせします。
プランを見るよくある質問
lovable.app のサブドメインでも使えますか?
使えます。独自ドメインでも使えます。テーブル診断などの詳細診断にはドメインが自分のものである証明が必要で、これは自分で管理しているドメインでしか行えません。
テーブル診断でデータが変わることはありますか?
ありません。公開 anon キーでテーブルごとに HEAD リクエストを1回送り、読める行の数を数えるだけです。行の中身を読むことも、書き込むことも一切ありません。
バンドルに anon キーがあるのは問題ですか?
いいえ、公開される前提で設計されています。危険なのは service_role キーや secret キー、そして Row Level Security のないテーブルです。私たちが探すのはそちらです。
URL を貼るだけ。1分ほどで一覧が届きます。
どの指摘にも、あなたにとっての影響と直し方が付いています。AI コーディングツールにそのまま適用させるプロンプトとしても受け取れます。
無料・登録不要。基本診断は、通常のブラウザと同じリクエストしか送りません。