Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
学ぶ インタラクティブ出力とミニアプリ | パワーフィーチャー
究極のClaudeコース

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

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

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

Marcusの見積もり計算ツール

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

計算を自動で処理するツールを作成するには、ClaudeでArtifactsを開き、新しいArtifactを作成します。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マイルごとに45ペンスの移動料金を追加。

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

Note
注記

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

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

Note
注記

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

Claude は多くの場合、問題を特定し、代替案を提案可能。

アーティファクトの公開

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

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

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

公開後、Claude は誰でも利用できる共有リンクを生成。また、ウェブサイトにアーティファクトを埋め込むための埋め込みコードも提供可能。

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

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

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

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

question mark

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

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

すべて明確でしたか?

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

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

セクション 4.  4

AIに質問する

expand

AIに質問する

ChatGPT

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

セクション 4.  4
some-alt