企画のイメージを文章だけで説明するより、動く画面を一つ見せた方が伝わることがあります。Claude Artifactsは、確認用のページや簡単な操作画面を作り、会話しながら調整する場面に向いています。
ただし、見た目ができたことと、必要な操作が動くことは別です。ここでは「動画制作の依頼内容を確認する、架空のチェックリスト」を例に、試作品を作るところから共有前の点検までをまとめます。本番の申込受付や決済をいきなり任せる手順ではありません。
最初は、確認したい操作を一つに絞る
「使いやすいサイトを作って」だけでは、何をもって完成とするか決まりません。誰が、何を入力し、どんな結果を見たいかを書きます。最初の試作品では、ログイン、外部送信、データ保存を必要としない形にすると、画面の確認へ集中できます。
動画制作の依頼内容を確認する試作品を作ってください。対象は、初めて編集を外注する個人です。「動画の長さ」「素材の有無」「希望納期」の3項目を選ぶと、確認事項を画面内に表示してください。架空データだけを使い、外部送信と保存は行わないでください。スマートフォンでも文字とボタンが重ならず、未入力なら不足項目を説明してください。
これはそのまま依頼に使える一例です。実際の氏名、メールアドレス、顧客の原稿などを入れる必要はありません。まずサンプルの値で操作の流れを確かめます。
現在のArtifacts画面と、古い解説の違いに注意
現在の公式ヘルプでは、文書・スライド・デザインなどのArtifactsと、以前に作られた従来のArtifactsを分けて説明しています。過去の画面にある「公開」ボタンを、そのまま現在の共有操作だと思わないようにしましょう。
この例のような小さな確認画面は、まず通常のチャットで依頼できます。Artifacts自体は無料プランでも作成できますが、Design・Slides・Docsのテンプレートは有料プランのベータ機能です。編集や共有設定の変更はWeb版またはClaude Desktopで行います。iOS・Androidアプリでは共有設定を変更できません。出力形式や共有方法は作ったものの種類で変わります。共有相手に見せる前に、自分の画面の「共有」で対象とアクセス条件を確認してください。
完成したら、見た目より先に3つの操作を試す
1．普通に入力して、期待する結果になるか
例なら、短い動画・素材あり・希望納期ありで一度操作します。画面に出た確認事項が、選んだ値に対応しているか見ます。ボタンが押せるだけでなく、その後の内容まで確認します。
2．未入力でも、次に何をすればよいか分かるか
一項目を空にして試します。画面が固まる、無意味な結果になる、何も起きない場合は修正対象です。「希望納期を選んでください」のように、利用者が直せる説明が出るかを見ましょう。
3．一度操作した後、変更ややり直しができるか
選択を変える、戻る、最初からやり直す操作を試します。最初の一回だけ正しく見えても、変更後に前の結果が残ることがあります。メニューを開いたまま別のボタンを押すなど、続けて操作する場面も確認します。
スマートフォンで見るときの点検
- 長い日本語の見出しが切れたり、横にはみ出したりしていない。
- 画面下のボタンが本文や入力欄を隠していない。
- メニューやダイアログを開いても、閉じる操作が見える。
- 画面を拡大しなくても、文字と入力内容を読める。
- ソフトウェアキーボードを出した後も、入力と送信の操作にたどり着ける。
PCで幅を狭める確認に加えて、可能なら実際のスマートフォンでも触ります。長い名前や長文の選択肢など、崩れやすいデータを一つ入れると問題を見つけやすくなります。
「直して」と繰り返すより、再現する順番を伝える
運営者は、AIにサイトの修正を頼んでも、表示が一向に直らないことを経験しています。これはClaudeの実測結果を示す話ではありませんが、生成されたものを自分で確かめる必要性は共通です。
修正するのはメニューの切り替えだけです。手順：スマホ幅でメニューを開く→検索を押す。現在：閉じるボタンが2つ重なります。期待：メニューが閉じ、検索だけが開きます。他のレイアウトは変えず、変更箇所と確認する操作を説明してください。
一度に色、配置、機能を全部直すと、どの変更で壊れたか分からなくなります。症状を一つに絞り、修正後は同じ手順を再実行します。改善しない場合は、問題が起きる最小の画面まで小さくし、入力値や端末条件を追加して伝えます。
共有前に「誰が見られるか」を確認する
新しいArtifactsは最初は自分だけが見られる状態です。Web版またはClaude Desktopで対象を開き、「共有」→「アクセス権を持つユーザー」を確認します。個人のPro・Maxでは「あなただけ」か「リンクを持つ誰でも」を選べます。特定の人だけに見せるメール招待もありますが、招待された人はそのメールアドレスでClaudeへサインインする必要があります。
新しいArtifactsは、共有リンクがあっても閲覧者のClaudeアカウントが必要です。チャットから公開された従来のArtifactsは例外です。「無料プランで作成できる」ことと、「無料で新しい共有リンクを発行できる」ことも分けてください。相手がClaudeを使っていないなら、用途に合う書き出し形式を確認するか、画面の確認方法を先に相談します。
閲覧だけを頼む相手へ、編集権限まで付ける必要はありません。権限名とリンクの対象を確認してから渡します。Team・Enterpriseは組織の設定によって外部共有が制限されるため、共有画面の条件を優先してください。
試作品内の文章、サンプルデータ、接続先にも目を通します。共有してよい情報だけにし、機密情報や認証情報を埋め込まないことが基本です。相手に送る前に、指定した相手の条件で開けるか確認し、送付時には「確認用の試作品」「動く機能」「未対応の機能」を短く添えます。
本番のサービスにするなら、保存、認証、権限、障害時の扱いなどが別途必要です。まず画面の試作から始めたい人は、AIでアプリを作る前に決めることも参考にしてください。
確認日：2026年10月7日。参考：Anthropic・Artifactsの使い方、Artifactsの共有。本記事の依頼文と点検例は当サイト作成のサンプルです。
コメント