【WEBツール説明書】見積書作成（一時保存＆印刷対応＆TSVエクスポート・インポート対応）

ウェブ上で見積書を作成できるWEBツールを作成しました。スプレッドシート（エクセルでもOK）と合わせて利用することもできます。
そのWEBツール「見積書作成」の使い方を説明します。

見積書-作成 – LUCK
https://luck-jp.com/estimate
見積書をウェブ上で作れるツールです。一時的にクッキーに保存もできますし、エクセル、スプレッドシートに貼れるようにTSV形式でエクスポートすることもできます。

クッキーについて – LUCK
https://luck-jp.com/cookies.html
クッキーについてはこちらをご確認ください

説明を個別で見たい方はこちら

【WEBツール説明書】テキスト編集－見積書作成｜ LUCKLOG
https://lucklog.info/instructions-webtool-estimate-edit/
1ページで説明を見たい方はこちら目次テキスト編集見積書の編集可能なテキストの箇所や編集方法を説明します自動計算どこを元にどの部分を自動計算してくれるかを説明します表示件数見積り項目の表示件数を変更する方法を …

推奨環境

Windows10のChrome（最新）でのみ検証をしています。Macの場合でもChromeであれば問題ない可能性が高いと思います。

印刷（PDF）の確認もChromeのみで行っています。印刷が必要な方はChromeにてツールをご利用ください。

概要（※次項以降にて詳しく説明します）

ツールを開くと「見積書」のレイアウトがそのまま表示されます。

値は入っていませんが、そのまま印刷画面を開いても見積書を作成することができます。

■編集
ほとんどのテキストを編集することができます。例えば「株式会社サンプル御中」等のテキスト部分または表の枠内（一部自動計算なので編集できません）をクリックすると、そのまま編集出来たり、編集画面が開いたりします。テキストを編集してフォーカスを外す※１と編集完了です。
※1・・・現在入力中の外側（関係ないところ）をマウスでクリックすればOKです

■印刷
Chromeの印刷機能を利用していただければOKです。Ctrl＋Pでプレビュー画面が開くと思います。見積書と関係ない箇所は表示されないよう設定していますので、そのまま印刷してください。※私の方ではPDFしか試していません

■Cookieに保存
Ctrl＋Sでクッキーに保存します。保存期間は7日間です。入力した内容を保存しますので、次回同じブラウザで開いた場合も同じ内容が表示されます。
ただし、「保存期間：7日間」の保証はできません。ご了承ください。出来るだけエクスポートしてスプレッドシートもしくはエクセルに保存してください。

■エクスポート・インポート
TSV形式でまとめたテキストを表示しますので、そちらをコピーしてスプレッドシートやエクセルにペーストしてデータを保存しておくことができます。また、こちらでエクスポートしたデータ形式のものであれば、インポートすることができます。上述のとおりcookieへの保存だけではせっかくの作業が無駄になる恐れがありますので、なるべくこちらのエクスポート・インポートをご利用ください。

詳細

「見積書作成」の各機能を詳しく説明します。

テキスト編集

上記青枠、緑枠内が編集できます。

青枠の編集方法

「見積書」を例に挙げます。

１．「見積書」というテキスト部分をマウスでクリックすると、上記のように編集できるようになります。

２．編集します。

３．テキスト（上記の場合は「御見積書」）から少し離れた場所をマウスでクリックしてください。画面上どこでもOKです。
例えば、上記の矢印の先のあたりをクリックします。

４．編集完了です。

青枠部分はTab移動可能

上記の順番どおりにTabで選択を移していけますので、編集するのに便利です。

緑枠の編集方法

「大阪府大阪市淀川区・・・」を例に挙げます。この場合改行が可能です。ただし、「株式会社サンプル御中」の部分だけは改行できません。

１．「大阪府大阪市淀川区・・・」というテキスト部分をマウスでクリックします。

２．編集画面が開きます。

３．編集します。

４．テキスト（上記の場合は「〒532-0002 大阪府大阪市淀川区・・・」）から少し離れた場所をマウスでクリックしてください。画面上どこでもOKです。
例えば、上記の矢印の先のあたりをクリックします。

５．編集完了です。

自動計算

青枠を入力して編集完了すると（フォーカスを外すと）、紫枠の部分が自動で計算されます。

税率は10%固定なので、8％のものには利用できないですね。ご要望がありましたら、コメントください。

表示件数

デフォルトは表示件数が「10」になっています。1~25件まで表示表示を変更できます。多くなりすぎると印刷が1枚に収まらに可能性があるので、調整してください。

20件に変更してみます。

20件項目が表示されました。

※↓変更前

cookieに保存

青枠の「cookieに保存 (Ctrl+S)」をクリック、もしくはCtrl＋Sでその時点の見積書の情報をcookieに保存できます。保存期間は7日間です。
cookieに入力した内容を保存しますので、次回同じブラウザで開いた場合も引き続き作業を行っていただけます。

保存すると上記のようにメッセージが表示されます。いつ保存したか確認できます。

ただし、「保存期間：7日間」の保証はできません。ご了承ください。出来るだけ次に説明するエクスポートによってスプレッドシートやエクセルに保存してください。

ちょっとした便利機能程度に考えていただければと思います。

自動保存

自動保存（毎分）にチェックを入れると上記「cookieに保存」を毎分自動で行います。編集していて、ブラウザが落ちてしまったりしたときにcookieに残っている可能性があります。落ち方・フリーズの仕方によってはcookieが消えてしまうかもしれませんので、残っていればラッキーくらいに捉えていただければと思います。