2
1

More than 3 years have passed since last update.

簡単電子レシート receiptline で新しい罫線を使ってみた

Last updated at Posted at 2021-02-16

マークダウン言語で紙のレシートや電子レシートを簡単に作れる receiptline。
https://github.com/receiptline/receiptline
https://www.npmjs.com/package/receiptline

少し前にマイナーバージョンアップがありました。
(2021年2月16日時点で Verion 1.2.1)

電子レシートの水平線や罫線が改良され、紙のレシートとほぼ同等になっています。
過去の記事の例で比較してみましょう。

水平線を比較する

ReceiptLine
|   商品名   |金額|
-------------------
|冷奴        | 380|
|竜田揚げ    | 480|
|もつ煮込み  | 580|

従来の水平線 (V1.0)

01.png

新しい水平線 (V1.2)

02.png

印刷結果 (TM-T88V)

03.jpg

印刷結果 (mC-Print3)

04.jpg

罫線を比較する

ReceiptLine
{border:line}
|   商品名   |金額|
-------------------
|冷奴        | 380|
|竜田揚げ    | 480|
|もつ煮込み  | 580|

従来の罫線 (V1.0)

05.png

新しい罫線 (V1.2)

06.png

印刷結果 (TM-T88V)

07.jpg

印刷結果 (mC-Print3)

08.jpg

テキストを比較する

電子レシートのテキストを選択してコピー&ペーストした結果も変わっています。
罫線文字がなくなり、レシートデータ解析がしやすくなりました。以下は Chrome の場合です。

従来のテキスト (V1.0)

09.png

╔══════════════╦═══════════════╗
║              ║               ║
商品名
金額
╚══════════════╩═══════════════╝
╔══════════════╦═══════════════╗
║              ║               ║
冷奴
380
║              ║               ║
竜田揚げ
480
║              ║               ║
もつ煮込み
580
╚══════════════╩═══════════════╝

新しいテキスト (V1.2)

10.png

商品名
金額
冷奴
380
竜田揚げ
480
もつ煮込み
580

動くもの

前回の記事の CodePen をアップデートしました。

See the Pen Digital Receipt by receiptline v1.2.1 by dopperi46 (@dopperi46) on CodePen.

新しいプログラム例

前々回の記事のコードを参考にサンプルプログラムが作成されて receiptline に追加されました。
紙のレシートが必要な場合は印刷できるように拡張されています。

日本語版

$ node ja.js

11.png

英語版

$ node en.js

12.png

また何か作ったら投稿します。ではまた!

2
1
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
2
1