ClaudeのArtifactsでアプリを作る｜準備リストを題材に操作を確かめる

Artifactsで作った画面を見ながら変更を頼む

ClaudeのArtifactsは、作成した文書やデザイン、小さな対話型ツールなどを会話と並べて扱い、その内容への変更を依頼できる仕組みです。利用できる種類や設定は環境によって異なります。

主催者から「準備を管理するアプリが欲しい」と聞いても、想像する機能は人によって違います。参加人数から必要な道具を表示し、準備済みのものに印を付ける画面なら、何がまだ足りないかを同じものに触れながら相談できます。

開催前日の準備に使う、小さな画面から

今回の用途を、主催者が開催前日に道具と準備状況を把握することに絞るなら、売上管理や参加者名簿は別の仕事です。共同主催者にも同じ画面が要るかは、共有の機能を考えるときの違いになります。

サンプルの道具名と仮の人数でも、入力から表示までの流れは試せます。実際の参加者情報を入れる前にも、準備の仕方に合うかを検討できる部分があります。

表は横にスクロールできます。

入力・処理・出力を、身近な言葉で書く

入力は参加人数と実施内容、処理は必要な道具の選択、出力は準備リストです。一人に一つ必要な道具と、会場に一つあればよい道具では、同じ人数でも数量の計算が変わります。

その区分は実際の準備方法に基づくもので、AIが自由に補ってよい業務ルールではありません。試作用に「一人一つと仮定」するなら、その仮定が分かる表示が要ります。計算が合うことと、会場でその準備ができることも別に検討する内容です。

ワークショップ主催者が前日に使う、準備リストの試作を作ってください。
参加人数と実施内容を選ぶと、必要な道具と数量の一覧を表示します。
道具には「人数分」「会場に一つ」の区分を付け、準備済みを確認できるようにします。
まずサンプルデータで、入力→一覧→未準備の確認が一通り試せる形にしてください。
個人情報・決済・外部送信は今回の範囲に含めません。
数量のルールや保存の扱いで不足する条件があれば、作る前に質問してください。

主催者の利用を追って確かめる五項目

主催者の順番で使ったとき、どこで迷い、何ができなかったかは修正の材料になります。「ボタンが小さい」という印象にも、どの操作で押しにくかったかが含まれていれば、直す箇所を相談できます。

1. 説明から、何の準備に使う画面か分かる。
2. サンプルの人数と内容に応じて、一覧が変化する。
3. 道具の区分と数量が、想定したルールに合う。
4. 準備済みの変更後、残る作業が分かる。
5. 入力のやり直しでも、表示と準備状態が矛盾しない。

人数の空欄や、実施内容の変更を確かめる

人数が空欄の場合や、途中で実施内容を変えた場合も、日常の利用では起こり得ます。前の数量が残る問題は、最初の入力が成功しただけでは表れないことがあります。

数字だけでなく、言葉の意味を確認する

「残り」が道具の種類数なのか個数なのかで、主催者の理解は変わります。数値の横に対象と単位があれば、何を数えている表示かが分かります。

保存・共有・本番運用は、それぞれ確認する

その場で操作できること、翌日も記録が残ること、複数人に同じ状態を共有することは異なります。Artifactsには保存や共有に関わる機能がありますが、利用条件、設定、作成内容によって扱いが変わります。作った画面から保存もできたと推測するのではなく、必要な動作を実際に通す仕事が残ります。

誰に公開し、何を入力してよく、誤って変更したらどう戻すかも、利用方法に含まれます。主催者同士が同じ一覧を眺めるだけなのか、互いに編集するのかでは必要な権限が違います。試作への意見はサンプルでも集められますが、本番で継続して使う段階では、管理と修正の担当も要ります。

表は横にスクロールできます。

よくある質問

作れたら、そのまま仕事に使ってよいですか？

扱う情報と、誤りの影響によって異なります。必要な操作、保存、共有が意図どおりでも、顧客情報や外部サービスを扱うなら、その設計や管理の検討は別に残ります。

エラーが出たら、最初から作り直しますか？

最初から作り直す前に、起きた操作とエラーを伝えると、必要な修正を絞れる場合があります。公式のエラー修正機能を使った後も、元の操作で問題がなくなったかを確かめられます。