スノースクートライダー、カトウヤスヒロ(加藤康宏)のブログです。

最近イロイロでエントリ全然出来なかったのですが、まぁチョット気分転換してみようとエントリする訳でもなく、MyDoc.自体を弄っただけでした。

で、スカイプ始めました。プロフィールの写真の下に僕のステータスボタンを追加。まぁ、ポチっとどうぞ。

以前から面白そうだなとインストールしてはいたモノの僕のPCにマイクもなく、話す相手もいなく放置してました。先日、SAM'Sの松浦さんと電話していたら何気に「スカイプ使ってないの？」のお言葉、それを切っ掛けにハンドセット購入。やったぁ。

スカイプ初めて使ってみた感想：イイね！コレ。

今まで使っていなかったのが悔やまれる。これなら家電要らないや。

んで、MyDoc.をメイリオ対応にしました。まぁ、CSSのfont-familyに"メイリオ"を書き加えただけですけど。因みにPCにメイリオが入っていなければ何にも変わりません。

メイリオ対応にした感想：イイね！コレ。

僕のPCのOSはWinXpですが、Google先生に教えてもらってメイリオ対応。見やすいや。

んんで、プロフィールにYouTubeに上がっているES3トレーラー(僕バージョン)を貼り付けてみました。

ES3トレーラー貼り付けた感想：イイか？コレ。

良い様な悪い様な。表示が重くなっちゃったかな？まぁ、偶然巡ってきた人の目を引くのには良いと思うし、暫くこのままで。

たまにチョロチョロ弄っているんです。ブログの見た目や機能や項目を付けたり、消したり、変更したり。で、今回も弄りました。でも、今回はいつもと違う。何が違うかと言うと、頑張ったって事。

先ず、雲のようでない雲のようなタグ一覧を雲っぽく修正。プラグインを書き換えclassの割り振り具合調整とCSSで文字サイズ調整。条件式やら正規表現とにらめっこ。ここで頑張った。雲っぽくなったでしょ。

こう見るとsnowscootとbikeは勿論の事、think、theory、newsが多いのが判る。まぁ、古いエントリにはタグ付けてないんだけどね。じょじょにね。

次にinterpolate_fancyプラグインを入れてblosxomのflavourシステムを強化。条件によって表示等を変更できるようになる。で、ここでもプラグインの使い方と条件式とにらめっこ。相当頑張った。

タグを選択すると左メニューのタグ一覧が上に表示され関連タグも現れるようにした。とかとか。

大した事でなくても普段使わない脳を使うと疲れる。けど、新鮮で楽しい。

ウェブページ(html)って、ルビ(ふりがな)が振れるんですよ。知ってます？僕は敢えて難しい漢字を使ってルビ振りたい。読み易さは別にして。例えば下記の様に。

硬さと形状に拘(こだわ)って、俎板(まないた)で作ったattachment(アタッチメント)では、board(ボード)の撓(しな)りと捻(ねじ)れが覿面(てきめん)に現れました。

どうでしょうか？ルビが振られているでしょうか？普通はFireFox等の一部のブラウザではルビが振られず()で括られているだけかもしれません。IE(むしろコレが一部)では振られているハズです。それが仕様です。

でも、そんなブラウザ表示のバラツキもCSSで何とかなるそうです。

404 Blog Not Found:css - ルビもCSSで

当blogでは、現在以下をCSSに加えてrubyを実現しています。IEでもSafariでもFirefoxでもちゃんと見えます。

僕的には「おおぉ～！」って感じ。近い内にこのCSSを組み込んでみたいと思います。このCSSを参考に組み込んでみました。

ただ、ルビに関するタグはXHTML1.0には在りません。1.1から。諸々の事情で1.1には出来ないし、Valid XHTML 1.0!のアイコンは外す事にします。なんだかんだとXHTML 1.1に変更しました。

追記@2006/06/10

折角CSSを組み込んでrubyを再現してみましたが、FireFox等のCSSを切り替えられるブラウザであればexcept_rubyを選択してみてください。ルビ振られない風に()で括られます。大した意味はないです。実験してみただけです。

昨日でこのブログを始めて1年が経ちました。忘れないように予めエントリしていたのに忘れた。しかも、リニューアル間に合わず…。まだ中です。

何で1周年にこだわっていたかと言いますと、1年前のエントリを表示するプラグインを使いたかった。1年前の記事がないと意味がないのです。
表示されたらどうかと言うと、大してどうともないのですが、一年前はこんな馬鹿な事言ってたなと懐かしがろうという魂胆。

ざっと、リニューアル内容を羅列。

• タイトルをロゴ(画像)化
• SEO対策
• CSS選択機能の廃止
• スタイル変更(文字サイズの相対化等)
• スタイル修正(WinIE5.xに対応)
• 広告アフィリエイトエリア追加
• 記事別ページで1年前の記事リストを表示
• 記事別ページで同カテゴリ内の最近の記事リストを表示

こんな事をしてみました。見た目は大して変わらないのです。
これ以外にも付随して変わった事もありますが把握してません。不具合等ありましたらご一報ください。良い事あるかも、と言ってみる(無責任)。

まぁ、今後とも暇だったら見てよね。

いやいや、まだもうちょっと。

折角気が付いたので忘れないように前振り。てなことで、リニューアルしようとCSSをゴニョゴニョしてます。でも、ここをご覧頂いている6%の方しか、見た目は変わらない。わりと大掛かりで間に合うか不安です。

寒くなりましたね。今日、長袖で通勤しました。汗だくでした。

追記@2005/10/26

間に合うか不安と言ったわりにもう変更中。でも、終わってません。中です。
6%の方はハッキリと変化が分かった事でしょう。今まで気が付いていたけど放っておいてごめんなさい。0.3%の方は対応しません。ごめんなさい。

追記@2005/10/28

まだ、中です。
6%の方ってWinIE5.Xの方なんですよ。普通はWinにバージョンの異なるIEをインストールできないので(今は裏技で入れました)確認を怠っていた。というか大丈夫なように作ったつもりだった。けど崩れてた…。でももう、直しました。IE6と一緒です。0.3%はIE4.XとかNN4.Xな方 。

CSSってそのもの覚えるより、バグ対策を覚える方が多い。FireFoxとかSafariとか楽ですがMac5.Xが厄介者。

いや、謎ではないんですけど…。Macな人にゴメンナサイ。

こんな風に見える方はWinな人ですね。

MacIEな人はタブっぽいのが幅広くなって、重箱みたいに全部積み重なる様になってしまいました。うへぇ～。
Safariではどうかな？Macなスクリーンショット欲しいな。誰かください。

このサイトはスタイルシート(CSS)でデザインしてます。だからスタイルシートを外すと、ただの情報の羅列。ブラウザに外す機能付いていない人は下のフォームからNo-Styleを選択してみてくださいな。戻る時はNormalを選択。

Select Style Normal No-Style

このスタイルシート、ちゃんとルールは決まっているんですが、世の中のブラウザは、大体のルール通りにしか表示してくれない。しかも、ブラウザによって聞いてくれない部分が違うんです。
だから困っちゃうんです。

僕はWinな人なのでWinのIE、FireFox、Operaでは確認しているんですが、Mac表示を簡単には確認出来ない。
Macな人でも表示が崩れないように、どのブラウザでも言う事を聞いてくれるルールを中でデザインしていたつもりが、ちょっと気を抜いた隙に…。ゴメンナサイ。

いやぁ～、どうやって直そう？教えて！偉い人！

追記@2005/11/4

CSS切替機能廃止しました。