Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
学ぶ インタラクティブ出力とミニアプリ | パワー機能
アルティメットクロード

インタラクティブ出力とミニアプリ

メニューを表示するにはスワイプしてください

アーティファクトは非常に優れた機能です。これは最近のイノベーションであり、特に自分でこのようなものを作成できない非技術系ユーザーにとって非常に強力です。アーティファクトが何をするのかを説明する最良の方法は、実際にその機能を見せることです。

Marcusの見積もり計算ツール

Marcusは毎日配管工事の見積もりを作成しており、出張費、時間単価、材料のマークアップ、週末の追加料金を考慮しています。ほとんどの計算は頭の中で行われるため、時折ミスが発生します。

計算を自動で処理するツールを作成するには、ClaudeでArtifactsを開き、新しいアーティファクトを作成します。Productivity Toolを選択し、必要な内容を簡単な英語で記述します:

Note
プロンプト

Build me a simple quote calculator for my plumbing business. Inputs: job type (call-out, half day, full day), number of hours, materials cost, weekend toggle. My rates are £80 call-out, £45 an hour, 20% markup on materials, plus 25% on weekends. Output a plain English quote summary I can read out to the customer.

Claudeはリクエストの内容を要約し、その後ツールを生成します。コードを理解する必要はありません。ツールが正常に動作し、必要な結果を出せば十分です。

かつては開発者が数週間かけて多額の予算で行っていた作業も、今では1つのプロンプトで数分で完了します。

生成されたArtifactは右側のパネルに表示されます。半日作業、4時間の作業、£100の材料費、週末割増料金などの例を入力します。計算機はコストの内訳と顧客向けの見積もりサマリーを提供します。

自然言語による反復

Artifactは、変更点を記述するだけで簡単に改善できます。例えば:

Note
プロンプト

10マイルを超える距離について、1マイルごとに45pの移動費を追加。

Claudeはアーティファクトを更新し、新しい入力フィールドを追加し、移動費を計算に組み込みます。引き続きツールの拡張が可能です。

Note
注記

顧客に記入してメール送信できる1ページのHTML見積書ドキュメントを生成するボタンの追加。

Claudeはアーティファクトをそれに応じて修正します。特に技術的な要件が増すと、すべての変更が最初から完璧に動作するとは限りません。問題が発生した場合は、単にその内容を説明してください。

Note
注意

ボタンを押しても何も起こりません。同じ結果を得るために、よりシンプルな方法を提案できますか?

Claudeは多くの場合、問題を特定し、代替案を提案できます。

アーティファクトの公開

アーティファクトを共有するには、デスクトップアプリケーションではなくWebブラウザでClaudeを使用します。

公開をクリックし、次のいずれかを選択します:

  • チームと共有(チームプランが必要)
  • Webに公開

公開されると、Claudeは誰でも利用できる共有リンクを生成します。また、アーティファクトをWebサイトに埋め込むための埋め込みコードも提供できます。

さらに変更を加えた場合は、再度アーティファクトを公開する必要があります。公開された各バージョンには独自のURLが割り当てられるため、既存のリンクは新しいバージョンが共有されるまで前のバージョンを指し続けます。

アーティファクトが重要な理由

アーティファクトは、これまでソフトウェア開発スキルが必要だった機能を非技術者にも提供します。開発者を雇ったりコーディングを学んだりする代わりに、ツールを平易な英語で説明し、対話を通じて洗練させ、同僚や顧客と共有できます。

多くのユーザーにとって、アーティファクトはClaudeで最も強力でありながら十分に活用されていない機能の一つです。

question mark

公開済みのアーティファクトに変更を加えた後、他のユーザーが更新版にアクセスできるようにするには何をする必要がありますか?

正しい答えを選んでください

すべて明確でしたか?

どのように改善できますか?

フィードバックありがとうございます!

セクション 4.  4

AIに質問する

expand

AIに質問する

ChatGPT

何でも質問するか、提案された質問の1つを試してチャットを始めてください

インタラクティブ出力とミニアプリ

アーティファクトは非常に優れた機能です。これは最近のイノベーションであり、特に自分でこのようなものを作成できない非技術系ユーザーにとって非常に強力です。アーティファクトが何をするのかを説明する最良の方法は、実際にその機能を見せることです。

Marcusの見積もり計算ツール

Marcusは毎日配管工事の見積もりを作成しており、出張費、時間単価、材料のマークアップ、週末の追加料金を考慮しています。ほとんどの計算は頭の中で行われるため、時折ミスが発生します。

計算を自動で処理するツールを作成するには、ClaudeでArtifactsを開き、新しいアーティファクトを作成します。Productivity Toolを選択し、必要な内容を簡単な英語で記述します:

Note
プロンプト

Build me a simple quote calculator for my plumbing business. Inputs: job type (call-out, half day, full day), number of hours, materials cost, weekend toggle. My rates are £80 call-out, £45 an hour, 20% markup on materials, plus 25% on weekends. Output a plain English quote summary I can read out to the customer.

Claudeはリクエストの内容を要約し、その後ツールを生成します。コードを理解する必要はありません。ツールが正常に動作し、必要な結果を出せば十分です。

かつては開発者が数週間かけて多額の予算で行っていた作業も、今では1つのプロンプトで数分で完了します。

生成されたArtifactは右側のパネルに表示されます。半日作業、4時間の作業、£100の材料費、週末割増料金などの例を入力します。計算機はコストの内訳と顧客向けの見積もりサマリーを提供します。

自然言語による反復

Artifactは、変更点を記述するだけで簡単に改善できます。例えば:

Note
プロンプト

10マイルを超える距離について、1マイルごとに45pの移動費を追加。

Claudeはアーティファクトを更新し、新しい入力フィールドを追加し、移動費を計算に組み込みます。引き続きツールの拡張が可能です。

Note
注記

顧客に記入してメール送信できる1ページのHTML見積書ドキュメントを生成するボタンの追加。

Claudeはアーティファクトをそれに応じて修正します。特に技術的な要件が増すと、すべての変更が最初から完璧に動作するとは限りません。問題が発生した場合は、単にその内容を説明してください。

Note
注意

ボタンを押しても何も起こりません。同じ結果を得るために、よりシンプルな方法を提案できますか?

Claudeは多くの場合、問題を特定し、代替案を提案できます。

アーティファクトの公開

アーティファクトを共有するには、デスクトップアプリケーションではなくWebブラウザでClaudeを使用します。

公開をクリックし、次のいずれかを選択します:

  • チームと共有(チームプランが必要)
  • Webに公開

公開されると、Claudeは誰でも利用できる共有リンクを生成します。また、アーティファクトをWebサイトに埋め込むための埋め込みコードも提供できます。

さらに変更を加えた場合は、再度アーティファクトを公開する必要があります。公開された各バージョンには独自のURLが割り当てられるため、既存のリンクは新しいバージョンが共有されるまで前のバージョンを指し続けます。

アーティファクトが重要な理由

アーティファクトは、これまでソフトウェア開発スキルが必要だった機能を非技術者にも提供します。開発者を雇ったりコーディングを学んだりする代わりに、ツールを平易な英語で説明し、対話を通じて洗練させ、同僚や顧客と共有できます。

多くのユーザーにとって、アーティファクトはClaudeで最も強力でありながら十分に活用されていない機能の一つです。

すべて明確でしたか?

どのように改善できますか?

フィードバックありがとうございます!

セクション 4.  4
some-alt