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


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


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

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

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

Tweet
クリエイティブ・コモンズ・ライセンス
この作品は「Creative Commons — CC BY 4.0」の下に提供されています。
CC BY / @taisukef / アイコン画像 / プロフィール画像 / RSS