Quantcast
Channel: Node.jsタグが付けられた新着記事 - Qiita
Viewing all articles
Browse latest Browse all 8833

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

$
0
0

マークダウン言語で紙のレシートや電子レシートを簡単に作れる 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

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


Viewing all articles
Browse latest Browse all 8833

Trending Articles