Claude の Artifacts、8割が「右側のプレビュー」で止まってる──配っても自分の料金が増えない使い方

「Claudeの右側に出てくるやつ、コードのプレビューでしょ？」

Claude を使っている人に Artifacts の話を振ると、だいたいこれが返ってきます。

で、正直に言うと、俺も半年くらいそう思ってました。右側にコードが出て、動きが見られる便利なパネル。それ以上のものだと思っていなかった。

違いました。

いま Artifacts でできることのうち、たぶん8割の人が使っていない機能が1つあります。しかもそれが、いちばん効くやつでした。

先に結論：作ったものを配っても、あなたの料金は増えません

これです。

Claude の公式ドキュメントに、こう書いてあります。

Whoever uses your app incurs usage on their plan...
Their API usage counts against their subscription, not yours.
You pay nothing for their usage.

「あなたのアプリを使った人の使用量は、その人のプランから引かれる。あなたは1円も払わない」

10人に使われても、10,000人に使われても、作った側の負担はゼロ。

APIキーも要りません。同じく公式に「no API keys, no per-call charges, no deployment hassle」と書いてあります。

……これ、けっこうやばくないですか。

何が変わったのか

もともと Artifacts は「Claudeが作ったコードや文書を、チャットの右側の別パネルに表示する」機能でした。HTMLならブラウザで動くし、SVGなら絵として出る。

そこに AI の機能そのものを埋め込めるようになった。

公式の言い方だと「transforming artifacts into interactive, AI-powered apps」。作ったものが、Claudeを呼び出して動く小さなアプリになる、ということです。

公式が挙げている例がこれ。

- 単語カードのアプリ。使う人が自分でテーマを決めて、自分でカードを生成できる

- 学習スタイルに合わせて教え方を変えるコーディング講師

- 文章を書くアシスタント

ポイントは1つ目です。「あなたが作ったカードを見る」ではなく「使う人が自分のカードを作る」。

で、なぜ8割が使っていないのか

理由はたぶん2つあって。

1つ目は、名前が「Artifacts（成果物）」だから。

成果物っていう名前を聞いて「アプリを配る機能だ」とは思わないですよね。俺も思わなかった。名前が地味すぎるんですよ。

2つ目は、右側に出た時点で満足しちゃうから。

コードが出て、動いて、「おお動いた」で終わる。そこから先に「共有」と「AIを埋め込む」があることに気づかない。 導線としてはあるんですが、探しに行かないと見えない。

正直、俺も「動いた」で満足してた側です。

具体的に何ができるか

うちの用途で言うと、こういうのが作れます。

① 見積もりの叩き台を作るツール

条件を入れると、その場でClaudeが叩き台を出す。営業の人に渡しておけば、自分で回してもらえる。

② 社内向けの「この文章、送っていい？」チェッカー

送信前の文章を貼ると、抜けている項目を指摘する。AIを社内に入れたいけど全員分の契約は無理、という会社に効きます。

③ 業種別のプロンプト診断

「うちの業種だと何から使えばいい？」に答えるやつ。これはうちが毎回聞かれるので、作っておくと楽。

どれも、渡した相手が自分のアカウントで動かします。 こっちの請求は増えない。

使う側に1つだけ条件があります

タダで配れると言いましたが、使う人がClaudeにサインインする必要はあります。

公式にはこう書いてあります。

They authenticate with their existing Claude account

「自分のClaudeアカウントで認証する」

プランは問いません。無料アカウントでもいい。ただ、アカウントを持っていない人には、そのまま渡しても動かない。

ここは正直に伝えた方がいいと思っていて。「これ開くだけで使えます」と渡して、相手がサインインを求められて止まると、そこで信用を落とします。「Claudeのアカウント（無料でOK）でログインしてもらう形です」と先に言っておく。 これだけで揉めません。

対応プラン

公式発表では、Free / Pro / Max で使えると書かれています。そのあと 2025年7月31日に Team / Enterprise にも来たとアップデートされています。

つまり、無料アカウントでも作れます。

明日、5分でやること

長々書きましたが、やることは1つだけです。

普段Claudeに頼んでいることを1つ選んで、「これ、他の人も使えるアプリにして」と続けて言う。

新しく何かを覚える必要はないです。いつも通り頼んで、そのあと一言足すだけ。

うちは「業種別のプロンプト診断」から作りました。作業時間、たぶん15分くらい。

1つ、しくじった話

最初、社外の人に渡すつもりで作ったんですよ。で、リンクを送る直前に気づきました。

中に社内の実例をベタ書きしてた。

Artifacts の中身は、リンクを開けば読めます。コードもテキストも。渡す前に一回、他人の目で中を見た方がいいです。 危なかった。

まとめ

- Artifacts は「コードのプレビュー」ではなく、AIを埋め込んだアプリを配れる機能

- 配っても作った側の料金は増えない。 使った人のプランから引かれる（公式明記）

- APIキーは不要。デプロイも不要

- ただし使う人はClaudeにサインインが必要。先に伝えておく

- 無料アカウントでも作れる

「右側のパネル」で止まっている人、けっこう多いと思うんですよ。俺がそうだったので。

もし作ってみて、うまく動かなかったところがあったら教えてください。 同じところで詰まる人が他にもいそうなので、次の記事でそこを潰したいです。

Render（レンダー） — AIで速く、人で精密に。

中小企業の現場に、AIを「導入」ではなく「急所」に刺す設計をしています。

「入れたのに誰も使っていない」という段階の相談が一番多いです。