manual
🛠️ 新しいわざマシンを一から作る
まず:ChatかCodeか決める
| 使うもの | 向いているケース |
|---|---|
| Claude Chat Chat | HTML1ファイルで完結するシンプルなツール。AI機能・DB不要。 例:計算ツール、チェックリスト、簡単なフォーム |
| Claude Code Code | AIを呼び出す・Notionと連携する・複数ファイルが必要など複雑なもの。 例:コンテンツ考案、台本生成、Notion書き込み |
迷ったら まずChatに相談。「これはCodeのほうがいい」とChatが判断したら教えてくれます。
方法 A — Claude Chat でシンプルなわざマシンを作る Chat
① Claudeへのプロンプト
1
作りたいわざマシンの概要・操作の流れをざっくりまとめる
2
claude.ai を開き、以下のプロンプトを編集して貼り付ける
// ()内を書き換えてから貼り付けてください
業務効率化わざマシンをWebアプリとして作ってください。 【わざマシンの概要】 (例: 毎月の数字を入力すると、報告用のコメントを自動生成する) 【使い方の流れ】 (例: 1. 数字を入力する 2. 生成ボタンを押す 3. コメントをコピーする) 【カテゴリ】 (SNS事業 or ツール) HTMLファイル1つで完結する形で作ってください。 また、ポータル(https://tenmu-portal.vercel.app)の index.html にこのわざマシンのカードを追加した版もダウンロードできるようにしてください。 ポータルリポジトリ: https://github.com/tenmuinc/tenmuinc.github.io ※本番URL: https://tenmu-portal.vercel.app(Vercelでホスティング)
3
GitHub でリポジトリを新規作成(名前は半角英数字・ハイフンのみ)
4
「Add file → Upload files」でClaudeが出力したファイルをアップロード → Commit
5
リポジトリの「Settings → Pages → Source: Deploy from branch / main / root」で公開設定
6
数分後に
https://tenmuinc.github.io/(リポジトリ名)/ で公開される7
ポータルの
index.html もClaudeが出力したものに差し替えてCommit⏱ GitHub Pages の反映には数分かかることがあります。
方法 B — Claude Code で高機能なわざマシンを作る Code
① Claude Code に相談・作成を依頼する
1
ターミナルで作業フォルダに移動して
claude を起動する2
「〇〇というわざマシンを作りたい。何が必要か教えて」と相談する
3
必要な技術(Vercelデプロイ・APIキーなど)をClaude Codeが案内してくれる。それに従って進める
💡 AIを呼び出すわざマシン(コンテンツ考案など)はこの方法で作られています。