自由研究《電子絵日記》

作品の概要

夏休みの研究課題として電子絵日記の作り方を考えてみました。一般に、絵日記には日付と天候は必須であり、次いで絵と本文が続きます。体験したこと、出かけた場所、乗り物などを絵にします。本文には同伴者のことを書くことが多いようです。ここでは電子媒体を採用した日記らしく動画、静止画、バックグラウンドミュージック(BGM)を入れることを試みますが、敷居を低くして静止画をもじったテキストの絵文字からスタートします。
　　

絵文字とは

絵文字はテキストの範疇に属し、携帯電話の発展に呼応して使われ始め日本が考案・発祥とされ、世界的にもEmojiで通用します。表現的には絵のような感触を与えながら扱いはテキストになります。絵文字は2バイトと4バイトがあり、全角漢字文字と同じ使い方で表現できます。

絵文字を実現させるには

絵文字だからといって特別な処理を追加する必要はなく、全角文字を扱うこととまったく変わりありません。HTMLではdiv, p, span, text要素とともに使われことが多いです。

画像とは

画像を扱うにはテキストと異なり、image要素で利用されます。テキストによる表現よりかなり豊かになりますが、垣根は一段階高くなります。

音響データとは

音響データを扱うにはaudio要素を使います。耳への感覚をサポートするので二段階高いハードルを超えなければなりません。

表現の高級化方法

　画像をサポート
　音響データを準備する
　動画にする
　電子媒体にリンクさせる

テキストエディタによるファイルの保存方法

コードファイルの中に絵文字がある場合、ファイルをハードディスクに作成するとき、文字化けが起きることがあります。このような場合、文字コードをutf-8に設定してファイルへの書き込みをします。HTMLファイルはcharsetをutf-8に設定することが一般化しています。

サンプルの概要　

①テキストによる表現：プールと花火

絵を使いながらもテキストだけによる絵日記です。絵文字を入れると表現に厚みが増します。コード化された絵文字はデザインがブラウザごとに微妙に異なります。

②画像を用いた表現：家族でドライブ

一家そろってのドライブ行楽風景を象徴した絵文字はありませんのでイラスト画像を準備した絵日記です。　

③音響データ付き日記：シャボン玉とんだ

作詞作曲ともに著作権消滅した童謡『しゃぼん玉』をBGMにした絵日記です。おばあちゃんの話では「シャボン玉液」はお店では売ってなくどこの家でも石鹸で作ったんだよと教えてくれました。

3つのコード