スポンサーリンク
見積書・請求書・領収書 操作説明書
本ツールは、工事・建設・WEB制作・AIサポート等あらゆる業種に対応した、見積書・請求書・領収書の作成ツールです。 入力フォームに一度入力するだけで、3種類の書類が自動で連動します。本ドキュメントでは詳細な使い方を図解とともに解説します。
📥 本体（index.html）をダウンロード
まずは本ツール本体をお手元のPCに保存してください。
ダウンロード後、ファイルをダブルクリックするだけで起動できます。
ダウンロード後、ファイルをダブルクリックするだけで起動できます。
https://future-note.com/wp-content/uploads/2026/05/index.html
目 次
目次
1. 概要と特長
本ツールは1つのHTMLファイルに以下の機能を統合しています。
| 機能 | 内容 |
|---|---|
| 3書類の自動連動 | 入力1回で 見積書・請求書・領収書 が同時生成。情報の二重入力不要。 |
| 業種対応 | 工事/WEB/AI/システム/デザイン/コンサル/その他 から選択しラベルが自動切替。 |
| 見積書 別紙 | 材料・使用ツール・工数等の内訳書を別ページで自動印刷。 |
| 値引き対応 | 金額値引き／率値引きを選択。摘要も入力可。 |
| 履歴機能 | 過去の見積をスナップショット保存／読込／削除／JSON出力。 |
| 操作ログ | 履歴保存・読込・削除・印刷・エクスポート等を自動記録。CSV出力可。 |
| パスワード保護 | ログ全削除時に任意のパスワードを要求（初期設定.html または本体内ボタンで設定）。 |
| 印刷最適化 | A4縦・上下12mm/左右14mmの均等マージンでプリンタ問わず中央配置。 |
| 社印スペース | 「記入」モードでは小さな枠、「社判のみ」モードでは50mm角の大型枠。 |
2. ファイル構成
index.html 単体でも完動。初期設定.html はパスワード設定の補助、説明書.html は本書です。補足
本ツールは 完全ローカル使用に最適化されています。
サーバへのアップロード、PWAインストール、ネット接続は一切不要です。
HTMLファイルをダブルクリックするだけで使用できます。
3. 起動方法（完全ローカル使用）
本ツールは完全にローカルで動作します。インターネット接続・サーバ・PWAインストールなど一切不要です。
⬇ index.html をまだお持ちでない方はこちら
下のボタンからダウンロード後、任意のフォルダに保存してください。
1
index.html をダブルクリック2
既定のブラウザで開きます。これだけで全機能が利用可能です
3
（任意）
初期設定.html を開いてログ削除パスワードを設定4
（任意）
説明書.html（本書）を開いて使い方を確認推奨ブラウザ
Google Chrome / Microsoft Edge / Firefox の最新版。Internet Explorer は未対応です。
フォルダの配置場所
デスクトップ・ドキュメント・USBメモリ・OneDrive・Googleドライブ等、どこに置いても動作します。
ファイルを移動・コピーしても、入力した履歴・ログはブラウザ側に保存されているため影響を受けません。
4. 画面構成
5. 入力フォームの使い方
5-1. 業種・サービス種別
最初に業種を選択します。選択により、ラベル・プレースホルダー・別紙の項目名・カテゴリ選択肢が自動的に切り替わります。
| 業種 | 場所ラベル | 期間ラベル | 別紙の名称 |
|---|---|---|---|
| 工事・建設 | 工事場所 | 工 期 | 材料明細 |
| WEB制作・運用 | 対象サイト/URL | 制作期間 | 使用ツール・素材明細 |
| AIサポート・開発 | 対象サービス/環境 | サポート期間 | 使用AI・ツール明細 |
| システム開発 | 対象システム | 開発期間 | 技術構成・工数明細 |
| デザイン制作 | 制作物 | 制作期間 | 制作内訳 |
| コンサルティング | 対応範囲 | 契約期間 | 作業内訳 |
| その他（汎用） | 作業場所 | 期 間 | 明細内訳 |
5-2. 相手先区分（法人／個人）
選択により敬称が切り替わります。
- 法人 → 御中
- 個人 → 様
領収書は慣例どおり常に「様」で表示されます（個人選択時）。
5-3. 発行者表示（記入／社判のみ）
5-4. 件名・宛先・場所・期間
該当欄に直接入力します。プレースホルダーは業種に応じた記入例が表示されます。空欄でも書類は生成されますが、宛先・件名・合計金額は最低限入れることを推奨します。
5-5. 消費税率
プリセットから選択するか、直接入力します。
- 10%（標準） — 通常の業務
- 8%（軽減税率） — 飲食料品・新聞等
- 0%（非課税） — 非課税取引
- その他 — 任意の率を直接入力（小数点可）
5-6. 値引き
注意
消費税は「小計 − 値引き」に対して計算されます。値引き額が小計を超える場合は、自動的に小計までで打ち切られます。
5-7. 明細（項目入力）
「明細行を追加」ボタンで行を増減できます。各列の役割は以下のとおりです。
| 列 | 内容 | 例 |
|---|---|---|
| 品名・摘要 | 項目名（必須相当） | 外壁塗装工事 |
| 規格 | 仕様・グレード | シリコン系 |
| 数量 | 数値 | 120 |
| 単位 | ㎡／式／本など | ㎡ |
| 単価 | 1単位の価格（円） | 3,500 |
| 金額 | 数量×単価で自動計算 | ¥420,000 |
5-8. 材料明細（別紙）
見積書の参考資料として、使用材料・ツール等の内訳を別ページで印刷できます。
| 列 | 内容 |
|---|---|
| 区分 | 業種に応じた選択肢（材料費／労務費／API利用 等） |
| 項目名・摘要 | 使用材料・ツール・工程名 |
| 規格・詳細 | 仕様・型番・プラン |
| メーカー・提供元 | 製造元・サービス提供元 |
| 数量／単位／単価／金額 | 明細と同様（金額は自動計算） |
5-9. 発行者情報
会社名・代表者名・住所・電話・FAX・メール・登録番号（インボイス）を入力します。すべての書類の右下に同じ情報が表示されます。一度入力すれば履歴・下書き機能で再利用できます。
6. 過去の履歴
| ボタン | 動作 |
|---|---|
| 履歴に保存 | 現在の入力をスナップショットとして履歴に追加 |
| 読込 | 選択した履歴を入力フォームに復元（現在の入力は上書き） |
| 削除 | 該当履歴を削除（確認あり） |
| 履歴をエクスポート (.json) | 全履歴をJSONファイルとして出力（バックアップ） |
| 履歴をインポート | JSONファイルを読込み、既存履歴に追加（重複ID除外） |
「履歴に保存」と「下書き保存」の違い
| 項目 | 履歴に保存 | 下書き保存 |
|---|---|---|
| 用途 | 確定した過去案件の記録 | 作業中の入力を一時退避 |
| 件数 | 無制限（一覧表示） | 1件のみ（上書き） |
| 呼出 | 履歴一覧から「読込」 | 「下書き読込」ボタン |
7. 操作ログ・パスワード設定
本ツールでの主要な操作は自動的に記録されます。最新500件まで保持されます。
記録される操作
| タグ | 記録タイミング |
|---|---|
| 履歴保存 | 「履歴に保存」を押した時 |
| 履歴読込 | 履歴一覧から読込ボタンを押した時 |
| 履歴削除 | 履歴一覧から削除した時 |
| 印刷 | 「印刷 / PDF保存」を押した時 |
| エクスポート | JSON書き出し時 |
| インポート | JSON取り込み時 |
| 下書き保存／読込 | 下書き機能の使用時 |
| クリア | 入力クリア実行時 |
ログの絞り込み・出力
- フリー検索 — 件名・宛先・操作名を含むログを抽出
- 操作別フィルタ — 特定の操作のみ表示
- JSONエクスポート — バックアップ用
- CSV出力 — Excelで開ける形式（BOM付き、日本語OK）
ログ全削除（パスワード保護）
誤操作による全削除を防ぐため、ログ全削除時には事前に設定したパスワードが要求されます。 パスワードは任意の文字列を自分で設定します（初期値はありません）。
パスワードの設定方法（2通り）
ログ全削除の実行フロー
1
操作ログ欄の ログ全削除 ボタンを押す
2
パスワード入力ダイアログが表示される（未設定の場合は設定を促すメッセージのみ）
3
設定したパスワードを入力 → 一致すれば次の確認画面へ
4
「本当に全削除しますか？」の確認に「OK」 → 全ログ削除完了
パスワードを忘れた場合
パスワード自体を忘れた場合は、初期設定.html または本体内「ログ削除PW設定」から、現在のパスワードを入力すれば新しいパスワードに変更できます。
本体内ボタンの場合、現在のパスワードを入力後、新パスワード入力時に空欄を送ればパスワードが解除されます。
🔒 セキュリティに関する注意
パスワードはブラウザの localStorage に平文で保存されます（ローカル動作のため）。
あくまで「うっかり全削除」を防ぐ簡易的な保護で、本格的なアクセス制御ではありません。
8. 印刷／PDF保存
1
入力完了後、青い 「印刷 / PDF保存」 ボタンを押す（または Ctrl+P）
2
ブラウザの印刷ダイアログが表示されます
3
送信先で 「PDFに保存」 を選ぶと PDFファイルとして保存できます
4
プリンタを選ぶとそのまま紙に印刷できます
推奨印刷設定
- 用紙サイズ: A4
- 余白: 既定（None / なし）
- 倍率: 既定／100%
- 背景のグラフィック: ON（合計欄の黄色背景・ヘッダ薄青を出すため）
- ヘッダーとフッター: OFF（ブラウザの日付/URL印字を消す）
4ページ構成
| ページ | 書類 |
|---|---|
| 1 | 御見積書 |
| 2 | 御見積明細書（別紙） |
| 3 | 請求書 |
| 4 | 領収書 |
9. データ保存場所と注意事項
重要：データ保護のために
- 定期的に「履歴をエクスポート」「ログをエクスポート」でバックアップを取ること
- ブラウザの「閲覧履歴の削除」で localStorage を削除すると履歴・ログが消えます
- シークレット/プライベートモードで開いた場合、ブラウザを閉じるとデータが消えます
- 異なる端末・ブラウザではデータは共有されません（JSONエクスポート/インポートで移行）
10. トラブルシューティング
| 症状 | 原因と対処 |
|---|---|
| 金額が計算されない | 数量・単価が両方とも数値で入力されているか確認。文字列が混ざっていないか確認。 |
| 印刷時に背景色（黄色・薄青）が出ない | ブラウザ印刷設定の「背景のグラフィック」をONに。 |
| 印刷時にヘッダ/フッタにURLや日付が入る | 印刷ダイアログ「その他の設定」でヘッダーとフッターのチェックを外す。 |
| 履歴が消えた | ブラウザのCookie/サイトデータが削除された可能性。エクスポート済みJSONがあれば「インポート」で復元。 |
| 社印スペースの位置がずれる | 発行者情報の入力量により、印刷時の収まりが変わります。「社判のみ」モードに切り替えると一定。 |
| 業種を変えると別紙の区分が消える | 業種別に区分の選択肢が異なるため。前の業種で選んでいた値は引き継がれません（仕様）。 |
| ログ全削除のパスワードが分からない／設定したい | 初期設定.html を開いて任意のパスワードを設定してください。または index.html の「ログ削除PW設定」ボタンから設定可能です（本書 第7章 参照）。 |
| 初期設定.html で設定したのに index.html で反映されない | ブラウザによっては file:// で開いた別ファイル間で localStorage が共有されない場合があります。その場合は index.html の「ログ削除PW設定」ボタンから直接設定してください。 |
11. 巻末: 計算式まとめ
| 項目 | 計算式 |
|---|---|
| 明細金額 | 数量 × 単価 |
| 小計 | Σ（明細金額） |
| 値引き（金額） | 入力値（円） |
| 値引き（率） | floor(小計 × 率 ÷ 100) |
| 税抜計 | 小計 − 値引き |
| 消費税 | floor(税抜計 × 税率 ÷ 100) |
| 合計 | 税抜計 ＋ 消費税 |
📥 もう一度ダウンロード（ページ末用）
最後に、本ツール本体のダウンロードリンクを再掲します。
バックアップとして別フォルダにも保存しておくと安心です。
バックアップとして別フォルダにも保存しておくと安心です。
https://future-note.com/wp-content/uploads/2026/05/index.html
© 見積書・請求書・領収書ツール 操作説明書
本ドキュメントはローカル単独で開けるよう、外部リソースを一切使わずに作成されています。
コメント