🎍
[小ネタ] 年賀状の宛名書きはHTML+CSSで十分
はがきの値上がりもあり、年賀状離れが進んでいる今日このごろ、郵便局の提供しているWebサービス はがきデザインキット から宛名書きの機能が失われたりして、宛名書きをするための（お金のかからない）方法を模索してきましたが、よく考えたら単純に HTML+CSS でレイアウトしてそれを印刷すれば、人のお世話にならなくても十分だということに気が付きました。
CSV等で別途名簿を管理して、それをスクリプトでテンプレートに流し込んでもよいのですが、HTMLのデータが十分シンプルになるので、個人的には単純に宛名を全部入れたHTMLファイルを一つ保存してそれを適宜編集するスタイルが楽だという結論になりました。
HTMLファイルの例
できた HTML ファイルは他の人でも使えると思うので GitHub にデータをアップロードしておきました。もしよろしければどうぞ。
使い方
上記のHTMLは、一つの section 要素が一つの宛名書きに対応する構造になっています。
以下のような感じでブラウザで確認できますので、ブラウザで確認しながら名前などを編集してください。
場合によっては郵便番号の位置を調整する必要がありますので、その場合は前述の GitHub のサイトの README などを参照してください。
出来上がったら Chrome で印刷（PDFに変換）すると以下のような PDF が得られますので、これをプリンタで年賀状に印刷します。
TIPS
自分の住所が変わったときなどは、Vim などのある程度高機能なエディタを使っていれば一括置換で住所を変更すればよいでしょう。
Discussion