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

# ReceiptLine is 何
- 外食産業のIT標準化委員会「オープン・フードサービス・システム・コンソーシアム（OFSC）」の発表したレシート記述言語
- 2020年7月13日発表
- マークアップで簡単にQRコードやバーコードを含んだレシート伝票が作成できる
- [仕様](http://www.ofsc.or.jp/documents/?action=cabinet_action_main_download&block_id=809&room_id=1&cabinet_id=57&file_id=1095&upload_id=1264)や[エディタ](http://www.ofsc.or.jp/receiptline_/designer/index.html)や[リポジトリ](https://github.com/receiptline/receiptline)はOSS

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

![www.ofsc.or.jp_receiptline__designer_index.html (1).png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/278919/aa93d429-c4da-58e6-b917-a090c047591d.png)


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

{_:店舗情報}
|~~~~~~~~~~~~マクドナルド筑波大学店 |
|~~~~~~~~~~~~つくば市天王台１ー１ー１ |
|~~~~~~~~~~~~０２９ー８１２ー３４５６ |
|~~~~~~~~~~~~営業時間　２４時間営業 |

{_:レジ情報と日付}
{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](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/278919/be89d994-78e9-7695-7588-6d371807f671.png)

SVG画像で出力される

## 感想

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

- 画像や2次元コードは単一だとtable内に表示できるが複数の値と並べると表示されない
- exampleの拡張子がtxt
- シンタックスハイライトがない
- CLIから簡単に使えない
  - [CLIのコマンドを作った](https://qiita.com/eggplants/items/2bf47a318f688e6a0af5)

とかかもしれない。Contributerを[募集](http://www.ofsc.or.jp/receiptline/)しているのを見るに、これからの発展に期待です