😀

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

4 min read

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を募集しているのを見るに、これからの発展に期待です

GitHubで編集を提案

Discussion

ログインするとコメントできます