Claudeで固定費チェックツールを作る方法｜コピペ用の指示文・動作確認チェックリスト・修正例つき

毎月払っているサブスクやサービス料金。

「月額では把握しているけれど、全部合わせると年間いくらになる？」

そんな確認に使える、小さなツールをClaudeで作る手順を紹介します。

今回作るのは、サービス名と月額料金を入力すると、月額合計と年間換算額が表示される「固定費チェックツール」です。

前回は、Claudeで作る小さなツールのアイデアを5つ紹介しました。今回はそのうち1つに絞り、作成の依頼から動作確認、修正の伝え方まで整理します。

※この記事は制作手順のガイドです。掲載した指示文を使ったClaudeの出力・動作は未検証であり、制作成功の体験談ではありません。

1．今回作るツールの完成形を決める

1-1．入力するのは「サービス名」と「月額料金」

最初は、次の機能に絞ります。

1. サービス名と月額料金を登録する

2. 登録した項目を一覧で見る

3. 不要な項目を削除する

4. 月額合計と年間換算額を見る

例えば、架空のサービスを次のように登録します。

1. 動画サービスA：月額1,000円

2. 音楽サービスB：月額500円

3. 学習サービスC：月額980円

期待する計算結果は、次のとおりです。

月額合計：2,480円
年間換算額：29,760円

年間換算額は「月額合計×12」の単純計算です。年払い割引や日割り、無料期間などは扱いません。

1-2．今回はデータを保存しない

最初の試作品では、入力データを保存する機能を付けません。

ページを再読み込みすると入力内容が消える仕様にします。そのことを、ツールの画面にも表示させます。

データ保存は、別の段階で追加する機能として扱います。

なお、これは「作成するツールの入力データ」の話です。Claudeとの会話や、作成した成果物そのものの保存とは別です。

まずは架空のサービス名と料金で試しましょう。

2．Claudeに作成を依頼する

2-1．Artifactsで操作できるツールを依頼する

Claudeの公式ヘルプでは、Artifactsで小さな操作ツールなどを作成できると案内されています。

Claudeで新しい会話を開き、次の指示文を貼り付けます。

利用環境によって画面や設定が異なるため、Artifactsが利用できない場合は、設定内の機能項目や公式ヘルプを確認してください。

2-2．コピーして使える作成用プロンプト

Artifactsで、操作できる「固定費チェックツール」の試作品を作成してください。

説明文や画面の画像だけではなく、入力・追加・削除・計算ができる形にしてください。

【目的】
月額料金を登録し、月額合計と年間換算額を確認する。

【入力項目】
・サービス名
・月額料金（日本円）

【必要な機能】
1．サービス名と月額料金を入力して追加する。
2．追加した項目を一覧表示する。
3．各項目を個別に削除する。
4．月額料金の合計を表示する。
5．月額合計×12で年間換算額を表示する。
6．追加・削除のたびに計算結果を更新する。

【入力ルール】
・サービス名は空白だけでは登録できない。
・月額料金は0以上の整数とする。
・0円は登録できるようにする。
・空欄、負の数、小数など、条件に合わない値は登録しない。
・入力に問題がある場合は、日本語で理由を表示する。

【表示】
・日本語で表示する。
・金額は3桁区切りで表示する。
・スマホでも入力しやすくする。
・データが0件のときは、そのことが分かる案内と合計0円を表示する。
・「年間換算額は月額合計×12の単純計算です」と表示する。

【保存・連携】
・入力データを永続保存する機能は付けない。
・外部サービスへの送信、ログイン、銀行口座との連携は実装しない。
・「入力内容は保存されません。ページを再読み込みすると消えます」と画面に表示する。

【完成後の説明】
・実装した機能
・実装していない機能
・動作確認の手順

上記を分けて説明してください。
実際に実行していないテストを、実施済みと書かないでください。

最初から、グラフや節約アドバイスを追加する必要はありません。

まずは「入力した数値が正しく計算されるか」を確認します。

3．完成した画面を、決めた順番で確認する

3-1．最初に「正しく計算できるか」を見る

次の3件を登録します。

1. 動画サービスA：1,000円

2. 音楽サービスB：500円

3. 学習サービスC：980円

月額合計が2,480円、年間換算額が29,760円になれば、この入力例では期待どおりです。

次に、音楽サービスBの500円を削除します。

削除後の期待値は、月額合計1,980円、年間換算額23,760円です。

追加時だけでなく、削除後も計算が更新されるかを見てください。

3-2．入力ミスと保存の扱いも確認する

計算が合っていたら、入力ミスや削除、再読み込みも試します。

各項目の操作を試し、画面の結果と期待する結果を比べてください。以下は未検証の確認項目です。

1．基本の計算
操作：動画サービスA：1,000円、音楽サービスB：500円、学習サービスC：980円を登録。
期待する結果：月額合計2,480円／年間換算29,760円。

2．削除後の計算
操作：確認1の状態から、500円の項目を削除。
期待する結果：月額合計1,980円／年間換算23,760円。

3．0円の登録
操作：月額0円の項目を追加。
期待する結果：追加でき、合計金額は変わらない。

4．金額の空欄
操作：金額を空欄にして追加。
期待する結果：登録されず、金額の入力を求める案内が出る。

5．マイナスの金額
操作：金額に−100円を入力して追加。
期待する結果：登録されず、理由が表示される。

6．小数の金額
操作：金額に100.5円を入力して追加。
期待する結果：登録されず、整数での入力を求める案内が出る。

7．サービス名の空欄
操作：サービス名を空白だけにして追加。
期待する結果：登録されず、サービス名の入力を求める案内が出る。

8．全項目の削除
操作：すべての項目を削除。
期待する結果：0件の案内が出て、月額合計・年間換算額ともに0円。

9．再読み込み
操作：ツールのページを再読み込み。
期待する結果：保存しない仕様どおり、入力データが消える。

10．スマホでの表示
操作：スマートフォンの画面で入力・追加・削除を試す。
期待する結果：入力欄・金額・ボタンが見切れず操作できる。

うまく動かない項目があれば、「行った操作」と「実際の結果」をメモしておきましょう。次の修正依頼で使えます。

※この一覧は、読者自身が動作を確認するためのものです。この記事で検証済みという意味ではありません。

4．うまく動かないときは、操作と結果を伝える

4-1．入力・期待・実際を分けて伝える

「うまく動きません」だけでなく、どの操作で何が起きたかを伝えると、修正の対象を絞れます。以下は不具合が起きた場合の記入用テンプレートで、実際に確認した不具合の報告ではありません。実際の結果を自分の画面で確かめてから記入してください。

コピーして使う指示文

固定費チェックツールの仕様との差を修正してください。
操作：1,000円・500円・980円を登録し、500円の項目を削除。
期待：削除後の月額合計1,980円、年間換算23,760円。
実際：[画面で確認した表示を記入]
環境：[ブラウザ・端末・再現頻度を記入]
原因候補と最小限の修正案を説明してください。
追加・削除時の再計算だけを修正し、関係のない機能は追加しないでください。
実行できた確認と未実施の確認を分けて報告してください。

4-2．修正した操作をもう一度試す

確認1
同じ入力・同じ削除操作で期待値と一致するか確認する。

確認2
0円を追加しても合計が変わらないか確認する。

確認3
全項目を削除したとき、月額合計と年間換算額が0円になるか確認する。

確認4
修正で入力ルールや保存しない仕様が変わっていないか確認する。

「修正しました」という説明だけで合格にせず、操作と数値を記録します。実行していない項目は未実施のまま残してください。

5．最初は「正しく計算できる」までを目指す

今回は、月額料金の登録・削除と、月額合計・年間換算額の表示に絞りました。グラフや保存機能を増やす前に、短い入力例で結果を確かめることが最初の目標です。

この指示文は制作の出発点です。完成や動作を保証するものではありません。まずは架空のデータで試し、期待値と違うところを1つずつ直していきましょう。

6．公式資料と確認事項

公式情報の確認日：2026年11月10日。

Claude Help Center「What are artifacts and how do I use them?」
https://support.claude.com/en/articles/17153992-what-are-artifacts-and-how-do-i-use-them

本記事の原稿はAIを制作補助に使用しています。Claude上での生成・動作検証は未実施です。アイキャッチはAI生成の概念イラストで、実際のツール画面ではありません。

【ハッシュタグ】
#Claude #固定費 #ツール作成 #プログラミング初心者 #生成AI