食費を変えたら、残りはいくら？Claude Artifactsで作る自分用の家計画面

今月の食費を1万円増やしたら、残せるお金はいくら変わる？ 電卓で計算することはできます。でも、家賃や光熱費も動かして何通りか比べるなら、数字を入れ替えられる画面がほしくなります。ClaudeのArtifactsは、会話しながら小さな道具を作る機能です。今回は、支出を変えると合計と残額が変わる家計画面を題材に、作成を頼む流れと使える条件を整理しました。

2026年10月27日時点の公式情報に基づく紹介です。今回、Claudeでの生成や画面操作は実施できていません。以下の金額と図解は説明用の架空例であり、Claudeが正しく動いたという実測結果ではありません。

食費が4万円から5万円になると、残額はどう変わる？

作りたいのは、家計への助言を毎回もらうチャットではなく、支出を入力して合計を見る小さな計算画面です。例えば、月収25万円、家賃8万円、光熱費2万円、食費4万円、その他3万円という架空の家計を考えます。支出は17万円、収入から引いた残額は8万円。食費だけを5万円へ変えると、支出は18万円、残額は7万円になります。

画面では、変えた金額と結果を並べて見たいところです。食費を増やした分だけ残額が減る。その関係を眺めながら、旅行のある月、光熱費が増える月など、自分が比べたい条件へ置き換えられます。残額はここに載せた支出だけを差し引いた金額で、税金や保険料などを含む実際の貯蓄可能額ではありません。

Claudeの会話から、家計画面の作成を頼む

Artifactsは、Claudeが作った成果物を会話の横で扱う仕組みです。公式の教材には、必要な動きを説明して自分用のインタラクティブなページを作り、その後も会話で変更する流れがあります。今回なら「家計を分析して」より、「支出を変えると合計と残額が更新される画面を作って」と頼む方が、欲しい道具の形を伝えられます。

参照元：Claude Academy「Build and share tools in Claude with custom artifacts」（公式教材、2026年10月27日確認）

1. PCのWeb版Claudeで会話を開きます。最初は銀行明細ではなく、上の架空データを使います。

2. 次の依頼文を貼り付け、家計画面をArtifactとして作るよう頼みます。

3. 成果物が開いたら、食費の金額を変え、合計と残額の両方を見ます。

4. 表示や動きが希望と違えば、そのまま会話に戻って修正を頼みます。

コピー用の依頼文：

架空の家計で、日本語の小さな計算画面をArtifactとして作ってください。月収250000円、家賃80000円、光熱費20000円、食費40000円、その他30000円です。各支出を入力し直すと、支出合計と「月収－支出合計」の残額が更新されるようにしてください。入力値は0以上の整数とし、空欄は0として計算、負数はエラー表示にしてください。初期値へ戻すボタンも付けてください。計算は式で処理し、数字を変えるたびにAIを呼び出す構成にはしないでください。外部接続、口座連携、入力値の保存、共有・公開は不要です。

修正するなら、例えば「食費を変える前後の残額を並べて」「差額も表示して」と続けられます。ここが、回答の中に表を1回出してもらう使い方から進む部分です。自分が見たい比較に合わせて、入力欄や表示を育てるという発想です。

動きを確かめる目安も用意しておきましょう。初期値なら17万円・8万円、食費5万円なら18万円・7万円、「元へ戻す」で初期値へ。食費を空欄にした場合は、依頼どおり0扱いなら支出13万円・残額12万円になります。負数を入れたときの表示も見ます。希望の計算と違ったら「食費を空欄にすると残額が表示されなくなりました。空欄は0として計算するよう直して」と、起きた現象を伝えます。これは試すための手順で、今回確認済みの動作ではありません。

無料で作れる範囲と、有料Dashboardsの違い

名前が似ていて迷いやすいのが、一般的なArtifactsとClaude Dashboardsです。公式ヘルプでは、会話からArtifactを作る機能はFreeを含む各プランが対象。一方、Dashboardsのテンプレートは有料プランのベータです。家計の手入力画面を考える際に、「ダッシュボード風の見た目だから有料」と判断する必要はありません。

公式情報では、ArtifactsにはCapabilities内のファイル作成・編集に関する設定が必要です。個人向けと組織向けで設定場所が異なり、組織では管理者の制限も関係します。今回こちらから設定変更はしていません。PCのWeb版・デスクトップ版が作成と編集の対象で、日本はClaudeの提供地域に含まれます。国内アカウントでの実画面は今回未確認です。

参照元：Claude Help Center「What are artifacts and how do I use them?」（機能と利用条件）／「Where can I access Claude?」（提供地域、2026年10月27日確認）

費用はFreeが0ドル。公式WebのProは月払い20米ドル、年払いは200米ドルの前払いで月換算17米ドルと表示されています。Maxは月100米ドルから。適用税を含まない案内で、日本での円建て税込請求額は今回確認できていません。まず無料枠で小さく試す選択肢があり、作成や修正にはプランごとの利用上限が適用されます。

参照元：Claude「Pricing」（公式料金、2026年10月27日確認）

今回の例は、口座から実績を取得したり翌月まで入力を保存したりする家計簿ではありません。公式教材では入力内容の保存や接続ツールの利用に有料プランが必要とされています。最初から日々の家計管理を丸ごと置き換えるより、まず「支出を変えて比較する」用途へ絞る方が、作りたいものを把握しやすくなります。

参照元：Claude Academy「Build and share tools in Claude with custom artifacts」（保存・接続の条件、2026年10月27日確認）

Excelでもできる計算を、Claudeで作る意味

合計と引き算だけなら、Excelなどの表計算でも対応できます。既に使いやすい家計表があれば、作り直す必要はありません。Claudeを選ぶ理由として私が注目するのは、画面を見ながら「食費を大きく表示したい」「残額を比較したい」と言葉で変更を頼める作成環境です。計算能力の独占性より、自分用の操作画面を形にする入口に価値があります。

方法今回の用途での選び方表計算既存の表と式を使い続けたいとき通常のAIチャット条件を伝え、計算や説明をその都度受け取りたいときClaude Artifacts入力できる画面を作り、会話しながら表示や操作を変えたいとき

他のAIや開発ツールでも似た計算画面は作れます。今回はサービス間の速度や精度を比較しておらず、Claudeだけにできるとは言いません。公式に示される「会話と成果物を行き来して直す」流れを、身近な家計で試す提案です。

反対に、毎日の取引入力や銀行連携まで欲しい人には、今回の小さな画面だけでは足りません。自作画面は項目を好みに合わせられる一方、計算と操作を自分で確認する作業も引き受けます。私なら、まず家計簿の代替ではなく、家族と「この支出を増やすなら」と話すための試算画面から始めます。

まとめ：答えを聞くところから、小さな道具を作るところへ

Claude Artifactsの面白さは、数字について説明を受けるだけでなく、数字を入れ替えられる道具の作成を会話で頼めることです。今回の家計例なら、食費を1万円増やしたときの残額を見比べる画面から始められます。実機の完成度は今回まだ評価していませんが、使ってみる際の入力条件と計算の目安は具体化できました。

• 手入力の試算画面と、口座連携する家計簿を分けて考える。

• 計算結果だけでなく、入力変更とリセットの動きも見る。

• 無料のArtifactsと、有料Dashboards・保存機能の条件を区別する。

まずは架空データで、自分なら何を変更して比べたいかを試してみてください。

身近なAIの使い方を一緒に試したい方へ

AIカフェでは学びや交流の情報を公式LINEでご案内しています。AIカフェの紹介はこちら。