Claude.ai でコードや文書を生成すると、会話欄とは別の右側パネルに成果物が表示されます。パネル内で直接編集でき、ファイル単位で履歴が残るため、会話を遡らずに最新版を確認できます。
バイブ特有
478
Artifact
アーティファクト
体験区分：触った
推奨読者レベル：Level 2
何をしてくれるか
どこで出会うか
Claude.ai でコードや HTML を書いてもらったとき、右側に専用パネルが開く場面で登場します。2024 年 6 月のローンチ以降、「Artifact に出した」という言い方を同僚から聞くことがあります。
構造図
2026.04·ready
「Claude の Artifact に HTML を出してもらって、プレビューを確認しながら修正できます。」
Artifactの見方
479
この用語の見どころ
1
役割
会話と生成物を左右に分けて表示する専用パネルです。
2
うれしさ
成果物をファイル単位で管理でき、会話を遡る手間が減ります。
3
注意点
Claude.ai 専用機能で API 利用やモバイルでは使えない場合があります。
4
どこで役立つか
HTML・コード・文書を繰り返し修正する共同編集的な作業に向きます。
5
はじめに
Claude.ai でコードを生成すると自動で開くパネルです。
6
深掘り先
Canvas、Tool Use、Claude.ai
非エンジニアのつまずき
- Claude 史を知らないと「Artifact」という言葉が通じにくいです。
- 日本語の共通言語を作りづらい点が一番の課題です。
私のコメント
- 第一印象:成果物を貯めるワークスペースというイメージです。
- 良い点:チャットだけから一歩先に進んだ感があります。
- ダメな点:今はもっと大規模なやり方が主流で、使っている人が少ない印象です。
- 誰向けか:歴史的な文脈で捉える人向けです。
開発フローでの位置
プロンプト入力
Artifact 生成
パネル内編集
履歴確認
共有・エクスポート
関連用語
G-36·term_llm
バイブコーディング図鑑