【圧倒的一強に】Claudeで作ったゲーム・HP・資料が共有可能に。圧倒的に時短に繋がる機能

みなさん、こんにちは。
チャエンです！（自己紹介はこちら）

Claude 3.5に関するnoteの第三弾です！！どんどん進化していくので、紹介することが欠かせません！

前々からリーク情報はありましたが、遂にClaudeのライブプレビュー機能「Artifacts」のURLが公開できるようになりました🔥

個人的にずっと欲しかった機能でした。資料やLPの公開が一瞬でできるので、生産性も爆上がりです。また、ゲームやクイズを作って公開するなどのエンタメ向けの利用も可能になったので、Claudeの優位性がさらに高まりますね。

今回は、Claude 3.5やArtifactsの共有機能の概要、そして活用事例10選を紹介します。
ぜひ最後までご覧ください📚

1.Claude 3.5の概要

Claudeは、Opus、Sonnet、Haikuの3つのモデルに分かれています。
現在は先行してSonnetのアップデートのみが公開されています。

今年の後半にClaude 3.5 HaikuとClaude 3.5 Opusがリリースされる予定です。Claude 3.5モデルファミリーの完成は、今年中になるみたいです。

1-1 Claude 3.5 Sonnetの概要

Claude 3.5 Sonnetは、Anthropic社が2024年6月20日に発表した最新の大規模言語モデルです。無料で利用でき、アプリでも使うことができます。

■ APIについて
Anthropic API・Amazon Bedrock・Google CloudのVertex AI経由でも利用できます。料金は、入力トークン100万あたり3ドル、出力トークン100万あたり15ドルです。

以下は、Claude 3.5 Sonnet、GPT-4、Gemini 1.5 Proそれぞれの価格比較表です。Gemini 1.5Proには負けますが、性能を考えるとClaude 3.5 Sonnetはかなりコスパが良いと読み取れます。

1-2 性能について

Claude 3.5 Sonnetは200,000トークンのコンテキストウィンドウを持ち、一つ前のモデルであるClaude 3 Opusの2倍の速度で動作します。新たに公開されたベンチマークとの比較です。

• 知識と推論: 大学院レベルの推論（GPQA）、学部レベルの知識（MMLU）、コーディングの熟練度（HumanEval）において、新たな業界標準を樹立しています。特に、言語モデルの高度な文脈理解能力は、ニュアンスの把握やユーモアの解釈、複雑な指示の処理において大幅な進展しています。

• 速度: 従来のClaude 3 Opusの2倍に達しており、リアルタイム性が要求される応用領域（例：対話システム、リアルタイム翻訳、即時応答型のカスタマーサポート）で顕著なパフォーマンス向上が見られます。コスト効率の向上は、モデルの軽量化および推論時の最適化技術（量子化、モデル圧縮など）の成果と推測されます。

• コーディング能力:内部評価において、コーディング課題の64%を解決し、前バージョンであるClaude 3 Opusの38%を大幅に上回っています。この成果は、プログラムのバグ修正や機能追加における自然言語指示の解釈・実行能力が向上したことに起因しています。コード生成モデルに対する高度なファインチューニングや、コードのコンテキスト理解を強化する技術が寄与していると考えられます。

• 視覚モデル: 視覚ベンチマークにおいてもClaude 3 Opusを凌駕しており、チャートやグラフの解釈、画像からの正確なテキストの転写といった視覚的推論タスクの性能が大幅に向上しています。視覚情報を含む複雑なデータセットの解析や、ビジュアルデータを伴うレポート生成がより正確かつ迅速に行えるようになります。

1-3 Artifactsについて

Claude3から3.5の大きなアップデートは、「Artifacts」です。コード生成やドキュメント作成の結果をリアルタイムで表示・編集できる機能です。

実際にClaude 3.5 Sonnetのリリースページを元にスライドを作成してみました。アニメーション付きで、インタラクティブなスライドが数分で完成しました。
ぜひみなさんも使ってください。仕事の進め方がかなり変わります。

また、Anthropicは「将来的にはチーム全体が一つの共有スペースで作業を集中管理できる予定です」と発表しています。自然言語を使ってコードを書いたり、デザインしたりする働き方にシフトしていくかもしれませんね。

■ Artifactsの使い方
Claudeにログインし、「Artifacts」をONにしましょう。

Onにしたら、いつも通りプロンプトを入力するだけです。今回は以下のプロンプトを入力してみました。

1分ほどで、Webサイトが完成しました。凄すぎます…エンジニアの役割が変化していきそうですね。

右上の赤く囲った部分でプレビュー/コードを見ることができます。

1-4 Projectについて

Projectsは、ClaudeのPro・Teamプランユーザー向けに提供された新機能で、独自のチャット履歴とナレッジベースを持つワークスペースを作成できます。Projectsは無料プランでは使用できません。ProかTeamプランにアップグレードさせる必要があります。

各Projectには200Kトークンのコンテキストウィンドウがあります。約500ページ分に相当する関連文書やコード、PDFなどをアップロードすることができ、独自のコンテキストにClaudeを調整できます。

主な使い方①：プロジェクトナレッジ
Projectsの大きな利点は、チャットのコンテキストを提供できることです。Claudeの効果を高めるために必要なすべてのインサイトをProjectsのナレッジベースにアップロードすることで、そのProjects内の個々のチャットの背景やコンテキストをよりよく理解できるようになります。

また、各Projectsにカスタム指示を定義して、Projectsごとに生成文書の口調や視点を指定することができるため、状況に応じた回答を得ることができます。例えば、よりフォーマルなトーンを使用するよう指示したり、特定の役割や業界の視点から質問に答えるよう設定できます。

主な使い方②：コラボレーションと共有（Teamプラン限定）
Teamプランのユーザー向けには、Projectsを組織内の他のメンバーと共有する機能があります。複数のメンバーがドキュメントを追加し、チャットに参加し、同じProjects環境内で協力して作業することができます。

■ Projectの使い方
Try an Example Projectまたはチャットの左側から選択しましょう。

プロンプトの入力画面の右上にあるCreate Projectを選択すると、プロジェクトの概要を入力する画面が表示されます。ここではプロジェクトを整理するために必要な、タイトルと説明を入力します。

いつでも編集できるので安心してください。

設定画面はこのような感じです。右側のパネルでファイルのアップロードや調整ができます。ファイルをアップロードすると、上限が%表示で出てくるので、トークンをどれくらい使っているのかわかります。

Set custom instructions for projectの部分で、出力のトーンや振る舞って欲しいキャラクターなどの設定ができます。

より詳しい使い方と活用事例もまとめています。気になる方はご覧ください。

2.Artifactsの共有機能

7月9日にArtifactsの共有機能として、「パブリッシュ」と「リミックス」機能の2つが実装されました。