梅雨も明け暑中お見舞い

時代に添った電子ハガキによる挨拶

複数の人に同様のお知らせをするにはメールやLINEが便利です。通信環境を整えられない人々を差別することは良くないことですが運営には人手や予算などに限界があります。過去にこだわっていると取り残されることになり、切り替え時期には誰もが悩むことです。

電子ハガキに挑戦

今回の作品は手書き風の動くメッセージに、紙媒体ながら間接的に動画を読めるようにQRコードを織り込んだ電子ハガキです。これまで挨拶状は同一文面で印刷され配布されました。ひとことを手書きに添えるとその人柄がしのばれました。季節の挨拶に紙媒体と電子媒体のいいところを強調した電子ハガキを制作しましたので投稿の運びとなりました。

電子ハガキはデザインを決めて印刷、配達までをすべて一人で担うものです。そこに到達するまでは多くの経験が必要になりますが手始めとして自分の住所と氏名を変更することから出発します。テキストエディターを扱えればどなたでも挑戦できます。使いやすいテキストエディターの準備とコピー＆ペーストなどの用語の意味は完備として進めさせていただきます。

最後まで読んでいただくと音の出るハガキ、涼しげな23秒の滝つぼを体験できます。

テキストエディターについて

エディターとは直訳すれば「編集者」ですがスマホやパソコンにて情報を扱う周辺では情報を編集する道具（ツール）のことを指します。テキストとは画面に表示可能な文字情報のことですが、文字は単純な規約からなる半角文字と呼ばれる数字やアルファベットのほか、漢字や絵文字と呼ばれる全角文字があります。きちんとしたエディターでないと文字化けが起きます。「メモ帳」や「サクラエディタ」は問題ありません。

作り方の実際

①使い慣れたテキストエディターを手元に置き、ファイルの書き込み先を決める。
②コード欄にあるテキストをコピーして自分のデバイスに取り込み、仮のファイル名をindex.htmlにする。
③index.htmlの内容を一瞥しピンク色に囲まれた差出人データを見つける。
④仮の住所から実住所に変更。長さに合わせてフォントサイズ(font-size)を変える。
⑤場合により、xやyの値を変更する。
⑥次に氏名を仮名から実名に変更する。
⑦勘解由小路 佐近四郎（あでのこうじ さこんしろう）さんのような長い姓名の場合はyの値を変更する。
⑧エクスプローラーで編集したhtmlファイルにポイントを合わせ「暑中見舞状」を描画させる。
⑨全体の調和が取れるように最終調整をする。
⑩id="comment"がついたピンク色の四角形を表示する行において、stroke-width="1"をstroke-width="0"にして枠を非表示にする。
⑪ここまですんなり進んで自信がついたら住所・氏名の書体や色を変更してみる。
⑫満足できる出来栄えに仕上がったら、メールやLINEに添付して宛先に送信する。
⑬編集された添付ファイル名をindex2023.htmlとすればメール文は以下のような内容になるでしょう。
電子版でご挨拶申し上げます。エクスプローラでindex2023.htmlにポイントを合わせダブルクリックしてください。動くメッセージが表示されます。最後に右下のQRコードをクリックすると23秒間の涼が得られます。

メールという言葉の変遷

主にメールという用語は外国へ出す紙媒体の郵便に使っていたようです。インターネット利用が拡大し文字一辺倒のメールを研究機関などがさきがけとなって利用するようになり、紙と区別のため電子メール、Eメールと呼ばれました。インターネットサービスが従量課金から定額課金に変わると電子メール利用が飛躍的に伸び、電子メール、Eメールのことを単にメールと呼ぶようになったと記憶しています。

コードの再利用

コードの大半はpathデータです。Inkscapeやvivus.jsに精通された方には自作可能です。有料記事としてコードを入手された方の二次使用は自由に行えます。連絡・公知など必要ありません。最下行にTacMが微かに表示されます。その部分はそっとしておいてください。

贅沢な挨拶状

住所・氏名を自分用に修正し、物足りなさを感じたらBGMを付けてみましょう。青春を共に過ごした同志へ2回/年の挨拶状ならば寮歌をBGMにして流してはいかがでしょう。ブラウザで自動スタートは受け付けませんので、スタートボタンを設けるなどちょっとした工夫を要します。

新年の挨拶状はユーモアどころではありません。夏のこの時期に存分の才能を発揮しましょう。

風鈴（ふうりん）の音声データはフリーのものが出回っています。サイト上を検索して手ごろなものを見つけて実装されるのも趣きがあります。その基礎、下支えにコードをご利用ください。

コード