HOW TO MAKE
自分の業務ツールを、
AIでつくる。
プログラミング知識ゼロでも、AIと対話するだけで「あったらいいのに」を形にできます。ここでは、HTML 1ファイルで完結する自分用ツールの作り方を紹介します。
3ステップで完成
1
構想
困りごとや「自動化したい作業」を1つ選び、AIに伝える形に整理。
2
作成
Claude Code / Codex に依頼。HTML 1ファイルで動くツールを生成・微調整。
3
公開
自動リスクチェックを経て、しごとハックに公開。他の人にも届けられます。
こんなツールが作れます
まずは身近な「面倒な作業」から始めるのがおすすめです。複雑な機能より、1つのことをきちんとやる小さなツールから。
Markdownビューアー
.md ファイルをドラッグ&ドロップで即プレビュー。GFM対応。
画像スペックチェッカー
画像の寸法・サイズ・形式を一括確認。API投入前の事前検証。
議事録テンプレート生成
案件名・日時・参加者を入れると整形済みテンプレを出力。
URL一括ステータスチェック
URL一覧を貼り付けて、生死(200/404等)を即可視化。
メール定型文ジェネレータ
よく送る依頼・お礼・督促文の穴埋め生成。コピペで即送信。
経費精算チェッカー
領収書情報を入れると勘定科目候補と注意点をリスト化。
すぐ使えるプロンプト集
Claude Code / Codex / ChatGPT に貼り付けて、対話しながら育てていきます。
🐾 ① 初回プロンプト(構想を渡す)
【作りたいツール】 [例: 議事録テンプレート生成ツール] 【目的】 [例: 毎週の定例MTGで議事録の体裁を整える手間を減らす] 【入力】 [例: 案件名, 日時, 参加者, 議題リスト] 【出力】 [例: マークダウン形式の整形済み議事録テンプレート] 【制約】 - HTMLファイル1つで完結(JS/CSS インライン) - 外部ライブラリ不要、オフラインで動く - 個人情報・社外秘データはローカル保持のみ(送信しない) 上記の仕様で、ブラウザで開くだけで動くHTMLファイルを作成してください。
🐾 ② 動作確認後の調整プロンプト
先ほどのツール、以下を改善してください: - [例: 参加者欄を改行区切りで入力できるようにする] - [例: コピーしやすいよう「クリップボードにコピー」ボタンを追加] - [例: スマホでも操作しやすいよう余白とフォントサイズを調整] 修正したHTMLファイル全体を返してください。
🐾 ③ 公開前のリスクチェック依頼
このHTMLファイルを、社外公開する前提でセキュリティ観点をチェックしてください: - 外部に勝手にデータ送信していないか - ユーザー入力をそのままHTML描画(XSS)していないか - 個人情報・パスワード等を扱う際の取り扱いは安全か - 第三者ライブラリの読み込みリスク 問題があれば修正したHTMLファイル全体を返してください。
公開する前に
- 個人情報・社外秘・取引先情報は、ツール内に固定値で埋め込まない
- 外部APIに自動送信していないか確認(Claude APIを呼ぶ等は要明示)
- HTMLファイル1つで完結する構成にする(複数ファイルはインライン化)
- 公開時はDEK!TAしごとハックの自動リスクチェック審査を経て公開されます
あなたの「できた！」を、みんなの業務効率化へ。
自分の業務で磨いたツールを、しごとハックで公開できます。
ツールを投稿する