プラグイン対応にしました
え〜っとぉ、アップロードしてから何やかやと手直しばっかりしている私のテンプレートですが、今回プラグイン対応にしました。それに関して sugar さんから多大な助言をいただきました。ありがとうございます。
とりあえずいくつかのプラグインを入れてみて、まともに表示されるのは確認したのですが、なんせ数が多いのでとても全部は確認しきれません。なんか表示のおかしいプラグインがあったら教えて下さい。私の手に負える範囲で(^^)対処したいと思います。
ほんでそれから話は変わって、まあ最近HTMLやCSSの記述に興味を持ちだしたのだが、私がそれらを作成する時に、ささやかなこだわりがある。それは、
『どんな環境の人にでも見やすいサイトを作りたい』
最近のサイトってさぁ、小っちゃい文字のやつばっかりなんだわ。あんなの読めないぜ。なんたってわたしゃ老眼入ってきてるんだもん。しかもブラウザで文字サイズを拡大するとレイアウトがシッチャカメッチャカになってまともに見れなくなるものも多い。
んだからせめて私が作る時は、どんなサイズにしたって見やすいものを作りたいのだ。
そしてもう一つ。
『音声ブラウザで読み上げた時にストレス無く読み上げられるサイトにしたい』
音声ブラウザってのは、全盲の方がパソコンを使えるようにパソコンに映し出されている文字を読み上げてくれるソフトなのだ。
私がこのソフトの存在を知ったのはかなり以前のことだった。
それは今を去ること20年ぐらい前、まだインターネットなんてもんはなくてパソコン通信が全盛だった時代だ。
パソコン通信ってのは文字だけでやり取りする掲示板なんだが、まあ今風に言えば、ちょっと紳士的な『2ちゃんねる』みたいなもんだ。
そこの某掲示板に全盲の方が参加していた。その時に音声ブラウザの存在を知ったのだ。
ちなみにその方が参加していた掲示板は、『ミノルタ製カメラ』に関する掲示板だった。
そう、カメラのことや撮影方法のことを話し合う掲示板だったのだ。そこに全盲の方が参加されていた。
その方は、鳥のさえずりや木々の臭いや自分の感性で感じ取った何かの方向に、カメラを向けて写真を撮ろうとしていた。そしてその掲示板で色々なアドバイスや音声ブラウザの話などをされていたのだ。
私は特に書き込みをして参加していたわけではないのだが、すごい方がいるなーと思ってそのやり取りを楽しみにして見ていた。きっとあの方はまだ写真を撮っているのだろう。
さてさてそして比較的最近、バリアフリーWebデザインガイドと言うサイトを見つけた。ここには、音声ブラウザで読み上げしやすいサイトの作り方などの説明が具体的に書かれていた。
まあ色々とやっちゃあいけないことが書いてあるのだが、その中でも私がやってしまいそうな、てか実際にやっちゃってた事を二点ほど紹介しましょう。
なんか話があっちこっち脱線しまくっておりますが、まあいつものことなので我慢して下され。
やっちゃいけないこと
文字列の途中で空白や改行を入れない
んとね、音声ブラウザって、空白や改行があるとそこを文章の区切り、と解釈してしまうのだ。ひらがなの部分だったらまだいいが、漢字だったらまともに読み上げられなくなってしまう。たとえば
『旅行』だったら、ちゃんと『りょこう』と読み上げてくれるが、
『旅 行』みたいに間にスペースや改行が入ってしまうと『たび ぎょう』と読んでしまうのだ。「私はたびぎょうに行きました」なんて読まれたら何のこっちゃか分かんなくなってしまう。
やらなくちゃいけないこと
画像にはalt属性を指定する！
alt属性と言うのは、写真の代替テキスト。と言うものなのだが、音声ブラウザで写真の部分を読む時はその代替テキストを読み上げる。
たとえば、
<img src="picture.jpg" alt="旅行の写真">
となっていると、音声ブラウザでは「旅行の写真」と読み上げる。
しかし、
<img src="picture.jpg">
なんてことになってると、「あいえむじーえすあーるしーぴくちゃーどっとじぇーぴーじー」とか読んでしまうのだ。文章の途中でこんなわけ分からん記号を読まれた日にゃあ、うっとーしくてたまらない。
そして、リンクボタンを画像にしている場合は代替テキストで『どこそこのリンク』と書かなければリンクをまともにたどることもできない。
ちなみに、単なるマークや意味のない写真の場合は<img src="iminasi.jpg" alt="">と、alt=""だけ書いて、説明のところを空白（何も書かない）にすればいいらしい。
ほんでさぁ、このブログには写真がほとんどないからいいんだけど、私はもう一つ、旅行記のサイトも持っているのだ。そこには写真がいっぱいあるのだ。んで、ちまちまと代替テキストを書いたんだけど
これがむづかしい！！すんごいむづかしい！！
最初は『人の写真』『町の写真』とか書いていたのだが、それって何の説明にもなってないよな。なんかせっかくだから写真の臨場感とかを伝えたいのだ。んでもそれってメチャメチャ難しいのだ。
写真を見ることができない人の立場になって考えりゃいいんだけど、それがまた難しいのだ。なんかだんだん長ったらしい説明文になってくるのだ。
んでまあ、実は今でも暇な時にちょこちょこと書き直している。私の場合、いっぺんにやると最後まで集中力が続かないのだ。
えーーということで、なんかだらだらと長くなってしまいましたが、なんといいますか、せっかくの便利なインターネットなんだから色んな人が平等に利用できればいいなー。と思う今日この頃でした。
あぁーえーっとぉ、肝心のテンプレートのリンクを張るのを忘れてましたぁ！
ってことでリンクを張ろうとしたらアドレスがそれぞれの管理者ページから行かなきゃダメなので張れませんでしたぁぁあ。
ので、あの、興味のある方は、管理者ページの『共有テンプレートから新しくダウンロードする』をクリックしてから『blueyan』か『simblue』で検索して下さい。すんません。
やっとこさ承認されました。
いや〜「あんたのダメー」って言われなくて良かった。
ほんでさっそく見に行ったのだが、右上にある文字サイズの変更ボタンがちゃんと動かない！自分用に設定してたもんだからよそ様のブログじゃ動かないのだ！ほんでさっそく手直しした。
ほんでさぁ、なんかありがたいことにその時点で6人ぐらいダウンロードしてくれていたのだが、当然ボタンは効かないはずなんだわ。せっかくダウンロードしたのに「なんだよぉ、動かないじゃん」って怒っていると思うのだ。
まことに申し訳ござりませんが、ちゃんと動かない人はもう一度ダウンロードし直して下され。今度はちゃんと動くはずです。
それから、その文字サイズの変更なんだけど、変更するのに四つのファイルを使っている。そしてそのファイルは全部私のサイトにあるやつを利用しているのだ。
なんか使ってる人にしたら気ぃ悪いよなぁ。変な話、そのファイルを私がいたずらしたら、使ってる人のブログの表示をシッチャカメッチャカにすることだってできる。
とゆうわけで、そのファイルを自分のサイトの方へアップロードする方法と、それに伴うHTMLの書き換え方を新たに書き加えた。
ってことで、またまた初期の頃にダウンロードした人はその記述が入ってないですすいませんゴメンナサイ！たぶん11人目以降ぐらいの人のやつには記述が入っています。HTML部分の最初の方に書いています。
なんか最初っからてんやわんや状態だなー。ひょっとしたらまだなんか変なところがあるかもしれない。
え〜もし使って下さっている方で、「ここがおかしいぞぉー」ってな人がおりましたらお伝え下さい。明日っからお墓参りで2〜3日お返事できませんが、帰ってきてから対処いたします。
すんません。最終版は18人目以降になります。「この記事へのトラックバックURL」ってのを追加しました。ほんっとすんません。
javascriptを埋め込み式にして参照ファイルを三つに減らしました。
普通に使う分には何の変わりもありませんので、そのままお使い下さい。
すんませーん、二点ほど変更いたしました。
(1) ブログの説明（私のとこのは『日々見た夢を綴って、心の平安をたもとうか、とゆうブログ』とゆうやつ）の、右端を少し詰めました。ブログ説明文の長い方の見栄えを（少し）よくしたつもりです。
(2) 『最近のコメント』欄の表示を、記事タイトルからコメントタイトルに変更しました。すんません、私の好みです。←(8/21)プラグイン対応にしましたので、これは自由に変えられるようになるはずです。
すんませ〜ん。またまた変更です。文字サイズ変更ボタンの文字の大きさを変え、直感的に分かるようにしました。
sugar さんのサイトを参考にさせていただきました。ありがとうございます。
ブログの共有テンプレートを作っちまったい
スタイルシートってのは、サイトのデザインを一手に引き受けているテキスト書類なのだが、これを一枚書き換えるだけで全サイトのデザインが一気に変更できるのだ。あっちこっちいじくり回すと本当に楽しい。
んで、私が今ブログを書いているのが、FC2ってところのブログサービスを利用しているのだが、ここの大きな特徴として『共有テンプレート』ってのがある。
FC2を利用している一般の人が作ったブログのデザインが、テンプレートとして大量にアップロードされているのだ。ほんで、その多種多様なデザインを自由に使うことができる。
なもんだから、色んなテンプレートをダウンロードしちゃあスタイルシートをいじくっちゃあまた取っ換えちゃあいじくっちゃあしていた。前から付けたかった文字サイズの変更ボタンも付けてみた。
ところが、いじくりすぎて、元のデザインとは似ても似つかないデザインになってしまったのだ。これじゃあ作った人も気分が悪いだろう。「あんなのオレがデザインしたテンプレートじゃないやい！」ってなもんだ。
と、ゆうことで、最初から作ることにした。
幸いにFC2の方で、「これを元にしてテンプレートを作って下さいね」ってゆうテンプレートのテンプレート？みたいなのを用意してくれていた。
ってことでそれを土台にして作ったのが今見ていただいているこれです。どーですかね？
よく言えばシンプル。悪く言えば味も素っ気もない。のですが、個人的には気に入っているのです。
ほんで、まあ、そうなると、これを共有テンプレートととしてアップロードしたくなるじゃあ〜りませんか。
ってことで、さっそくアップロードしてみた。
誰かがこのデザインを使ってくれたらすごく嬉しい。
ところが、アップロードしたからといってすぐに登録されるわけじゃないんだね。なんか『現在承認中』となってて音沙汰がない。
まあ、ろくでもないデザインや、悪意のある人が変なウイルス仕込んでるって場合もあるから、当然なのかな？
ちょっと手直ししたい部分もあるのだが、承認がおりないと手直しもできないみたいだ。まあ、待つしかないんだろう。
とりあえず、「あんたのデザインだめー」ってな連絡がこないことを祈りましょう。
だからカッコつけたらあかんがな
その町に、ちゃんとした定職にも就かずに毎日グタグタ暮らしている連中がいる。二十代後半から三十代ぐらいの、まあいい年した連中だ。普通なら世間様から白い目で見られるだろう。社会生活不適合者の烙印を押されるかもしれない。
でも、なぜか憎めない連中なのだ。世間一般のしがらみなんかものともせず、自由奔放に日々を楽しんでいる。
そして、そんな連中からすごく慕われている一人の男がいる。“尊敬”などはさっぱりされていないのだが、なにかってーとその人のそばに集まってきてくだらない話を始める。
そして、その慕われている男ってのが、……私だ。
いやーーーなんっちゅうか、こっぱずかしいやら嬉しいやら。あたしったらそんなたいした人間じゃあないのに、慕われているってのはホントにまあ嬉しいもんですなー。
んで、そのグタグタ連中の中には吉本の芸人が何人かいるのだが、なぜか山田花子までいる。
ほんでなんか私ったら前に山田花子と二人でプレイボーイのカラーグラビアに載ったことがあるらしいのだ。わけの分からん衣装着てわけの分からんポーズとって写真におさまってたのだ。夢の中だけど思い出したくもないことなのだ。
「ねーたけやんさん、たけやんさんって、以前花子と一緒にプレイボーイのグラビア飾ったんでしょ」
うっひゃーーその話題かよ、その話はやめてーな。
「そーよー、あたしと一緒に撮ったのよー。すんごいポーズだったんだから」
花子と背中合わせで恍惚の表情をしている場面が目に浮かぶ。
「アホか花子、その話はやめーな。オレの人生最大の汚点やがな」
「なに言ってんですかー、オレたちも見たいですよ。見せてくださいよ」
「アホなことをゆうな！そんなんメチャメチャ恥ずかしいがな。若い頃のヤンチャしてた写真見られるよりもっと恥ずかしいがな」
ヤベ、わし若い頃ヤンチャなんかしてないがな。どっちかゆうたら大人しい内気な少年やったがな。つい口が滑ってしもたがな。
「えーたけやんさんやっぱり若い頃ヤンチャしてたんですか？」
ドッキーー。あかんがな、その話し膨らませたらあかんがな。
「ああああったりまえヤンか（ドキドキ）。そらもうムッチャクチャやったがな（ドッキドキドキ）」
あかんあかんあかん、へたにカッコつけたからあとが続かへん。なんかドギマギしてまともに話ができひんがな。
なかなか長い夢で（まあこのぐらいしか覚えてないけど）しかも居心地のいい夢だったんだけど、へんにカッコつけたもんだからもうグタグタになってしまったよ。
まあ、夢でも現実でも、あまりカッコつけるもんじゃないなー。
透明トイレ
どこか、講堂のような広い部屋。部屋の中には私を含めて三人ほどの人間がいる。そのうち一人は女の子だ。相変わらず私の夢には女の子が必須なのだ。
でね、部屋の隅っこにトイレがある。なぜかドアはなくて外から丸見えのトイレだ。ただ、正面から見るとドアはないのだが、横から見るとドアがあるのだ。
なんだこりゃ？近くによって見ると、ドアに見えたのは、なんか薄いペラペラの幕みたいなヤツだった。
でさあ、これさあ、幕の内側に入るとオレが見えなくなるのだ！オレを素通りしてトイレしか見えないのだ！幕の内側に入ったらオレって透明人間なのだ！
入りましたがな。そりゃ入りましたがな。へっへっへー、女の子を驚かさなくっちゃ。
「○○〜〜！○○〜〜！」トイレの中から女の子を呼ぶが、全然気がつきゃしない。「○○ ○○〜〜！」フルネームで呼んでも気がつきゃしない（←なぜか名前が全然思い出せないのだ）。
さてこの場面、このシチュエーション、実は数日前（ひょっとしたら同じ日？）に全く同じ場面の夢を見たのだ。この前後のことはよく覚えていないから分からないが、透明トイレを見つけた場面ははっきり覚えている。夢の中でも『あ、前に見た夢と全く同じやがな』と思ったのだ。
ところが、女の子を呼んでいる場面の、次の場面が全く違った！！
「○○ ○○〜〜！○○ ○○〜〜！」
ちぇっ、いくら呼んでも全然気がついてくれないなあ。と、思ってふと後ろを振り向くと、そこには、
和式便所にアタマ突っ込んで倒れている男がいた！しかも死んでる！
なんか知んないけど死んでるって直感で分かった。あ、でも一応確かめとこ。
そ〜っと足を伸ばして足の先っぽで……チョンチョン。
ムクッ
ひ、ひ、ひ、ひぇぇええええ！！う、動いた！！
そのあとは、……全然思い出せないのだ。この後も色々と続いたはずなんだけど、その前にもなんだかんだあったんだけども全然思い出せないのだ。ホント中途半端で申し訳ない！
次回はもうちょっとはっきり覚えとくぜ！！ちなみにはっきり覚えられるって自信はカケラもないぜ！！