続・ウェブ記述言語 HTML5 のお勉強

画像をクリックするとこのページに移動します

改修工事を続けてきたウェブサイト「Pinhole Photography」「Fiddle Music」の形がようやく整ってきた。といっても骨組みは10年前に作ったもので、ページの幅を広げ、写真のサイズを大きくしただけなのだが。まだいくつかのページが未更新だが、ゆっくり書きし進めようと思っている。HTML5に準拠したいという構想があるものの、手を付けたのはヘッダ部分だけである。再チェックしたところHTML5で廃止されたタグは、幸いなことになかったが、要素に関しては若干の修正を迫られた。例えば画像にリンクを貼った場合、ブラウザに枠線をつけられるのを防ぐために、よくborder="0"と指定しまう。

<img src="katsuragawa.jpg" border="0" width="900" height="600" alt="桂川" />

こんな具合だが、枠線はCSS（スタイルシート）で指定するべきだという。ただしかし、border="0"は「エラーとせず警告に留める」そうだ。またHTML5とXHTMLは違うので、終端スラッシュは必要ないようだ。ただしXHTMLからHTML5への移行を容易にするために、終端スラッシュの構文をHTMLの空要素で使うことができるようになったそうである。ところで草野あけみ著『HTML&CSS標準デザイン講座』をざっと読んでみた。W3C勧告案に忠実で私好みだが、それゆえに私にとってHTML5への道のりは遠いと痛感させられた。2カラムや3カラムのウェブサイトを構築するのは非常に良い教科書なのだそうだが、実践方法に関しては正直言って勉強不足で理解できていない。また今のサイトを書き換えるにはかなりの労力と時間がかかりそうで、内心興味があるものの、やはり躊躇ってしまう。

海面が80m上昇すると世界はこうなる

画像をクリックすると拡大表示されます

世界の海面は、1880年以降、約20センチ上昇しており、科学者らは2100年までにさらに約0.6～2.1メートル上昇する可能性があると予測している。このまま地球温暖化傾向が続けば、今後数世紀の間に、海面上昇の速度はさらに高まる可能性もある。スロバキアに住むアマチュア・グラフィックデザイナーのマーティン・バージック氏が描いた上の地図は、海面が約79.2メートル上昇した世界を描いたものだ。平均海面がこれほどの高さにまで上昇しているのは、南極西部の氷床（西南極氷床）と南極東部の氷床（東南極氷床）の両方が溶け出したのはもちろん、グリーンランド氷床など、世界にあるその他の氷床や氷河も溶けたことを意味している。（Via The Huffington Post）

コダックのイメージパックCDがあることを思い出した

少年  ベルファスト（北アイルランド）LeicaM4+Kodachrome200

来訪者は少ないがウェブページ「Fiddle Music」（フィドル音楽）の改修工事は結構楽しい。前回「根本的にはすべての写真を大きくしないと見劣り感は拭えない。すべてフィルムで撮ったものなので、スキャナで取り込み直すのは結構タイヘンな作業になりそうだ」と書いたが、アイルランドの写真に関しては、70コマほど納めたコダックの「イメージパックCD」があるのを思い出した。これはフィルムで撮影した写真を高解像度でCDに保存するサービスだが、2009年7月31日に受付終了を終了、アドビ社もフォトショップCS4以降はサポートをやめてしまった。そこでコダックのサイトから「イメージパックビューワー」をダウンロードした。マックではiPhotoで開くことができるようだ。

ウィンドウズ2000/XP/Vista用となっていたためちょっと心配したが、ウィンドウズ7でも無事に動作した。変換出力画像形式はJPEGあるいはTIFFだが、ファイルサイズは大きくなるが、画像補正処理による劣化を防ぐため、後者のほうがやはりベターである。出力したファイルをフォトショップで加工、そのまま写真共有サイトFlickrにアップした。FlickrはTIFF形式を様々なサイズのJPEGに変換する機能がある。長辺150ピクセルおよび800ピクセルのファイルをダウンロードしたが、前者はサムネイル用として使うためだ。後者は横幅900ピクセルのページにちょうど良い大きさだ。突貫工事で取り敢えず20コマで構成したアイルランド紀行のページを作り、公開することができた。

一時閉鎖していたフィドル音楽のサイトを復活

画像をクリックすると移動します

今月初めに「懲りずにウェブページの再建工事を始めた」という記事を書いたばかりだが、その時に「Fiddle Music」（フィドル音楽）というページもサーバから削除した。これまた古いサイトで、10年前に原型を作ったものだ。フィドルというのは英語圏でのヴァイオリンの世俗的な呼び方で、楽器自体は同じだが、奏法はクラシックとは異なり「庶民的」である。主としてアイルランドやアメリカのそれを解説紹介したサイトだが、ルーツ音楽と言えばお分かりになるだろうか。一旦閉鎖したのは写真のサイズが長辺600ピクセルと小さく、見映えが悪く、ちょっと嫌気が差していたからだ。ただ少し工夫すればなんとかなるかと思い直し、突貫工事で手直ししてみた。改修の要点は以下の通りである。

• 横幅を600から900pxに広げ写真の一部を大きくした
• メインフォントの大きさを12から14ピクセルにした
• 各ページのタイトル文字をテキストから画像に変更した
• 将来のHTML5導入に備えてヘッダ部分を書き換えた

根本的にはすべての写真を大きくしないと見劣り感は拭えない。すべてフィルムで撮ったものなので、スキャナで取り込み直すのは結構タイヘンな作業になりそうだ。将来の課題とし、取り敢えず部分修理で再開した次第である。この10年間を振り返ってみると、ウェブサイト、ブログ、そしてソーシャルメディアと興味が移ってきたといえる。つまり手がかからないことに移行してきたわけである。特にソーシャルメディアの普及によって、個人のサイトやブログへの一般的な関心が薄まったような気がする。ブログの更新をやめてしまった友人も結構多いようだ。しかし、だからこそとは言わないが、自分の中で何かを「整理」しておこうという衝動があるのかもしれないのである。