Claude・Gemini で作った HTML スライドを、URL で共有する方法

Claude に「来週の定例で使うスライドを作って」と頼んだら、ブラウザで動くスライドが HTML でできあがった。矢印キーでめくれて、4 枚目にはグラフも入っている。あとは取引先やチームに見てもらうだけ、というところで止まるのが共有です。

Claude の「共有」で作ったリンクは、相手が Claude のアカウントを持っていないと開けません。

このガイドは、Claude・Claude Code・Gemini の共有でできることを確かめたうえで、スライドを HTML のファイルとして取り出し、どのブラウザでも開ける URL にするまでを説明します。

AI の共有リンクで相手に見せられる範囲

• Claude の「共有」で作ったリンクは、Claude にサインインしている人しか開けない。 Anthropic の共有のガイド によると、全員に Claude のアカウントが必要です。アカウントを持っていない人は、リンクがあってもアーティファクトを開けません。唯一の例外は、チャットから公開されたレガシーアーティファクトです。「リンクを持つ誰でも」で共有できるのは Pro・Max・Team・Enterprise で、Free では選べません。2026 年 9 月 16 日より前にチャットで作ったアーティファクト（レガシーアーティファクト）を Free・Pro・Max の「公開」で公開したものは、リンクを知っている人ならアカウントなしで開けます。
• Claude Code の公開リンクは、Anthropic のページで説明が分かれている。 Claude Code のドキュメント では、Pro・Max・Team・Enterprise で、claude.ai にサインインしなくてもだれでも開けるリンクを共有できるとされています。Team と Enterprise は、オーナーが公開共有を有効にするまで使えません。共有のガイドが挙げる例外はレガシーアーティファクトだけです。送る前にブラウザのプライベートウィンドウで開けるか確かめてください。
• Gemini の共有リンクは、gemini.google.com でしか開かない。 Canvas パネルの右上にある「共有とエクスポート」から「共有」を選ぶと、g.co/gemini/share で始まるリンクができます。Google の Canvas のヘルプ によると、共有リンクは gemini.google.com でのみ開き、Gemini のモバイルアプリでは開けません。リンクを開いた人は、コピーを作って自分の Canvas で編集を続けられます。

相手がスライドを編集するなら、PowerPoint や Google スライドで渡します。 Anthropic のアーティファクトのガイド によると、Claude のスライドのテンプレートで作ったデッキは PowerPoint や PDF に書き出せ、編集できるファイルとして Google スライドにも送れます。Gemini の Canvas も、英語版の Google のヘルプによると、スライドを Google スライドに書き出せます（PDF にも書き出せます）。ここから先は、HTML のファイルになっているスライドの話です。

スライドを HTML ファイルとして取り出す

Claude のチャット

スライドを作ったチャットで、「このスライドを 1 つの HTML ファイルにして。CSS と JavaScript もすべて中に入れて、矢印キーと画面のボタンで切り替えられるようにして」と頼みます。

返ってきたコードをコピーするか、ファイルが添付されていればダウンロードしてください。

2026 年 9 月 16 日より前にチャットで作ったアーティファクトなら、Anthropic のアーティファクトのガイドにあるとおり、パネル上部のボタンからコードの表示やコピー、ダウンロードができます。

Claude Code

Claude Code は、公開する前にページをファイルとして書き出します。Claude Code のドキュメント によると、場所を指定しなければ、プロジェクトの外の一時ディレクトリに HTML か Markdown のファイルを書き込みます。

手元に残すなら、「スライドを 1 つの HTML ファイルにして、slides.html としてこのフォルダに保存して」と保存先まで指定してください。

/slides のコマンドは別の作り方です。ドキュメントによると Claude Slides のアーティファクトを作り、claude.ai で編集や発表をします。

Gemini の Canvas

Canvas がスライドをコードで作った場合は、Canvas パネルの右上にある「コード」を押して、コードをすべてコピーします。

React のアプリになっているときは、先に「ビルドなしで動く 1 つの HTML ファイルにして。CSS と JavaScript もすべて中に入れて」と頼んでおきます。

コードではなくスライドとして作られていたら、「このスライドを 1 つの HTML ファイルで作り直して。CSS と JavaScript もすべて中に入れて、矢印キーで切り替えられるようにして」と頼んでください。

Google スライドで編集したいなら、英語版の Google のヘルプにある、Google スライドへの書き出しを使います。

コピーしたコードは、手順 3 で Convika にそのまま貼り付けられます。

URL で共有する 5 つの手順

スライドを HTML のファイル 1 つにする

上の節の方法で取り出します。Convika は 1 ページにつき HTML のファイル 1 つを公開するため、スライドの CSS と JavaScript はファイルの中に入れます。Google Fonts や Tailwind、Chart.js や reveal.js のようなライブラリは、CDN からそのまま読み込めます。

ファイルに埋め込んだ画像も容量に含まれます。パソコンの中のファイルを指す画像は、公開したページでは表示されません。

Convika の無料アカウントを作る

app.convika.com で登録します。Free プランはカード登録なしで、1 ページを公開できます。

スライドをアップロードする

管理画面で「HTMLファイルをアップロードする」を押し、「ファイルから」のタブにファイルをドロップします。コードをコピーした場合は、「コードから」のタブに貼り付けてください。

.html と .htm のファイルで、2 MB まで。ページ名には、スライドの <title> が入ります。「プレビューをつくる」を押します。アップロードに AI クレジットは使いません。

非公開のプレビューでめくってみる

「プレビューができました」と表示されたら、「プレビューを開く」を押します。このプレビューでも、公開したあとと同じようにスライドのスクリプトが動きます。矢印キーや画面のボタンでめくり、フォントやグラフが Claude や Gemini で見たとおりに表示されるかを確かめてください。

プレビューの URL は非公開で、開けるのは 3 分間です。切れたら、もう一度「プレビューを開く」を押すと新しいリンクができます。この時点では、まだだれにも公開されていません。

公開して、URL を送る

「ページを公開する」を押し、「このページを開ける人」で「一般公開」を選んで「次へ」を押します。はじめての公開では、続いて大きな「無料で公開する」のボタンが出ます。押すとすぐに公開され、ページの下に Convika のバナーが出ます。出したくないときは、その下の「Convika のバナーなしで公開する」から Pro のお申し込み画面に進みます。お申し込み画面の大きなボタン「1日間無料で申し込む」は、カードを登録して始める Pro のトライアルで、最初の 1 日間のあとは、解約しなければ月 ¥1,800 かかります。yourpage.convika.page のようなアドレスでスライドが公開されます。

メールや Slack、会議の招待に URL を貼れば、相手はアカウントなしでブラウザから開けます。

URL から発表する

2026 年 10 月 13 日に、この手順で 4 つのスライドをアップロードしました。Tailwind と Google Fonts を CDN から読み込み、Chart.js のグラフと矢印キー・ボタンでの切り替えがあるもの、reveal.js で作った 2 つ、16:9 のスライドを画面に合わせて拡大縮小する日本語のものです。

プレビューではどれも矢印キーとクリックでめくれ、フォントもグラフも表示されました。公開した 2 つも、公開後のページで同じように動きました。

• 全画面で映す。 発表するパソコンで URL を開き、スライドに全画面のボタンやキーがあればそれを使うか、ブラウザの全画面表示にします。試したスライドは、F キーで全画面になりました。
• 何人が開いたかを見る。 公開したスライドの訪問数と、どのサイトから来たか、デバイス、国を、Free でも直近 90 日分見られます。わかるのは人数で、だれが開いたかではありません。数字の見方は、ガイド ランディングページのアクセス数と流入元を手軽に見る方法 にあります。
• 送ったあとで直す。 サイト詳細の「AIで直す」に直したい点を書きます。標準のモデルなら 1 回 1 クレジットで、Free プランには最初に 10 クレジットが付きます。Claude・Codex など、お使いの MCP クライアントから Convika につなげば、直したスライドを新しいバージョンとして保存してもらうこともできます。つなぎ方はガイド Claude Code で作ったページを公開する方法 にあります。どちらも URL は変わらず、公開した時点で反映されます。直したファイルは、サイトの画面の「HTML ファイルで更新」に入れれば同じ URL のままで、管理画面の「HTMLファイルをアップロードする」から入れると、別の URL を持つ新しいページになります。
• 自分のドメインで出す。 Free でも、slides.example.com のようなサブドメインを 1 つ、ページの画面の「独自ドメインをつなぐ」からつなげます。
• 検索に出さない限定公開も、パスワードもある。 会議の相手や聞き手は送られた URL を開くだけで、アカウントなしでスライドを見られます。無料の「一般公開」は検索結果や Convika のギャラリーに出ることがあり、「このページを開ける人」で「限定公開」を選ぶと検索結果に出ません（Pro）。さらに決まった相手にだけ見せたいときは、公開するときに「このページを開ける人」で「パスワードを知っている人だけ」を選ぶか、Pro にしたあとサイト詳細の「ページの設定」にある「閲覧パスワード」でパスワードをかけます（Pro の機能です）。パスワードを知らない人には入力画面だけが表示され、ページの中身が検索結果に出ることもありません。見る人の画面はHTML ページにパスワードをかけて、知っている人だけに見せる方法、検索に出さない設定との違いはHTML のページを限定公開するで説明しています。なお、管理画面のプレビューの URL は 3 分間で開けなくなるので、発表の前に自分で確かめるために使います。下書きを見てもらうときも、公開した URL を送ります。

共有のしかたの比較

下の表は、2026 年 10 月 13 日に、Anthropic と Google のヘルプで確かめた内容です。

スライドがめくれないおそれがあるのは、ファイルを添付して送る方法です。iPhone では、送られた .html のファイルはファイルのプレビューで開きます。2026 年 10 月 6 日に Apple の iPhone シミュレーターで試したところ、プレビューでは JavaScript が動かず、スライドの操作も反応しませんでした。くわしくはガイド Claude で作った HTML を、Claude のアカウントがない人にも見せる方法 にあります。

Claude や Gemini を使っている同僚に見せるだけなら、それぞれの共有リンクで足ります。取引先や会議の参加者、スマホで見る人に渡すなら、公開した URL を送ります。

よくある質問

Claude の HTML スライドを URL で共有するには？

スライドを 1 つの HTML ファイルにして公開先に置きます。

Claude に CSS と JavaScript を中に入れた HTML を頼むか、Claude Code にフォルダへ保存してもらいます。そのファイルを、スクリプトを動かす公開先に置きます。Convika なら、管理画面の「HTMLファイルをアップロードする」からファイルをドロップし、「プレビューをつくる」を押して、めくれるのを確かめてから「ページを公開する」を押します。公開した URL は、Claude のアカウントがない人でも開けます。

Claude Code で作った HTML スライドを共有するには？

Claude Code にスライドを 1 つの HTML ファイルとしてフォルダに保存してもらい、そのファイルを Convika にアップロードして公開します。

Claude Code のドキュメントには、Pro 以上で claude.ai に公開し、サインインなしで開けるリンクを共有する方法もあります。ただし Anthropic の共有のガイドは、例外をレガシーアーティファクトだけとしているので、送る前にプライベートウィンドウで開けるか確かめてください。自分のドメインで出したいときや、何人が開いたかを知りたいときは、Convika で公開します。

Gemini で作ったスライドは HTML のまま共有できる？

そのまま HTML のスライドとして公開できます。

Canvas パネルの右上にある「コード」からコードをすべてコピーし、Convika の管理画面の「HTMLファイルをアップロードする」→「コードから」に貼り付けて、プレビューでめくれるのを確かめてから公開します。Google スライドで編集したいなら、英語版の Google のヘルプによると、Canvas の「共有とエクスポート」からスライドを Google スライドに書き出せます。

HTML スライドを PowerPoint に変換できる？

PowerPoint のファイルがほしいなら、最初から Claude に PowerPoint で作ってもらいます。

Anthropic のファイル作成のガイド によると、Claude は PowerPoint のプレゼンテーション（.pptx）を作り、ダウンロードできます。Claude のスライドのテンプレートで作ったデッキも、PowerPoint や PDF に書き出せます。HTML のスライドは HTML のままで、Convika はそれを Web ページとして公開します。

スマホでもスライドを見られる？

見られます。

公開したスライドはスマホのブラウザで開き、スクリプトも動きます。2026 年 10 月 13 日に、Safari と同じ WebKit で iPhone の画面を再現して試したところ、画面のボタンをタップしてスライドをめくれました。細い画面にどう収まるか、スワイプでめくれるかはスライドのコードしだいなので、URL を送る前に、プレビューを自分のスマホでも開いて確かめてください。

全画面表示で発表できる？

全画面で発表できます。

スライドに付いている全画面のキーやボタンも、ブラウザの全画面表示も使えます。2026 年 10 月 13 日に試したところ、F キーで全画面にするスライドは、Convika の URL から開いても全画面になりました。

相手がスライドを開いたかわかる？

Convika で公開したスライドなら、何人が開いたかわかります。

Claude と Gemini のヘルプには、共有リンクの閲覧数の説明がありません。Convika で公開したスライドなら、訪問数と流入元、デバイス、国を Free でも 90 日分見られます。わかるのは人数で、だれが開いたかではありません。

Convika の利用料金は？

Convika の Free プランは、カード登録なしで使えます。

公開 1 ページまで、月 10,000 ページビューまで、独自ドメインは 1 つ使えます。Free では、画面の下に Convika のバナーが出ます。Pro にすると消えます。Pro は月 ¥1,800 です。