LoginSignup
7
3

More than 3 years have passed since last update.

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

Last updated at Posted at 2020-07-17

ReceiptLine is 何

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

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

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

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

mac.txt
{width: *}
{_:ロゴ画像ののbase64}
{image:iVBORw0KGgoAAAANSUhEUgAAADIAAAAnCAYAAABNJBuZAAAACXBIWXMAAA7EAAAOxAGVKw4bAAAGi0lEQVRYha1ZW28TSwz+ZnY3m2tzoSJRKa8FVeUB/v/fACpFKgJBIUlzaZMm3exlzgN46vHOpgUdS1V2Zzz258vYTqqKojBKKRhjoJQCAOfZ9/5/0HNk/o1eZYwx/6r8kPH/Aoyg/IvT9FNCOVHkOBVF4eX1kQ+gMcbKUEp5dTxLNkXkb8JojMH9/T2ur6+x2WwQxzGGwyFevHhRCVieB4D5fI7JZIIkSdBut3FycoJWqwWZ6r7zcq9kyHPC//PnT4zHY2RZ9ihIKQyHQ7x9+xZBEBxMwzzP8fnzZ0ynU8f7YRji7OwMo9HIicxzDLKp9ZxoGGPw69cvXF5eIssyRFGE0WiERqNh9z59+oQ8zytl5HmOjx8/YjKZwBiDZrOJ0WiEKIqQZRkuLy/t3lNGcNJy4ZBB2+0W4/EYxhgEQYB3797h/PwcHz58QKvVAgDMZjP8+PGjdJY8/P37d8xmMwBAu93G+/fvcX5+jouLCwRBgKIoMB6PsdvtnELik8exah5CeYCvG2MwHo+RpikA4PT0FL1eD0op1Ot1nJ2dWbBXV1fYbrdeR3z58sWCePPmDeI4hlIK/X4fr169AgDs93vrMF+K+kiTdfyTW020XC6xWCyglILWGqenp85+v99Ht9sF8Dt9rq6uHKVkIKVdr9dDt9t1dL9+/RpaayilcHNzg9vb24OYHEOk1/kzX/v27Zt9HwwGiOO4xHNycmIFz+dzbDYbu79erzGfz23UyPvcy3EcYzAY2PevX796cfmeNfeIfKa/9XqN1Wpl94fDYYlHKYXBYIAwDG1U+F25vr620YiiCP1+v5QJVPnoeblcYrPZlHD5np2GWGXtdDq1ILTW6Ha7JR4CSOmllMJsNsN+v8d+v7cX3BiDbreLMAxLEQWAo6MjaK2tM2SJ9mEERGfn+cdrPgfR6XRQq9VKHqHPXq9nZSRJgtVqheVyif1+b/koGvyPKI5jtNttC5I7UepyqlZVxSK6v793KlCn07Eek6SUsheYqs10OsVkMrE6lFI4OjqqHFe01mi323Ztu916KyDxE24tvUrPxHBzc+Psdzqdg/NQo9FAFEWWf7FY2PullEIURWg0Gg4YrpcM5UQYJPGolKqWzH2qNACst3w5S8+1Wg1RFNn1LMtsatB+rVbzOoJ0t1otW4aVUlgsFqX7KPGWRhSet2maYrvdPoZPa9vAfE2Kekyz2Sx5jIiGwqrvQNRgKX2NMdhsNsiyzD8s/jnjdHbJdHd3hzzP7XoURdab/Iw0iue4VNpqtUr6pEFxHNsyrpRCnue4u7s7OLI4nZ2DMcbg9vbWWeOe9gkkQPwOyP1ms2mj4RtBSD7pIlqv1yWj+bnQq/EPkSEcoK9E83djDOr1utdQAHbP5zy+Vq/XnfOr1ar0VcM7xktAeZ4jSRLH+xJg1aXnBst+Q6ONTycniiqd3+12KIqiZLhz2X3A0jRFmqaO1XEcO8J90VFKIQxD57KS3CAInNJ8iMhpRFmW2clbFgs7osicM8YgSRKkaepYzYXLEYGvc8DcYG4g5/eRjFyapkiSxNHNC5WVKhvTw8NDaZ1XrENepcbnm8W4s2S14lhqtZrDZ4yxmEiHd9aSJXS32znrWmuEYXjwsnPivBQV6YgqWeQIih7tESbOZ6MtQ0sbPIxKKQRBYH9UoPUqMsbYPsB5gyBwUvXQea01tNbOwJgkSaX+sMqrPIzAY377mpjvPYqi0jqtHWrCRFprBEHgGEKYfGds1ZI5ShedC+b7PpIVSs5FQRA45+X9kBMDRZWcQWOKjz+UAslbVOqICITPI77LL/l5ulU1UrkuM2C/39u0k3JC7gF+SBrCvSNBSCdIQ/jQKfmqhkfSyQuDjIiDj79wJfz3WO4FnwE+QNJrlFq+OUkawHXwtTzPK432NkQaBTg4HzDfO/c+vcs1vu4rxYfumbxH9B768pMs58wchK9q+LwpDa3i4fuc3zcFFEXhT0MpiBvia1g83arymzoz/25ujHFKstTpA8dnKm5IURR4eHhAHMf2LtqqJcuvT6DklWe44cfHxzg+PoaPpD7fecAtDkRFUWC5XGK73aJWq+Hly5ePQyP3iCTfbFVloATLeQ6NM75zEgP/5JOGPWd+k5MmeZ6X5powDO0Yf0h5Ver5yrZvOuB7SZI4/4MBHr/rpGlq5zFjDBT9M1SC8AF9bg95qrJxsD450inSUK8OUzFv+A7J/ef0gip6Sv6hMz7+/wDpmNB40JxFEQAAAABJRU5ErkJggg==}

{_:店舗情報}
|~~~~~~~~~~~~マクドナルド筑波大学店 |
|~~~~~~~~~~~~つくば市天王台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を募集しているのを見るに、これからの発展に期待です

7
3
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
7
3