Claude 3.5 Sonnetの新機能「Artifacts」の使い方 - IT.Lifestyle.up

Claude 3.5 Sonnetの新機能「Artifacts」の使い方

claude-3-5-sonnet新機能artifacts使い方 AIツール
この記事は約3分で読めます。

2024年6月21日にリリースされたClaude 3.5 Sonnetに新機能の「Artifacts(アーティファクト)」が実装されました。

今その機能が凄いと話題なので、使い方を解説したいと思います。

スポンサーリンク
スポンサーリンク

Claude 3.5 SonnetのArtifactsとは

Claudeに新しく追加されたArtifactsは、コードスニペット、テキストドキュメント、ウェブサイトデザインなどをClaudeに生成するように依頼できる画期的な機能です。

会話に専用のウィンドウが表示され、生成したものをリアルタイムで確認、編集、構築できます。

従来の会話型AIから共同作業環境というより広範なものへと進化しました。

Artifactsの使い方

Artifactsを使うには、まず「Meet Claude 3.5 Sonnet」をクリックします。

Artifactsの使い方1

Googleでサインアップします。

Artifactsの使い方2

携帯の番号でアカウントを作成しましょう。

Artifactsの使い方3

Artifactsを有効化するには、「Try it out」をクリックします。

Artifactsの使い方4

そうすると、次のような画面が出てくるので「オン」にします。

Artifactsの使い方5

これでArtifactsが有効になりました。

Artifactsが有効の状態では、生成物をリアルタイムに確認、編集、構築できます。

試しに、お問い合わせフォームを作ってもらうので、「HTML,CSS,JSでお問い合わせフォームを作成してください。」と入力しました。

Artifactsの使い方6

そしてこちらが実際に生成されている様子です。

お問い合わせフォームがわずか20秒ほどでできあがりました。

ボタンの色を変えたり、ボタンに動きをつけたり、項目を追加することも可能です。

Artifactsの使い方7

指示が悪かったのかグラデーションにはならなかったものの、動きや項目の追加はバッチリです。

もう一つ、イメージボードの作成をお願いしてみました。

プロンプトを置いておくので、良かったら使ってみてください。私はなんとなく英語でお願いしていますが、日本語でも問題ありません。

1.アップロード、編集、保存機能を備えた画像掲示板用のReactコンポーネントの作成をお願いします。

2.消しゴム、描画、テキスト機能を含むようにイメージボードコンポーネントを更新してください。

3.マウスボタンを押しているときだけ描画が行われるようにコンポーネントを修正してください。

ちなみに今回のアップデートにより、一定回数使用すると、レート制限が解除されるまで全く使えなくなりました。

多く使う場合は、Proプランに課金する必要があります。

Artifactsの使い方8

無料で使っていた私にとっては痛いアップデートです。

まとめ

本記事では、Anthropic社のClaude 3.5 Sonnet「Artifacts」の使い方について解説しました。

2024年後半には、Claude 3.5 Haiku、Claude 3.5 Opusのリリースも予定されています。

今後、AIがどのように進化するのか、ますます楽しみです!

コメント