Claude 3.5 Sonnet の Artifacts 機能とは？使い方を分かりやすく解説！ - Qiita

はじめに Claude 3.5 Sonnet が先月公開されました。 Claude 3.5 Sonnetは、Anthropic社が開発した最新の大規模言語モデルです。前バージョンと比較して、大幅な性能向上が見られます。 注目なのはArtifactsという機能です。LLMが生成したコードを右側の実行環境でプレビューしつつ、対話形式で修正を依頼することができます。従来のチャットベースのやり取りに加え、より視覚的で直感的な開発体験を提供します。 今回はこのArtifacts機能を使った例をご紹介します。 アプリのフロントを作成し、プレビューしながら修正する Reactで作成されたコードをpreviewしつつ修正できます。 上記のように指示を出すと、Claude 3.5 Sonnetはリアルタイムにコードを生成し、右側のプレビューエリアに反映してくれます。 一発では狙い通り完成しませんが、プレビュ