Claude Code で作った HTML アプリを、パスワード付きの URL で社内に配る

Claude Code に頼んで、見積もりの計算を 1 つの HTML ファイルにまとめました。営業の 10 人に使ってほしいので、Slack にファイルを貼りました。翌週、計算式を 1 か所直しました。もう一度貼りました。月末には、だれがどの版を開いているのか、わからなくなっています。

単一 HTML のアプリは、サーバーもデプロイもいらないのが良さです。困るのは配り方だけです。このガイドは、HTML アプリを URL にして、開ける人を限り、直したら同じリンクのまま更新する手順を説明します。

ファイルで配ると困ること、URL で配ると変わること

ファイルのままでは、直すたびに配り直しになります。URL なら、配るのは最初の 1 回です。

開ける人の限り方は 2 つ

Convika では、公開するときに「このページを開ける人」を選びます。

社内だけで使うアプリなら、パスワードです。URL が社外に転送されても、パスワードを知らない人には入力画面しか出ません。Convika はパスワードをサーバーで確かめてからページを送るので、入力画面の応答にアプリの中身は入っていません。

パスワードと限定公開は Pro の機能です。

手順

HTML のファイルをアップロードする

app.convika.com で登録します。カード登録はいりません。

管理画面で「HTMLファイルをアップロードする」を押し、「ファイルから」のタブにファイルをドロップします。コードをコピーしたときは、「コードから」のタブに貼り付けます。扱えるのは .html と .htm のファイルで、2 MB までです。

「プレビューをつくる」を押すと、非公開のプレビューができます。ここで、計算やボタンが動くかを確かめます。

開ける人を選んで公開する

「ページを公開する」を押し、「このページを開ける人」で「パスワードを知っている人だけ」を選んで、パスワードを入れます。半角の英数字・記号・スペースで 8〜128 文字です。パスワードがいらなければ「限定公開」を選びます。

「次へ」を押すと、Pro のお申し込み画面が開きます。Free のアカウントには、支払い方が 2 つ出ます。Pro パスは 30 日間 ¥700 の 1 回払いで、自動更新はありません。Pro の月額プランは月 ¥1,800 で、解約するまで毎月更新です。ずっと使う業務のツールなら月額、まず 1 か月試すなら Pro パスです。

支払いが済むと、mitsumori.convika.page のようなアドレスでページが公開されます。tools.example.co.jp のような自社のサブドメインで出すなら、ページの画面の「独自ドメインをつなぐ」からつなぎます。

URL とパスワードを別々に伝える

URL は Slack や Teams のチャンネルに、パスワードは別のメッセージか口頭で伝えます。URL だけを知った人には、パスワードの入力画面しか見えません。

一度パスワードを入れたブラウザでは、30 日間は入力なしで開けます。毎朝開くツールでも、毎回入力することはありません。

直したら、同じリンクで新しいバージョンにする

Claude Code で直したファイルは、ページの画面の「HTML ファイルで更新」から「新しいバージョンとしてアップロードする」で上げます。まず、新しいバージョンの非公開プレビューができます。確かめて「同じリンクで v2 を公開する」を押すまで、社内の人には前のバージョンが表示されています。

公開すると、同じ URL の中身が新しいバージョンに切り替わります。配り直しはいりません。パスワードもそのままです。

Pro では、ページごとにバージョン履歴が 50 件残ります。直した版に間違いがあったら、「バージョン履歴」の「この版に戻す」で前の版に戻せます。

人が抜けたら、パスワードを変える

異動や退職で見せたくない人が出たら、「ページの設定」の「閲覧パスワード」でパスワードを変えます。変えたあとは、前のパスワードで開いていた人にも入力画面が出ます。URL は変わりません。

Claude Code から直接、公開と更新を頼む

ファイルを手で上げるのが面倒なら、Claude Code に Convika をつなぎます。つなぐと、プレビューの作成と、同じページの更新を Claude Code に頼めます。アプリを直す会話の続きで「いまの版を Convika のプレビューに上げて」と頼めば、ブラウザでファイルを選び直すことはありません。本番への公開は、プレビューを確かめてから自分で頼みます。

つなぎ方は、ガイド Claude Code で作ったページを公開する方法 にあります。

向いているアプリ、向いていないアプリ

Convika は、アップロードされた HTML をそのまま動かします。ページの中のスクリプトは動き、cdnjs や jsDelivr などの CDN から読み込むライブラリも使えます。

• 向いている: ブラウザの中だけで計算するアプリ。見積もりや原価の計算、単位の換算、チェックリスト、社内の手順書、Excel の計算を移したツール、研修用のクイズ。
• 向いていない: ほかのサーバーの API を呼ぶアプリ。ページの中のスクリプトから、ページ自身のアドレス以外への通信（fetch や WebSocket）は通りません。社内の API やデータベースにつなぐアプリには、サーバーが要ります。
• できないこと: 社員ごとのログイン。パスワードはページごとに 1 つで、だれが開いたかは記録されません。見えるのは、ページビューと訪問者の数です。

入力を集めたいときは、ページにフォームを付けられます。送られた内容は Convika の管理画面にたまり、パスワードをかけたページでは、パスワードを入れた人だけが送れます。

よくある質問

Claude Code で作った HTML アプリを社内に配るには、どうすればいいですか？

ファイルを送る代わりに、URL を 1 つ配ります。Convika に HTML をアップロードし、「ページを公開する」を押して、「このページを開ける人」で「パスワードを知っている人だけ」を選びます。できた URL とパスワードを社内に伝えます。直したファイルは同じページの新しいバージョンとして上げるので、URL は変わりません。パスワードは Pro の機能で、30 日間 ¥700 の 1 回払いの Pro パスか、月 ¥1,800 の Pro で使えます。

見る人は、開くたびにパスワードを入れますか？

入れません。一度パスワードを入れたブラウザでは、30 日間は入力なしで開けます。パソコンとスマホでは、それぞれ 1 回ずつ入力します。パスワードを変えると、全員がもう一度入力します。

HTML を直したら、URL は変わりますか？

変わりません。ページの画面の「HTML ファイルで更新」から新しいバージョンを上げて公開すると、同じ URL の中身が切り替わります。公開するまでは、前のバージョンが表示されています。

間違った版を公開してしまったら、戻せますか？

Pro なら戻せます。ページごとにバージョン履歴が 50 件残り、「バージョン履歴」の「この版に戻す」で前の版に戻ります。

社内の API を呼ぶ HTML アプリも動きますか？

動きません。ページの中のスクリプトから、ページ自身のアドレス以外への通信は通りません。ブラウザの中だけで計算するアプリは、そのまま動きます。CDN からのライブラリの読み込みは通ります。

検索エンジンに見つかりませんか？

パスワードをかけたページで検索エンジンに見えるのは、入力画面だけです。入力画面は検索結果に載せないよう指示していて、ページはサイトマップにも載りません。「限定公開」のページも、検索結果に載せないよう指示します。

社員ごとにアカウントを分けられますか？

分けられません。パスワードはページごとに 1 つです。見せたくない人が出たら、パスワードを変えます。変えたあとは、前のパスワードで開いていた人にも入力画面が出ます。