自作の見積書・請求書作成ツールを作った話

こんにちは、やまもとです。

個人事業主として仕事をしていると、避けて通れないのが見積書や請求書の作成です。毎月必ず発生する業務なのに、地味に手間がかかる。

これまでは misoca という素晴らしいサービスを使っていましたが、ある時ふと思いました。

「簡易的なものであれば自分で作れるんじゃないか？」

そこから始まったのが、この自作見積書・請求書ツールの開発です。今回はその経緯や構成、実装した機能について書いていこうと思います。

なぜ自作しようと思ったのか

理由は大きく2つあります。

① スプレッドシートやExcelが苦手

そもそもExcelやGoogleスプレッドシートといった表計算ツールが得意ではありません。ファイルの整理も苦手で、「あの請求書どこだっけ？」という状況になりがちでした。ツールとして使えばいいじゃないか、という話ではあるんですが、やっぱり性に合わない。

② ランニングコストの削減

misocaはとても良いサービスです。UIも使いやすいし、機能も充実している。ただ、個人事業主としてはランニングコストはできるだけ抑えたい。「自分ひとりが使えればいい規模のツールなら、自分で作った方が安上がりでは？」という発想です。

この2つが重なって、「作ってしまえ」という結論に至りました。

ちなみに、最初から「いつかサービスとして公開しよう」という構想は一切ありませんでした。あくまで自分が使えればいい、それだけです。とはいえ、使い続けるうちに「優位性やマネタイズの筋道が見えてきたら、いつか公開してもいいかな」とは思い始めています。その話はまた別の機会に。

システム構成

勉強も兼ねて、普段使わないTailwind CSSやFirebaseも取り入れてみました。

microCMSについては、、、、完全にノリで組み込んでいます。どこかでそのうち活用しようかなって思って、であれば始めから入れておこうっていう感じでした。

実装した機能

「多機能にしない、シンプルでわかりやすく」を意識して作りました。実際に自分が使う上で必要なものだけを絞り込んでいます。

見積書・請求書

• 作成 / 編集 / 削除
• PDFプレビューとダウンロード

顧客管理

• 顧客情報の登録 / 編集 / 削除

認証

• Googleアカウントでのログイン

自社・事業者情報

• 基本情報の登録・編集
• ロゴ・印影の設定
• 課税設定（消費税まわり）
• 設定内容のPDFへの反映

PDF設定

• フォントの選択
• 請求書・見積書の見出しのカスタマイズ
• メッセージや備考欄のデフォルト値設定

見積書・請求書の作成画面について

新規作成時の使い勝手にはこだわりました。実務で使うツールなので、入力のストレスをなるべく減らしたかった。

主な操作感はこんな感じです：

• 顧客名のサジェスト：登録済みの顧客なら1文字入力するだけで候補が表示されます
• 請求日・支払期日の設定：カレンダーUIで直感的に選択可能
• 請求書番号の自動採番：請求日＋連番が自動で付与されます。手動管理から解放されました
• 行のドラッグ並び替え：明細項目をドラッグ＆ドロップで順番変更できます
• 行の追加・削除：必要な分だけ柔軟に対応
• 備考欄：PDF設定で登録したデフォルト文を自動表示しつつ、都度編集もできます

画面イメージ

デザインは今のところ凝ったものにはしておらず、ザ・Tailwind な感じになっています。

ダッシュボード画面

見積書・請求書新規作成画面

請求書一覧画面

顧客管理画面

各種設定画面

3ヶ月使ってみて

実際に3ヶ月ほど実務で使い続けてみました。「動けばいい」で作ったわりに、思っていたよりちゃんと使えています。

ただ、使い続けることで見えてきた課題や「あったらいいな」という機能も出てきました。完成度としてはまだ70〜80%くらいのイメージで、仕事と遊びの合間に改修していくつもりです。

おわりに

「自分が使えればいい」という割り切ったモチベーションで作り始めたツールですが、実際に動くものができて、ちゃんと業務で使えているのはちょっとした達成感がありますね。

サービス名的なものをつけてあげたら、もっと愛着が湧いてくるかもしれない！

フリーランスや個人事業主の方で同じような悩みを持っている方は、既存サービスを使うのが一番手軽ではありますが、技術力があるなら自作という選択肢も十分アリだと思います。ランニングコストゼロは地味に効いてきます。

また改修が進んだタイミングで続編を書こうと思います。