3
Help us understand the problem. What are the problem?

posted at

updated at

ReceiptLineでマクドナルドのレシートを再現

ReceiptLine is 何

  • 外食産業のIT標準化委員会「オープン・フードサービス・システム・コンソーシアム(OFSC)」の発表したレシート記述言語
  • 2020年7月13日発表
  • マークアップで簡単にQRコードやバーコードを含んだレシート伝票が作成できる
  • 仕様エディタリポジトリはOSS

マクドナルドのレシートを再現

今回は架空の店舗「マクドナルド筑波大学店」のレシートを作る

www.ofsc.or.jp_receiptline__designer_index.html (1).png

mac.txt
{width: *}
{_:ロゴ画像ののbase64}
{image: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}

{_:店舗情報}
|~~~~~~~~~~~~マクドナルド筑波大学店 |
|~~~~~~~~~~~~つくば市天王台1ー1ー1 |
|~~~~~~~~~~~~029ー812ー3456 |
|~~~~~~~~~~~~営業時間 24時間営業 |

{_:レジ情報と日付}
{b:space;w:* *;a:left}
|69~レジNO~01 |2020年08月10日(日)19:19
{b:space;w:* * * *;a:left}
-
カフェラテS | 150| 1コ| ¥150~|
-
{width: 15 19 *}
| 小計| 1コ| ¥150~|
{width:* 10}
|~~~~~~~~~~~~~(内消費税 | ¥11)~|
|~~~~~~~~~~~~~合計 | ¥150~|
|~~~~~~~~~~~~~クレジット支払 | ¥150~|
|~~~~~~~~~~~~~おつり | ¥0~|

{_:クレジット決済情報}
{b:space;w:* *}

|クレジット | MS 売上~|
|VISA/MasterCard
|伝票番号 | 01234~|
|会員番号 | ************1234~|
|承認番号 | 0001234~|
|上位端末ID | 0123456789012~|

{_:アンケートのお願い}
{width:*;a:left}
"スマホアプリでお客様の声を聞かせてください"
"アンケート御礼に翌日から使える無料クーポン"
"差し上げます アプリストアで『KODO』と検索"
|~~~"ください"


こちらはモニターに表示されます、お客様の
ご注文番号です。今しばらくお待ちください。

{_:クソデカ注文番号}
|`^^^^^^~298~|

完成

image.png

SVG画像で出力される

感想

たのしい。不満な点としては、

  • 画像や2次元コードは単一だとtable内に表示できるが複数の値と並べると表示されない
  • exampleの拡張子がtxt
  • シンタックスハイライトがない
  • CLIから簡単に使えない

とかかもしれない。Contributerを募集しているのを見るに、これからの発展に期待です

Why not register and get more from Qiita?
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away
3
Help us understand the problem. What are the problem?