昨年、AnthropicはClaude AIチャットボットに「Artifacts」という新機能を導入しました。これにより、ユーザーは会話の結果をリアルタイムで確認できるようになりました。例えば、図、レポート、ウェブサイト、コードスニペットなどです。今回、この機能が大幅にアップグレードされ、AIアプリを記述するだけで作成・共有できるようになりました。

この「バイブコーディング」アプローチで作成したアプリには、Claude AIのスマート機能を組み込むことができ、すべてのユーザーが利用できます。有料サブスクリプションに加入しているかどうかに関わらず、ぜひお試しください。作成したアプリを他の人と共有した場合、その人がアプリを実行すると、あなたの利用限度額ではなく、その人のClaude利用限度額にカウントされます。

Anthropicが挙げている例の一つに、フラッシュカードアプリがあります。これまではClaudeにフラッシュカードを表示するアプリのコードを書いてもらうことはできましたが、カードの詳細やコンテンツはすべて自分で指定する必要がありました。しかし、今ではClaudeのAIを活用して、ユーザーが見たいテキストをチャットボットに指示できるため、個々のユーザーに合わせたカードコンテンツを作成できるようになりました。

アップグレードされた機能は、現在すべてのユーザーが利用できるようになっていますが、有効化が必要な場合があります。ウェブ上で、アカウント名（左下）をクリックし、「設定」>「プロフィール」を選択して、「AIを活用した成果物を作成」を有効にしてください。他のユーザーが作成したアプリの例が表示され、ブラウザで試用したり、「カスタマイズ」ボタンから変更を加えたりすることができます。

メインの「アーティファクト」画面に戻ると、これまでに作成したプロジェクトが表示され、「新規アーティファクト」をクリックして新しいアーティファクトの作成を開始できます。ゲーム、生産性ツール、クリエイティブプロジェクトなど、いくつかのカテゴリーから選択できますが、ぴったり合うものがなければ「最初から始める」をクリックしてください。

自分のアプリを作る

高校時代にBASICを学んで以来、コーディングはあまりしていません。BASICを使って、スコアと得点者をランダムに決めるサッカーシミュレーターを作ったのですが、当時はとても楽しかったです。Claudeさんの新しく改良されたArtifactsツールが使えるようになったので、雰囲気だけでどれだけ素晴らしいアプリを作れるか興味がありました。

最初に考えたのは、クロードに何を作ろうかと尋ねることでした。AIが私たちの思考力や意思決定能力を奪っているという、ある種憂慮すべき事態を思い起こさせるものでした。最終的に、私は自分の脳細胞を使って決断を下しました。特定のトピックに関するクイズ問題を作成し、難易度を調整できる、必要に応じて解答も表示できるアプリを作りたいと思ったのです。

私は自然言語とコードゼロで、自分が求めているものを説明しました。ユーザーにトピックを入力するよう促し、そのトピックに関する質問を表示し、クリックで答えを表示できるアプリです。また、質問の難易度を調整したり、トピックを変更したりできるオプションも必要でした。実際には、たった一つのプロンプトだけで全てを説明できました。

クロードはビルド開始前に、このアプリが何をするのか概要を説明してくれました。私のアプリのビジョンを気に入ってくれました（きっと誰にでもそう言うでしょう）。私がゴーサインを出すと、ブラウザウィンドウが分割され、右側にアプリと生のコードが表示されました（これらのビューはクリックで切り替えられます）。

完成したアプリは、機能性という点では最初からかなり優れていました。すべてが期待通りに動作し、デザインも優れていました。しかし、AIによる質問の選択と難易度の評価には少々不安定さがありました。すべての質問に正解が付いていたにもかかわらず、アプリは各トピックの中でも限られたテーマ（例えば特定の映画、俳優、バンドなど）に固執する傾向がありました。

子供向けの難易度で『ツイン・ピークス』に関する質問をするのは不公平だったかもしれませんが、「『ツイン・ピークス』の舞台はどこですか？」という設問はちょっと簡単すぎるかもしれません。それに、クロードは次の難易度でも同じ設問を出していました。一番難しかったのは、FBI捜査官デイル・クーパーが使っているテープレコーダーの機種に関する設問で、私は困惑しました。

しかし、これはAIモデルの限界とその理解力に関する話です。実際のアプリ構築に関しては、クロードは特に感銘を受けました。私の質問や編集に非常によく反応し、シンプルなテキストプロンプトで色やレイアウトを変更できました。アプリがリアルタイムで再構築される様子を見るのは実にクールで、AIボットが変更内容とその理由を説明してくれます。

新しい「おすすめトピック」ボックスに問題が一つありました。私がバイブデバッグを試みたにもかかわらず、クロードは修正に長い時間がかかりました。最終的にはボックスは正しい位置に配置できましたが、正常に動作するまでには複数回の反復作業が必要でした。チャットボットのインターフェースは時々分かりにくい部分もありますが、本格的なプログラマー向けには生のコードは常に公開されています。

今のところ、これはカジュアルで小規模なプロジェクトに最適なようです（Anthropicがショーケースに掲載している例からもわかるように）。しかし、管理ツールや生産性向上のためのカスタムツールを開発したい人にとっても役立つと思います。私はこの体験をとても楽しみましたし、最終的な成果物に多少の不具合があったとしても（実際のコードというよりもAIコンテンツに起因している部分が大きいですが）、コーディングについてかなり学んだように感じました。