ガイド
結論
アプリが読み込まれる前に会社のログインを確認するホスティングに置きましょう。同僚は会社の Google か Microsoft のアカウント、または会社のメールに届くコードでログインし、それ以外の人は入れません。
パスワード付きの公開リンクはやめましょう。作るのに使ったツールに全員を登録させるのも避けましょう。このページでは、それぞれの選択肢、手順、そして「非公開」を確かめる5つのチェックを紹介します。
01選択肢
私たちのものも含め、よくある方法を並べました。違いは、誰が入れるか、同僚に新しいアカウントが必要か、自分で設定するものがどれだけあるかです。
| 選択肢 | 入れる人 | 同僚に新しいアカウントが必要? | データベース込み | 非公開にするための費用 | 向いている用途 |
|---|---|---|---|---|---|
| 一般公開のホスティング + パスワードVercel、Netlify、Replit | 共有パスワードを知っている人なら誰でも | 不要、パスワードだけ | Vercel と Netlify にはなし。Replit には組み込み | Vercel: Pro でプロジェクトごとに月額 $20。Netlify: Pro プラン、月額 $20 | 社外の人への短いデモ |
| アプリ作成サービスの非公開共有Lovable、Replit、Vercel Authentication | そのサービスのアカウントを持ち、ワークスペースにいるか招待された人 | 必要、そのサービスで | Lovable と Replit: あり。Vercel: 別途追加 | Lovable: Business プラン、月額 $50 から。Replit: Starter か Core 以上。Vercel Authentication: 無料 | 全員がすでにそのサービスを使っているチーム |
| Cloudflare Access自分のホスティングの前に置く | 設定すれば、会社のログインかメールで届くワンタイム PIN | 不要 | なし。ホスティングではない | 50ユーザーまで無料、その後は1ユーザーあたり月額 $7、年払い | すでに Cloudflare を使っている技術者 |
| Tailscale や VPNプライベートネットワーク | プライベートネットワークに接続している人 | 必要、全員が VPN アプリを入れてログイン | なし。サーバーは自分で運用 | VPN のプランによる | 全員がすでに VPN を使っている会社 |
| 社内ツール作成プラットフォームRetool など | プラットフォームに追加したユーザー | 必要、ユーザーのシート | あり | Retool Team: 作成者1人あたり月額 $10、利用者1人あたり月額 $5、年払い | コードではなく、ビジュアルエディタで作る場合 |
| TeamOnly会社のログインが組み込まれたホスティング | 社内の誰でも: 会社の Google、会社の Microsoft、またはメールで届くコード | 不要 | あり。アプリごとに1つ、ファイル保存とシークレットも | 作成者は月額 $19。アプリを使うだけの人は無料 | Claude Code や Cursor で作り、今日からチームで使いたいアプリ |
2026年10月25日 確認。出典: Vercel Deployment Protection、Netlify password protection、Replit: who can access your app、Lovable plans、Cloudflare Access plans、Retool pricing。詳しくは詳細な比較をご覧ください。
02手順
5つの手順で、初回は10分ほどです。パソコンに Node.js が必要ですが、Claude Code や Cursor を使っている人ならすでに入っています。
14日間無料で試せます。カードは不要です。その後は Builder が月額 $19 で、作成者1人、アプリ3つまで。御社のメールドメインがドアになります。無料トライアルを始める。
npx teamonly init を実行Claude Code と Cursor が読む指示書と、アプリがログイン中の人、データベース、ファイルを扱うための小さなライブラリが追加されます。
普段の言葉で大丈夫です。「経費承認ツールを作って。社員が領収書を提出し、マネージャーが承認し、経理が支払済みにする」。指示書のおかげで、TeamOnly で動く形(React の画面と小さな API)に収まります。
パソコンで初めてのときは npx teamonly login を実行し、続けて npx teamonly deploy を実行します。expenses.acme.teamonly.app のようなリンクができます。データベース、ファイル保存、シークレットは最初の公開で作られます。
社内の誰でも開けます。npx teamonly access only dana@acme.com sam@acme.com で、指定した人だけに絞ることもできます。
npx teamonly initAdded instructions for Claude Code and Cursornpx teamonly loginSigned in as dana@acme.comnpx teamonly deployLive at https://expenses.acme.teamonly.appOnly @acme.com accounts can sign in.Claude Code や Cursor に実行を頼むこともできます。何かを実行する前に確認を求めます。
Cloudflare のアカウントも、データベースサービスも、書くべきログインのコードもありません。
03相手から見ると
御社の名前が入ったログイン画面、そしてあなたのアプリです。
「Google でログイン」か「Microsoft でログイン」を押して会社のアカウントを選ぶか、会社のメールアドレスを入力して、私たちが送る6桁のコードを入れます。アプリはその人が誰かを名前で把握します。次からはログイン済みの状態です。
個人の Gmail の人や他社の人は、その画面で締め出されます。その人に対してアプリが読み込まれることはありません。会社のログインについて詳しく。
04よくある間違い
ほとんどのホスティングは、誰でも訪れられる Web サイトのために作られています。チーム向けに非公開にするのは追加機能で、たいていは共有パスワードのことです。
05チェック
どれを選ぶにしても、この5つを確認してください。どれも1分でできます。
ログインするまで、アプリの画面を1枚も見られず、データも一切取り出せないこと。先にページが読み込まれてからログインを求めるものは、非公開ではありません。
確認方法 シークレットウィンドウでリンクを開きます。ログイン画面が表示されるはずです。/api/expenses のような、アプリの API のアドレスも試してください。拒否されるはずです。
会社が管理するアカウントでログインし、メールのドメインがサーバーで確認されること。個人のアカウントは締め出されます。
確認方法 個人の Gmail や Outlook のアドレスでログインしてみてください。拒否されるはずです。
アプリに専用のデータベース、ファイル、キーがあること。別のアプリや、データベースのアドレスを知った部外者には読めません。
確認方法 確認すること: アプリのログインを通らずにデータベースに届く人はいないか?Supabase なら、すべてのテーブルで行レベルセキュリティがオンになっているかを確認します。コードにキーが書かれていないことも確かめてください。
検索エンジンにはアプリを載せないよう伝えてあり、そもそも中を見ることもできないこと。
確認方法 Google でアプリのアドレスを検索します。レスポンスに noindex ヘッダーがあるかも確認してください。
退職した人は、特別なことをしなくてもアクセスを失い、誰も新しいパスワードを必要としないこと。
確認方法 確認すること: この人の会社のアカウントが今日無効になったら、明日も入れるか?共有パスワードなら、答えは「入れる」です。
まずはそのサービス自身の非公開共有から試してください。チーム全員がすでにそこのアカウントを持っているなら、それで十分かもしれません。Lovable の Business プランなら公開したアプリをワークスペースに限定でき、Replit ならワークスペースか招待した人に向けて公開できます。
同僚がそこのアカウントを持っていないなら、コードをエクスポートしましょう。TeamOnly が動かすのは、React の画面と JavaScript か TypeScript の小さな API です。ログインやテーブルを Supabase に頼っているアプリや、Next.js のサーバー機能を使っているアプリは、先に変更が必要です。Python のアプリはここでは動きません。手元にあるものを書いて hello@teamonly.dev にメールをいただければ、率直にお答えします。
ほとんど変わりません。プロジェクトで npx teamonly init を実行し、AI ツールにアプリを TeamOnly に合わせるよう頼んでください。AI は指示書を読み、私たちが扱わないサービスに手を出す代わりに、TeamOnly のログイン、データベース、ファイルを使います。
アプリが読み込まれる前に会社のログインを確認する場所に置いて、リンクを送ります。TeamOnly なら npx teamonly init、npx teamonly login、npx teamonly deploy の3つです。同僚はリンクを開き、会社の Google か Microsoft のアカウント、または会社のメールに届くコードでログインします。
Web アプリは、アドレスがあるという意味ではどれもインターネット上にあります。大事なのは、まず会社のアカウントでログインしない限り、誰も使えず、データも読めないことです。共有パスワードや限定公開のリンクでは、それは実現できません。アプリの前に置いたログインなら実現できます。
どこに置くかによります。Lovable、Replit、Vercel の非公開共有では、そのサービスのアカウントが必要です。Cloudflare Access と TeamOnly は、すでに持っている会社のアカウントを使います。TeamOnly では、アプリを使うだけの人は無料です。
短いデモなら、そうかもしれません。毎日使うツールなら不十分です。パスワードは人から人へ渡り、アプリは誰が何をしたかを区別できず、辞めた人も知ったままです。追加料金もかかります。2026年10月時点で、Vercel Pro ではプロジェクトごとに月額 $20、Netlify では Pro プランが必要です。
トンネルツールを使えばできますが、パソコンがスリープしている間はアプリも止まり、データは自分のパソコンに置かれたままです。下書きを誰かに見せるだけなら問題ありません。チームが頼りにするツールなら、ホスティングに置きましょう。
強力なログインの門で、50ユーザーまでは無料です。それでもアプリのホスティング、データベースの選定、ID プロバイダーの接続、アプリごとのポリシー作成は必要です。それをこなせるなら、よい選択です。TeamOnly と Cloudflare Access の比較で詳しく説明しています。
アーリーアクセス
TeamOnly はアーリーアクセス中で、すべてのプランを今すぐお申し込みいただけます。カード不要で14日間無料でお試しいただくか、お申し込みください。どちらの場合も御社の準備はすぐに整い、コマンド3つで最初のアプリが公開されます。
ご質問は hello@teamonly.dev へ。人が返信します。