Artifactsで成果物を作ろう
ArtifactsはClaudeが生成した成果物（Webページ、文書、コードなど）をその場でプレビュー・編集できる機能です。
Artifactsとは
Claudeに「何か作って」とお願いすると、チャットの右側にプレビュー画面が表示されます。これがArtifactsです。
- 作ったものをすぐに確認できる
- 「ここを変えて」と指示するだけで編集できる
- 完成したらコピーやダウンロードができる
プログラミングの知識は一切不要です。日本語で指示するだけでOKです。
Webページを作ってもらう
入力欄に以下のように話しかけてみましょう。
- 「おしゃれな自己紹介ページを作ってください」
- 「会社の簡単なランディングページを作ってください」
- 「誕生日のお祝いカードをHTMLで作ってください」
Claudeが自動的にHTMLとCSSを生成し、右側のプレビューにWebページが表示されます。
修正も簡単
「背景色を青にして」「文字を大きくして」「写真を追加して」など、日本語で指示するだけで修正できます。
文書を作ってもらう
ビジネス文書やテンプレートの作成もArtifactsが得意です。
- 「週次レポートのテンプレートを作ってください」
- 「プロジェクト企画書のドラフトを書いてください」
- 「お客様向けのお詫びメールのテンプレートを作ってください」
コードを生成してもらう
簡単なツールやアプリもArtifactsで作れます。
- 「シンプルな電卓を作ってください」
- 「タイマーアプリを作ってください」
- 「ToDoリストアプリを作ってください」
Artifactsのプレビューで実際に動かして試せるので、プログラミングを知らなくても成果物を確認できます。
成果物をコピー・ダウンロード
完成したArtifactsは以下の方法で持ち出せます。
- コピー: Artifact右上の「コピー」ボタンで、コードや文章をクリップボードにコピーできます
- ダウンロード: 「ダウンロード」ボタンでファイルとして保存できます
- 共有: リンクを生成して他の人に共有できます
Artifactsを体験してみよう
下のデモで、Artifactsでの成果物作成を疑似体験してみましょう。
✻Claude CodeDEMO
❯上の選択肢を選んでください...
まとめ
| 内容 | ページ |
|---|---|
| アプリのインストール | インストール |
| Claudeとの会話の基本 | Claudeと会話しよう |
| ファイルを使った高度な質問 | プロジェクト機能 |
| 成果物の生成と活用 | このページ |
次のステップ
Claudeの基本操作をマスターしたら、Lv.2 ビジネス活用で実務での使い方を学びましょう。