メインコンテンツにスキップ

アーティファクトを使用して、コードを1行も書かずにAIアプリを視覚化および作成します

昨日アップデートされました

クリエイティブなアイデアが湧き出ているときに、最後にしたいことは、ビジョンを実現するための技術的な詳細に対処するために、プロセスを中断することです。アーティファクトを使えば、クリエイティブなひらめきが訪れたとき、スローダウンすることなく、テックチームのサポートを待つこともありません。Claudeに何をしたいかを伝えるだけで、それが目の前に現れるのを見ることができます。アーティファクトはフロー状態を保ち、数分で動作するアプリプロトタイプを提供するのに役立ちます。

このガイドを読み終わると、アイデアを説明するためにアーティファクトをいつ使用するか、そしてClaudeアプリから直接アーティファクトを作成、カスタマイズ、共有する方法がわかります。

アーティファクトとは何か、どのような場合に使用しますか?

アーティファクトは、Claudeとの会話から生まれるインタラクティブなアプリです。Claudeアプリのチャットからコード、ドキュメント、アプリなどのマテリアルを生成できます。

これらは、真剣なビジネスツールから子供向けの楽しいゲームまで、あらゆる種類のデジタル製品をすばやく立ち上げたいときに最適です。これらの例を考えてみてください:

  • 製品プロトタイプ —新しいランディングページやアプリをモックアップするために、デザイナーやエンジニアである必要はありません。必要なものをClaudeに依頼するだけです。このようなムードキャンバスは、ユーザー入力に基づいてカラフルなビジュアライゼーションを作成します。

  • カスタマイズされたAIアシスタント — 同じ質問に何度も答えるのに疲れていますか?Claudeは、一般的なクエリに対応するコンテキストを持つチャットボットを構築でき、他の作業に集中できます。ベンダーの詳細をすべて知っているウェディングプランナーボット、子供が食べるであろう食事のみを提案するレシピヘルパー、または生の考えを洗練されたコミュニケーションに変えるメール作成アシスタントのようなものです。

  • 学習ゲーム — 子供が九九を学ぶのを手伝いたい親は、子供が数学の問題を解くことでモンスターと戦うインタラクティブなゲームを説明することができます。数ターン後には、動作するプロトタイプが完成します。または自分で学ぶために、この言語チューターを試してみてください。選択した言語でチャットして学ぶことができます。

  • 小規模ビジネスソリューション — 在庫追跡が必要な小規模ビジネスオーナーは、ワークフローをClaudeに説明して、ニーズに完全に適合するカスタムツールを作成できます。このようなプロジェクトダッシュボードジェネレーターのように、ユーザー入力を取得してガントチャート、プログレスバー、マイルストーン追跡を提供します。

オプションは本当に無限です。さらにインスピレーションを得るには、Claudeアプリの「アーティファクト」タブにアクセスするか、Claudeに何を構築すべきかを尋ねてみてください。(アーティファクトタブはフリー、プロ、マックスプランでのみ利用可能で、現在モバイルには存在しないことに注意してください)。

最初のアーティファクトを作成する

アーティファクトを作成する最良の方法は、解決したい問題を説明してから、Claudeに改善を手伝ってもらうことです。ステップバイステップのアプローチは次のとおりです:

  1. サイドバーの「アーティファクト」に移動します:任意のチャットでアーティファクトを作成できますが、ここから開始することで、Claudeに意図を知らせることができるため、アプリの最高のバージョンを構築するのに役立ちます。

  2. 問題の探索から始めます:アイデア(および問題)をClaudeと共有します。例えば、「クラスに水の循環をより良い方法で教えたいのですが、彼らはとても退屈しているようです。」

  3. Claudeにインタビューさせます:Claudeはあなたのビジョンを明確にするためにフォローアップの質問をします。例えば、教えようとしている年齢層は何ですか?

  4. Claudeに構築を依頼します:ディスカッションを通じてアイデアを明確にしたら、「これを作成してもらえますか?」または「これを今構築しましょう。」などのフレーズでアーティファクトを直接リクエストします。Claudeはその後、会話に基づいてアーティファクトを生成します。

以上です!わずか数ターンで、ニーズに合わせてさらにカスタマイズできる機能的なアプリが完成します。

アーティファクトを改善するためのヒント

最初の作成は単なる出発点です。ここから、変更、フィードバック、その他をリクエストして、アーティファクトを共有可能な状態にすることができます。アーティファクトを最大限に活用するための3つのヒントを紹介します:

  • フォローアッププロンプトで反復します:Claudeにアーティファクトを変更するよう依頼するだけです(「ボタンを大きくして」、「タイマーを追加して」、「配色を変更して」)。各リクエストは以前のバージョンに基づいて構築され、Claudeは構築したものとその理由についてのコンテキストを保持します。

  • 会話を通じてデバッグします:何か壊れたときは、「Claudeで修正」をクリックするか、平易な言葉で問題を説明します(「電卓が小数で機能していない」、「ゲームがレベル3でクラッシュする」)。技術的なエラーメッセージを理解する必要はありません。さらに深い理解のために、拡張思考をオンにするか、より知的なモデルを使用してください。

  • フォーキングで実験します:任意の前のメッセージに戻り、「編集」をクリックして新しい会話ブランチを作成し、異なるアプローチを試してください。いつでも元のバージョンに戻ることができるため、スタイル、機能、または完全に異なる方向での大胆な実験が可能になります。

作成物を共有する

アーティファクトが希望どおりに機能したら、わずか数クリックで友人や協力者と共有できます。

公開ボタンをクリックしてリンクを生成することで、完成したアーティファクトを他のユーザーと共有します。リンクを持っている人は、公開を解除するまでアーティファクトにアクセスできます。

ビューアーがアーティファクトと対話するときの2つのオプションがあります:

  • 表示のみ — ログアウトしたユーザーはサインインせずにアーティファクトを使用および操作できます(AI搭載のアーティファクトを除き、サインインが必要です)が、変更することはできません。

  • リミックスとカスタマイズ — Claudeユーザーは独自のコピーを作成して変更および反復できますが、心配しないでください!あなたのコピーは変わりません。

開始するためのその他のリソース

  • さらにインスピレーションを得るために、すべてのアーティファクトを参照してください。プロのヒント:「カスタマイズ」をクリックしてアーティファクトをコピーし、自分で変更を加えます。

  • アーティファクトについて詳しく知るには、アーティファクト入門ビデオをご覧ください。

  • その他のご質問については、Claude サポートドキュメントにアクセスしてください。

こちらの回答で解決しましたか?