福野泰介の一日一創

たんなん夢レディオ x Code for FUKUI x 越前市役所で、雪国の備蓄品を考えるリアルイベントを企画しています。紙で印刷した「カード」は、リアルイベントで使うツールとしてまだ健在。IchigoJamによるプログラミングでも、「カトラリーカード」が活躍しました。

「東京備蓄ナビカード 備蓄オープンデータ」src on GitHub
東京備蓄ナビのオープンソースを使って、両面あるカードとして印刷するアプリ、作りました。

裏面印刷用の説明書きは左右反対に並べます。

作成のポイントは、印刷に対応するCSS。break-insideプロパティを、ページ区切りで分断されないよう avaid に設定。break-after: always; で改ページを制御。@media print で印刷時のみの指定。

サイバーとリアルをつなぐ「ウェブアプリ x 印刷」
XRが普及しきるまで、活躍の余地がありそうです。