石輪っぷり!

5月21日、日本ウェブ協会主催の「ウェブ会議in高松」が香川県高松市で開催されました。で、今回はマスクではなく本題。(^^ゞ

今回のイベントは、Webを工業製品として捉え、ユーザー視点に立って、障がい者や高齢者を含む誰もが利用しやすいWebを作るための考え方などを中心に、主にWeb制作者向けへの内容でした。

途中、WCAG2.0（Web Content Accessibility Guidelines 2.0）を知っているかという問いに、2〜3人しか手が挙がらなかったというのに、個人的にはちょっとビックリでしたが、Web制作者にとって有意義な内容だったのではないでしょうか。

日本ウェブ協会としては、今回の高松をキックオフとして、これからどんどん地方を盛り上げて行きたいそうです。いつか島根でもこのようなイベントを開催し、高齢者率ナンバーワンである島根のWebサイトが、誰もに使いやすいものになっていくきっかけになればと思っています。

先週5月21日、日本ウェブ協会主催の「ウェブ会議in高松」が香川県高松市で開催され、前日夕方からJRを利用して行ってきました。で、その話題ではないのですが・・・

新型インフルエンザの影響で、特急やくもやマリンライナー車中では2〜3割の人がマスクを着用されていましたが、岡山駅でウォッチングしていると、新幹線の改札口から出て来る人は実に8割位の人がマスクを着用されていました。

でも琉球新報によると、「症状が出ていない人が予防のために着けるのは意味がない」のだそうです。（新型インフル　マスク過信禁物　症状ない人には予防効果なし）

あちこちでマスクが売り切れている現状ですが、たしかにマスクは風邪などの症状のある人が他人に感染するのを防ぐため着用するもの。本当にマスクが必要な人に行き渡らないのは本末転倒というのもうなずけます。

今回の世界的な新型インフルエンザで、こんなにたくさんの人がマスクを着用しているのは日本ぐらいなものらしいですね。ネット上ではマスク不足を悪用した悪徳商売も横行しているようですし。

これだけ様々なメディアが溢れ返っている世の中、本当に正しい情報を見極めて判断し行動することが大切だと思います。

このサイトでは、アクセシビリティを優先してロゴやバナー以外の文字は画像とせず、テキストのまま表示しています。

MacやLinuxではフォントにアンチエイリアス処理（文字や画像の輪郭のギザギザを滑らかにする処理）がなされているため、わざわざ画像テキストにしなくてもフォントがきれいに表示されますので何ら問題ありません。しかしWindowsでは、英文フォントと中途半端なアンチエイリアス処理のメイリオフォント以外、ＭＳ Ｐ ゴシックなどはフォントにアンチエイリアスの処理がなされていないため、フォントが汚く見えてしまいます。

でも、「文字サイズを大きくするには」のページのスクリーンショットを撮っていて気がつきました。

WindowsでもSafari（Macで標準のブラウザ）ではアンチエイリアス処理がなされています。
画像はWindows版Safariのスクリーンショット。フォントがきれいです。すばらしい！

5月21日、Internet Explorerのスクリーンショットを追加しました。左がInternet Explorer、右がSafari for Windowsです。比較するとフォントの違いがよくわかります。

Movlable Type 4.2からでしょうか、JavaScriptが無効な場合はコメントの投稿ができなくなりました。そればかりか、コメントを投稿しようとすると「不正な要求です。」という何とも嫌なエラーが表示されます。

<noscript>タグで「JavaScriptが無効な環境ではコメントを投稿することが出来ません。」と記述してしまえば簡単ですが、それではそういう環境のユーザーの参加を阻害することになります。

そこでこれをJavaScriptが無効でも投稿可能に、更に違和感のないように改善しました。

先日5月7日から、Googleの検索結果をカスタマイズできる「サーチウィキ」が提供されました。自分の好みにサイトの検索結果の順位を上げたり、不要な検索結果を削除したりすることができます。また、コメントを付けることも可能で、コメントは一般公開されます。

この機能は、Googleアカウントでログインしている状態でないと表示されません。また、変更した順位は、本人のアカウントにのみ保存され、他の人の検索結果に影響を及ぼすこともありません。（でなけりゃSEOの考え方がまるっきり変わっちゃいますからね）

ちなみに、画像の各検索結果に表示されているサムネイルと人気ランキングは、Firefoxのアドオン"Google Preview"によるものです。

「Movable Typeテンプレートタグ虎の巻 」に変数や制御構造の処理を利用して、月別アーカイブリストを年毎に分類して表示するサンプルが載っていますが、40を超えた頭には複雑すぎて(汗)、その通りに記述すれば実現できるもの、なぜそうなるのか理解できません。(苦笑)

そこで、もっと分かりやすく直感的な(?)方法で、月別アーカイブリストを年毎に分類してみました。

なお、月別アーカイブリストは毎月1行ずつ増えていくため、ブログを長く運営しているとどんどん長くなっていきますので、ドロップダウンリスト（MTのデフォルトのウィジェットにあるJavaScriptを使ったもの）と、JavaScriptが使えない環境用に箇条書きリスト形式にしたものを作っています。

Movable Type 4.0以上ではFeeds.App Liteというプラグインが追加され、他のサイトのRSSやAtom形式の更新情報を読み込んで表示できます。

今回これを使ってプライベートなブログの更新情報を表示させようとしたのですが、MT4.25では動かないみたいです。バグでしょうか。（MT4.24では動作を確認できました。）

仕方がないので今までやってた通り、プライベートブログの方に出力用のphpファイルを作り、それをphpインクルードで読み込んで表示させました。その方が、Newマークの表示等自由にカスタマイズできますし。

サイドバーの「プライベートなblogの最近のエントリー」の部分です。

サイト内検索にGoogle Custom Searchを使用している場合、お問い合わせフォームなどSSLを使用しているページを表示すると、Internet Explorerでは「このページにはセキュリティで保護されている項目と保護されていない項目が含まれています。 」といった警告が表示され、Firefoxではページは表示されますが、鍵のアイコンに斜線が付きます。これは、https://〜 のページに http://〜 で始まるファイルを読み込むと起こる現象で、画像やCGIなどを絶対パスで記述すると同様のことが発生します。

しかし、Google Custom SearchやAdSense、アマゾンのパーツなど外部サイトを利用して表示する場合は、相対パスやルートパスで記述することもできませんから、大抵の場合SSLページではこれらを表示しないようにするしかありません。

でもGoogle Custom Searchの場合、コードを1行削除するだけで解決できます。

Movable Typeでサイトを構築する際、各ページの共通部品はモジュール化してそれぞれのテンプレートにインクルードします。リニューアル前のサイト（MT3.35で構築）は共通部品をインデックステンプレートで書き出し、PHPのインクルードを使っていました。

今回のリニューアルでは、共通部品を条件分岐を多用しながら主にグローバルテンプレートで作成し、それぞれのテンプレートにインクルードして構築していましたが、右側のバナーが月別アーカイブやカテゴリ別アーカイブで表示できない、ブログのページでは月別やカテゴリ別の記事一覧ページで、ページ毎に表示される内容が異なるなどの問題があり、MT4.15から実装されたサーバーサイドインクルード(SSI)を利用して、PHPのインクルードで処理することとしました。その方がPHPを使った動的処理ができたり、再構築時間の短縮やファイル容量の削減につながりますし。

しかし、しばらくグローバルテンプレートを使用することに慣れ親しんでいた（最近構築したサイトでは上記の問題に遭遇することが少なかった）ため、単にPHPインクルードに置き換えるだけでは多々問題がありました。

ようやくWillさんいんのWebサイトをリニューアルしました。（5月1日午前0時）
まだまだ制作途中の感はありますが、デザインも機能もアクセシビリティも日々バージョンアップってことで。公開しなきゃなかなか進まないですからね。

システムも2年前に購入していた Movable Type 4 のバージョンアップライセンスをようやく適用して MT3.35 から MT4.25 になり、大きく変わっています。
これまで何度か MT4 を使用してサイト制作を行いましたが、MT4.2 から更にいろいろな機能の追加やバージョンアップがなされています。

今回のリニューアルでの苦労や新しい発見などメモっておきたいこと多々ありますので、これから追々に書いていきます。

＃とりあえずブログのサイドバーを仕上げなければ。