![\"image.png](\"https://c16e-esa-io-public-files.s3-ap-northeast-1.amazonaws.com/uploads/production/attachments/15637/2020/05/28/18740/df769d0c-db9b-4fce-9fcd-e4018ab38a87.png\")
\nこんにちは、suinです！
\nsuinの会社で提供しているテスト自動化サービスShouldBeeですが、
\n有償のプランもあり、クレジットカードで課金もできるのですが、
\n実は請求書の発行はスタッフが手作業でやっています。
請求書手動発行は、ユーザが増えてくるとミスも多くなりそうなので、自動発行の開発に着手しています。
\nただ、請求書の自動発行と一言で言っても、細かいところを考えると疑問が結構出てきます。
\nそこで今回は、他のBtoBのウェブサービスが、どんな請求書を出しているのか調査して比較してみることにしました。
\n加えて、suin自身も会社の経理の一部もやっていることもあり、
\n経理的な視点での評価も少し書いていきたいと思います。
今回、請求書について調査したウェブサービスは、次の12のサービスです。
\n会社で使っているBtoBサービスのうち思いついたものを対象にしました。
すべて海外のサービスになってしまいましたが、
\nたまたま使っているサービスが海外のものが多かったのと、
\n使っている日本のサービスは、請求書でPDFが出ないものが多く、
\n今回はPDFについても調べたかったので、PDFを発行しているサービスを中心に絞りました。
まずは、各サービスが請求書をどんなデザインにしているか？
\n請求書にどんなことが記載されているかザックリ見てみたいと思います。
![\"adobe.png](\"https://c16e-esa-io-public-files.s3-ap-northeast-1.amazonaws.com/uploads/production/attachments/15637/2020/05/28/18740/08c51bfb-d666-4f8e-8939-17021c729918.png\")
\n調べたサービスの中で印鑑があるのはAdobeだけでした。
\n日本向けにローカライズしているようですが、
\n不具合なのか日本語の住所はうまく印字されません…。
![\"atlassian.png](\"https://c16e-esa-io-public-files.s3-ap-northeast-1.amazonaws.com/uploads/production/attachments/15637/2020/05/28/18740/783f8702-e4cb-4052-9729-5a05a531b919.png\")
\n調査対象の中では、最も記載事項が多いのがAtlassianでした。
\n請求書と領収書を兼ねているので、支払期限の代わりに支払日になっています。
\nPDFの請求書は3枚構成ですが、紙面の都合上デザインは1枚目だけ載せています。
![\"aws.png](\"https://c16e-esa-io-public-files.s3-ap-northeast-1.amazonaws.com/uploads/production/attachments/15637/2020/05/28/18740/51113581-1d71-4352-adc6-7ad26dc372e1.png\")
\nAWSは必要最低限の情報を載せているという感じ。
\n![\"digicert.png](\"https://c16e-esa-io-public-files.s3-ap-northeast-1.amazonaws.com/uploads/production/attachments/15637/2020/05/28/18740/670d1e00-9610-4246-93a8-a523145622fd.png\")
\nSSL証明書を買った時の請求書兼領収書です。
\n必要な情報はちゃんと載っているかと思います。
![\"digitalocean.png](\"https://c16e-esa-io-public-files.s3-ap-northeast-1.amazonaws.com/uploads/production/attachments/15637/2020/05/28/18740/5b2d2864-db82-4333-9ac5-0dc3405d6049.png\")
\n請求書なのか領収書なのかのタイトルと、請求先の会社名くらいはほしいところ。
\n![\"docker.png](\"https://c16e-esa-io-public-files.s3-ap-northeast-1.amazonaws.com/uploads/production/attachments/15637/2020/05/28/18740/0d5a1e1c-ed1e-4bf5-b52b-9356e1240f87.png\")
\nあとは表題があれば完璧。
\n![\"github.png](\"https://c16e-esa-io-public-files.s3-ap-northeast-1.amazonaws.com/uploads/production/attachments/15637/2020/05/28/18740/796ec8f3-bc68-46ef-acc2-33555ff837a7.png\")
\nシンプルながら領収書として十分な情報が載っていますね。
\n![\"google.png](\"https://c16e-esa-io-public-files.s3-ap-northeast-1.amazonaws.com/uploads/production/attachments/15637/2020/05/28/18740/f05d8d4d-b736-4b07-9d32-4b93a23fb577.png\")
\nGoogleは日本語でPDFを作ってくれます。
\n必要な情報もしっかり載っています。
![\"hashicorp.png](\"https://c16e-esa-io-public-files.s3-ap-northeast-1.amazonaws.com/uploads/production/attachments/15637/2020/05/28/18740/ad82e59b-2f37-40b7-807a-45a40c89ecd2.png\")
\nVagrantのVMWareプラグインを買った時の請求書です。
\n過不足ない感じです。
![\"livechat.png](\"https://c16e-esa-io-public-files.s3-ap-northeast-1.amazonaws.com/uploads/production/attachments/15637/2020/05/28/18740/6908a269-e9bb-4daa-850b-a5a1e7fd7225.png\")
\nDockerと同じですね。
\n![\"mailchimp.png](\"https://c16e-esa-io-public-files.s3-ap-northeast-1.amazonaws.com/uploads/production/attachments/15637/2020/05/28/18740/a8b40155-8d07-4ae3-8fb3-02a83ea166db.png\")
\nMailchimpはPDFではなくHTMLですが、キレイに印刷できます。
\n![\"twilio.png](\"https://c16e-esa-io-public-files.s3-ap-northeast-1.amazonaws.com/uploads/production/attachments/15637/2020/05/28/18740/05fbab29-fa28-4729-9612-b2f69a6c4fc9.png\")
\nDigital Oceanと同じく、請求先の会社名くらいはほしいところ。
\n調べていて、請求書に記載している用語や表現も様々だということに気がついたので、
\n表現と用語についてもまとめてみました。
各サービスの「表題」「請求書番号」「請求日」の表現
\n| サービス | \n表題 | \n請求書番号 | \n請求日 | \n
|---|---|---|---|
| Adobe | \nInvoice | \nInvoice No, Order No | \nDate Issued | \n
| Atlassian | \nTax Invoice / Receipt | \nInvoice Number | \nDate Issued | \n
| AWS | \nAmazon Web Services Invoice | \nInvoice Number | \nInvoice Date | \n
| Digicert | \nReceipt / Invoice for DigiCert Order #00562455 | \nOrder Number: | \nDate Purchased: | \n
| Digital Ocean | \n\n | Invoice Number | \nDate Issued | \n
| Docker | \n\n | Invoice # | \nBilled On | \n
| GitHub | \nReceipt | \nTransaction ID | \nDate | \n
| 請求書 | \n請求 ID, お支払い明細書番号 | \n発行日 | \n|
| hasicorp | \nInvoice 11607 | \nOrder Number | \nIssue Date | \n
| LiveChat | \n\n | Invoice # | \nBilled On | \n
| MailChimp | \nInvoice/Receipt | \nInvoice # | \nDate Paid | \n
| Twilio | \nRECEIPT | \n\n | Date | \n
各サービスの「商品名」「数量」「単価」「金額」「税金」「合計金額」の表現
\n| サービス | \n商品名 | \n数量 | \n単価 | \n金額 | \n税金 | \n合計金額 | \n
|---|---|---|---|---|---|---|
| Adobe | \nProduct Number and Item description | \nQty | \nPrice | \nEPrice | \nTax | \nTotal Amount | \n
| Atlassian | \nProduct | \nQty | \nUnit Price | \nTotal | \n\n | Total Paid: USD $30.00 Date Paid: 16 Jun 2015 | \n
| AWS | \n\n | \n | \n | \n | \n | Total for this invoice (1 USD = 121.4319383631 JPY) JPY 39,929* | \n
| Digicert | \nProduct Purchased: | \n\n | \n | \n | \n | Order Total: | \n
| Digital Ocean | \nDescription | \nHours | \n\n | USD | \n\n | Total | \n
| Docker | \nDescription | \nQty | \nPrice | \nSubtotal | \n\n | PAID on September 17, 2015 | \n
| GitHub | \nItem | \n\n | \n | \n | \n | Amount | \n
| 内容 | \n数量 | \n\n | 金額(¥) | \n消費税 | \n合計(JPY) | \n|
| hasicorp | \nItem | \nQuantity | \nUnit Price | \nTotal | \n\n | Total | \n
| LiveChat | \nDescription | \nQty | \nPrice | \nSubtotal | \n\n | PAID on September 17, 2015 | \n
| MailChimp | \n\n | Invoice # | \n\n | \n | \n | \n |
| Twilio | \nDescription | \n\n | \n | Amount | \n\n | Total Paid | \n
調べたところ、今回調査対象のサービスの多くが請求時/支払い時にメールで通知を送ってきていました。
\n次の表はメールの件名がどうなっているか？と、請求書PDFがメールに添付されているかをまとめたものです。
| サービス | \nメール件名 | \nPDF添付 | \n
|---|---|---|
| Adobe | \nメールなし | \n\n |
| Atlassian | \nAtlassian Invoice AT-7620516: Craftsman Software, Inc. | \n✔ | \n
| AWS | \nAmazon Web Services Invoice Available [Invoice ID: 59028501] | \n✔ | \n
| Digicert | \nDigiCert Order Confirmation for Order# 00562455 (your order is currently being processed) | \n✔ | \n
| Digital Ocean | \nDigitalOcean Payment Receipt | \n\n |
| Docker | \nPayment Confirmation | \n✔ | \n
| GitHub | \n[GitHub] Payment Receipt for shouldbee | \n✔ | \n
| Google for Work: Your invoice is attached | \n✔ | \n|
| hasicorp | \nInvoice 11607 from Vagrant by HashiCorp | \n✔ | \n
| LiveChat | \nLiveChat invoice receipt | \n✔ | \n
| MailChimp | \nMailChimp Receipt | \n\n |
| Twilio | \nTwilioアカウントに自動チャージされました | \n\n |
経理的には、PDFがメールに添付されていると、
\nいちいちサイトにログインしてダウンロードしてこないでいいので助かりますね。
どんなツールでPDFを生成しているかについて。
\nPDFのメタ情報に含まれている「PDF Producer」の内容を調べたものです。
\n調査対象のサービスのうち、この情報が残っているものだけリストアップします。
各サービスのPDF生成ツール
\n| サービス | \n生成ツール | \n
|---|---|
| Adobe | \nSAP NetWeaver 740 | \n
| Atlassian | \niText 2.1.7 by 1T3XT | \n
| AWS | \nApache FOP | \n
| Digicert | \nmPDF 5.7.1 | \n
| Digital Ocean | \nPrawn | \n
| Docker | \nRecurly(PDFlib+PDI 9.0.4 (Ruby/Linux-x86_64)) | \n
| GitHub | \nPrawn | \n
| hasicorp | \npisa HTML to PDF | \n
| LiveChat | \nRecurly(PDFlib+PDI 9.0.4 (Ruby/Linux-x86_64)) | \n
| Twilio | \nwkhtmltopdf | \n
DockerとLiveChatについては、Recurlyという決済サービスを使っているようです。
\nRecurlyは決済だけでなく、請求書のPDF生成もしてくれるようです。
\nただ、残念ながらRecurlyは日本円に対応していないようなので、海外サービスでない場合は参考にできません…。
AWSはXMLからPDFを生成できるオープンソース「Apache FOP」、GitHubやDigital OceanはRubyでおなじみの「Prawn」、DigicertはPHPのライブラリ「mPDF」、hasicorpはPythonの「xhtml2pdf(旧称:pisa)」を組み込んで使っているようです。
\nAtlassianはJavaのPDFライブラリ「iText」の2系を使っています。iTextは5系からAGPLなのであえて2系を使っているのでしょうか？
\nTwilioはHTMLをPDFに変換するコマンドツール「wkhtmltopdf」を使っているようです。
\nメールに添付されるPDFや、ウェブの請求履歴からダウンロードした際のファイル名はどうなっているでしょうか？
\n各サービスのPDFファイル名
\n| サービス | \nファイル名 | \n
|---|---|
| Adobe | \nIEN2015006975190.PDF | \n
| Atlassian | \natlassian_invoice_7620516.pdf | \n
| AWS | \ninvoice60323608.pdf | \n
| Digicert | \nDigiCert_Receipt_562455.pdf | \n
| Digital Ocean | \n4777366.pdf | \n
| Docker | \ninvoice_32795.pdf | \n
| GitHub | \ngithub-shouldbee-receipt-2015-10-05.pdf | \n
| 926033074834106-25.pdf | \n|
| hasicorp | \nInvoice-11607.pdf | \n
| LiveChat | \ninvoice_268524.pdf | \n
ざっと見た感じでは、請求番号を含んだものが多いですね。
\nサービス名は含むものもあれば、含まないものもあります。
GitHubについては、「サービス名 + ユーザ名 + 請求日」がファイル名になっています。
\nGoogleは、「アカウント番号 + 連番」がファイル名になっているようです。
経理のときに請求書を証憑として収集・保管するときは、ファイル名からサービス名・請求日が分かったほうが便利なので、
\n個人的にはGitHubのファイル名が一番いいと思います。
ユーザのクレジットカード明細に利用店名が記載されますが、
\n決済サービスによっては利用店名を任意に設定することができます。
クレジットカード明細はカード会社が発行するものなので、
\nサービスが発行する帳票ではないですが、ついでに調べてみました。
各サービスの利用店名の表記
\n| サービス | \n利用店名 | \n
|---|---|
| Adobe | \nADOBE CREATIVE CLOUD | \n
| Atlassian | \nAtlassian | \n
| AWS | \nAmazon Web Services | \n
| Digicert | \nDIGICERT INC | \n
| Digital Ocean | \nDIGITALOCEAN.COM | \n
| Docker | \nDOCKER INC | \n
| GitHub | \nGITHUB.COM 41JU8 | \n
| GOOGLE*SVCSAPPSCRAFTSMAN- | \n|
| hasicorp | \nSP * HASHICORP.COM | \n
| LiveChat | \nLIVECHAT INC | \n
| MailChimp | \nMAILCHIMP | \n
| Twilio | \nTWILIO | \n
多くのサービスは、サービス名や会社名になっています。
\nGitHubは、請求番号を付けてくれています。
\n明細上に請求番号があると、その引落しがどの請求なのかひも付けしやすくていいですね。
\n経理で仕分けする側としては助かります。
調査を踏まえて、親切な請求書の出し方をまとめたいと思います。
\n今でもPDFが出ないサービス、そもそも請求書の体をなしてないサービスも見かけますが、
\n請求書を経理などに回す側としては、PDFが出力されるのは今時当たり前な気がします。
\nさらに、PDFをメールで送ってきてくれるサービスは素晴らしいので、後になってもいいので余力があれば対応したいところ。
自分でサービスを作るときに参考になればと思います。
\n"}},"pageContext":{"id":"DatoCmsPost-5142991-ja","description":"こんにちは、suinです！ suinの会社で提供しているテスト自動化サービスShouldBeeですが、 有償のプランもあり、クレジットカードで課金もできるのですが、 実は請求書の発行はスタッフが手作業でやっています。 請求書手動発行は、ユーザが増えてくるとミスも多くなりそうなので、自動発行の開発に着手しています。 ただ、請求書の自動発行と一言で言っても、細かいところを考えると疑問が結構出てきます。 請求書はどんなデザインか？何を記載しているか？ どんな用語を用いているか？ 請求書のメール通知はどうなっているか？PDFを添付しているか？ 請求書のPDFはどのツールで生成しているか？ PDFのファ","toc":[{"tag":"h1","depth":1,"href":"#%E8%AA%BF%E6%9F%BB%E3%81%97%E3%81%9F%E3%82%B5%E3%83%BC%E3%83%93%E3%82%B9","text":"調査したサービス","html":"調査したサービス"},{"tag":"h1","depth":1,"href":"#%E8%AB%8B%E6%B1%82%E6%9B%B8%E3%81%AE%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3%E3%81%A8%E8%A8%98%E8%BC%89%E9%A0%85%E7%9B%AE","text":"請求書のデザインと記載項目","html":"請求書のデザインと記載項目"},{"tag":"h2","depth":2,"href":"#Adobe","text":"Adobe","html":"Adobe"},{"tag":"h2","depth":2,"href":"#Atlassian","text":"Atlassian","html":"Atlassian"},{"tag":"h2","depth":2,"href":"#AWS","text":"AWS","html":"AWS"},{"tag":"h2","depth":2,"href":"#DigiCert","text":"DigiCert","html":"DigiCert"},{"tag":"h2","depth":2,"href":"#Digital%20Ocean","text":"Digital Ocean","html":"Digital Ocean"},{"tag":"h2","depth":2,"href":"#Docker","text":"Docker","html":"Docker"},{"tag":"h2","depth":2,"href":"#GitHub","text":"GitHub","html":"GitHub"},{"tag":"h2","depth":2,"href":"#Google","text":"Google","html":"Google"},{"tag":"h2","depth":2,"href":"#Hashicorp","text":"Hashicorp","html":"Hashicorp"},{"tag":"h2","depth":2,"href":"#LiveChat","text":"LiveChat","html":"LiveChat"},{"tag":"h2","depth":2,"href":"#Mailchimp","text":"Mailchimp","html":"Mailchimp"},{"tag":"h2","depth":2,"href":"#Twilio","text":"Twilio","html":"Twilio"},{"tag":"h1","depth":1,"href":"#%E8%A8%98%E8%BC%89%E5%86%85%E5%AE%B9%E3%81%AE%E8%A1%A8%E7%8F%BE%E3%81%A8%E7%94%A8%E8%AA%9E","text":"記載内容の表現と用語","html":"記載内容の表現と用語"},{"tag":"h1","depth":1,"href":"#%E8%AB%8B%E6%B1%82%E6%99%82%E3%81%AE%E3%83%A1%E3%83%BC%E3%83%AB%E9%80%9A%E7%9F%A5%E3%81%A8PDF%E6%B7%BB%E4%BB%98","text":"請求時のメール通知とPDF添付","html":"請求時のメール通知とPDF添付"},{"tag":"h1","depth":1,"href":"#PDF%E7%94%9F%E6%88%90%E3%83%84%E3%83%BC%E3%83%AB","text":"PDF生成ツール","html":"PDF生成ツール"},{"tag":"h1","depth":1,"href":"#PDF%E3%81%AE%E3%83%95%E3%82%A1%E3%82%A4%E3%83%AB%E5%90%8D","text":"PDFのファイル名","html":"PDFのファイル名"},{"tag":"h1","depth":1,"href":"#%E3%82%AF%E3%83%AC%E3%82%B8%E3%83%83%E3%83%88%E3%82%AB%E3%83%BC%E3%83%89%E6%98%8E%E7%B4%B0%E4%B8%8A%E3%81%AE%E5%88%A9%E7%94%A8%E5%BA%97%E5%90%8D","text":"クレジットカード明細上の利用店名","html":"クレジットカード明細上の利用店名"},{"tag":"h1","depth":1,"href":"#%E8%AB%8B%E6%B1%82%E3%81%AE%E8%A6%AA%E5%88%87%E3%81%AA%E5%87%BA%E3%81%97%E6%96%B9","text":"請求の親切な出し方","html":"請求の親切な出し方"},{"tag":"h2","depth":2,"href":"#PDF%E3%81%8C%E5%87%BA%E3%81%9B%E3%82%8B","text":"PDFが出せる","html":"PDFが出せる"},{"tag":"h2","depth":2,"href":"#%E5%BF%85%E8%A6%81%E3%81%AA%E6%83%85%E5%A0%B1%E3%81%8C%E8%A8%98%E8%BC%89%E3%81%95%E3%82%8C%E3%81%A6%E3%81%84%E3%82%8B","text":"必要な情報が記載されている","html":"必要な情報が記載されている"},{"tag":"h1","depth":1,"href":"#%E3%81%8A%E3%82%8F%E3%82%8A","text":"おわり","html":"おわり"}],"ogpImageUrl":"https://www.datocms-assets.com/29850/1593190022-pastedimage20200627146.png?fm=png&mark64=aHR0cHM6Ly93d3cuZGF0b2Ntcy1hc3NldHMuY29tLzI5ODUwLzE1OTMxNTQ2MzYtdHJhbnNwYXJlbnQtcGl4ZWwucG5nP3c9NDAwJmg9NjQmZml0PWNyb3AmYmxlbmQ2ND1hSFIwY0hNNkx5OTNkM2N1WkdGMGIyTnRjeTFoYzNObGRITXVZMjl0THpJNU9EVXdMekUxT1RFNE16TXlPVEF0WVhaaGRHRnlOVEV5TG1wd1p6OXRZWE5yUFdWc2JHbHdjMlVtWm0wOWNHNW5KbmM5TWpVMkptZzlNalUyJmJsZW5kLWg9NjQmYmxlbmQteD0wJmJsZW5kLXk9MCZibGVuZC1tb2RlPW5vcm1hbCZtYXJrNjQ9YUhSMGNITTZMeTloYzNObGRITXVhVzFuYVhndWJtVjBMMzUwWlhoMFAzUjRkQzFoYkdsbmJqMXRhV1JrYkdVbE1rTnNaV1owSm5SNGRDMW1iMjUwUFhOaGJuTXRjMlZ5YVdZbE1rTmliMnhrSm5SNGRDMWpiMnh2Y2oweU1qRTRNVFltZEhoME5qUTlZek5XY0dKbkpuUjRkQzF6YVhwbFBUTXdKbWc5TmpRJm1hcmsteD02NCZtYXJrLWFsaWduPW1pZGRsZSUyQ2xlZnQ&mark-align=bottom%2Cleft&mark-x=100&mark-y=496&blend64=aHR0cHM6Ly93d3cuZGF0b2Ntcy1hc3NldHMuY29tLzI5ODUwLzE1OTMxNTQ2MzYtdHJhbnNwYXJlbnQtcGl4ZWwucG5nP3c9MTIwMCZoPTYzMCZmaXQ9Y3JvcCZtYXJrNjQ9YUhSMGNITTZMeTkzZDNjdVpHRjBiMk50Y3kxaGMzTmxkSE11WTI5dEx6STVPRFV3THpFMU9UTXhOVEE1TkRBdFkzSmhablJ6YldGdUxUQXhMbkJ1WncmbWFyay1hbGlnbj10b3AlMkNjZW50ZXImbWFyay13PTI1MCZtYXJrLXk9ODAmYmxlbmQ2ND1hSFIwY0hNNkx5OWhjM05sZEhNdWFXMW5hWGd1Ym1WMEwzNTBaWGgwUDNSNGRDMWhiR2xuYmoxdGFXUmtiR1VsTWtOalpXNTBaWEltZEhoMExXWnZiblE5YzJGdWN5MXpaWEpwWmlVeVEySnZiR1FtZEhoMExYQmhaRDB4TURBbWRIaDBMV052Ykc5eVBUSXlNVGd4TmlaMGVIUTJORDAwTkV0dE5EUkxialEwVDFjME5Fc3hORFJQT0RRMFQxUTBORXMxTkRSSGRUWkxkVXcxY2tkRE5YQjFORFEwUjNVMVdXVTJORFJIV0RWd1lUVTBORWR3TkRSSFJ6UTBSMW8wTkVjMU5EUkhUamMzZVdaTlZFeHFaM0pZYW1jM2VtcG5OVkJxWjNKdWFtZGhOMjl4TkhadGMxbE1iVzAzYW1wbmNFeHdiVFJpYW1kdlNHcG5ZV0p0Y2pWVWIzWkpVR3BuV21acVoyRmlhbWRpWDJwbldqZ21kSGgwTFhOcGVtVTlOVFVtZHoweE1qQXdKbWc5TmpNdyZibGVuZC1tb2RlPW5vcm1hbA&blend-mode=normal","otherPost":{"type":"author","title":"無料SSLのCloudFlareでHTTPS↔HTTP転送を設定する方法","slug":"/posts/57"}}}}