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

ずっと気になっていたけど放置のままだった最近のコメントと最近のトラックバックを修正。先日のスパム対策はカナリ有効だけど若干すり抜けて来るヤツラがいる。こまったちゃん。

スパムにやられると面倒だけど手動で消すのですが、今まで、最近のコメントと最近のトラックバックを表示するプラグインrecentwritebacks_treeの仕様(バグ？)で具合が悪い。修正してタイムスタンプが変更されると、投稿日時と無関係にそれが一番上に表示され、時系列ではなくなってしまう。超イヤ。

って事で、以前、writebacksのRSSを出力する為に入れたrwbc(recent writebacks cache)の機能を利用。

で、若干(でもないか)出力形式も変わったので表示件数を増やし、でも増やしたら増やしたでスペース取るし見難いので、CSSでゴニョゴニョとデザイン修正。僕的には上手くいったと思う。満足。

後はスパム対策だなぁ。設定変えるかなぁ。

最近イロイロでエントリ全然出来なかったのですが、まぁチョット気分転換してみようとエントリする訳でもなく、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を選択してみてください。ルビ振られない風に()で括られます。大した意味はないです。実験してみただけです。

仕事が突然忙しくなって、スノースクート妄想タイムの断片化が進行し、脳へのアクセスも遅くなってきている今日この頃です。

CSSの話

僕は仕事でウェブページのコーディングを行っているのですが、CSSという仕組みを使っています。テキストや画像等の情報を、目的の見た目に装飾・レイアウトするモノです。これには多くの要素があり、これらを組み合わせて行います。

ある目的のレイアウトを行う為に、必ず決まった要素を使用します。そして、その要素の値を指定して調整するのです。要素は一つでも欠けては表現出来ません。絶対に必要な要素は決まっているのです。逆に最低必要な要素があれば表現できるのです。

実際には、これらは汎用性のある組み合わせに名前をつけ、モジュール化して使用します。この目的にはコレとソレ。その目的にはソレとアレ。あの目的にはコレとソレとアレ。と、いう具合に。

しかし、各要素は若干被る部分もあり、条件によっては稀にこの目的がソレとアレで表現できてしまう場合もあります。でも、この組み合わせでは汎用性がなく、他では使用できないのです。その場限りの限定的なモノになってしまいます。

こんなモノばかり作っていると時間ばかり掛かって、必要な時に目的が表現できません。何処でも何時でも使用できる汎用性のあるモノを準備する必要があります。

スノースクートの話

スノースクートだけとは限りませんが、前の話を絡めます。

「 必要な要素は決まっている 」の続きを読む

昨日でこのブログを始めて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が厄介者。

このサイトを生成しているBlosxomのWikiが出来ました。

all about blosxom

blosxomについての雑多な情報を纏め上げるつもりのWikiです。

僕はブログを始めるのにレンタルとか嫌だったんです。別にお手軽を求めていた訳じゃないから。自分で構築したかった。でも、普通にMTじゃ嫌だったんです(ひねくれ者)。良さげなのないかな？と探していたらBSKに出会いました。これ、お手軽(矛盾？)なんです。

Blosxomは20KBくらいののPerlスクリプト。それ一つでブログとして機能するスグレモノなんです。でも、MTなんかと違って日本語情報少ない。カスタマイズしたいけど英語ダメダメの僕は取っ付き難い。

でも、BSKは簡単導入セットのような物で日本語解説もあるし、簡単にそれっぽく出来るオマケ達も付いてくる。これのおかげで随分とBlosxomユーザー増えたみたいです。

僕、Blosxom弄ってHTMLとCSS覚えたんですよね。

話は戻って、「all about blosxom」ありがたいです。この有益なWikiを立ち上げてくれたkyoさんに感謝です。

フレーバーとスタイルシートを弄りました。

新しいCSSを作っていた所ですが、ナカナカ上手くいかない。思った表示に調整できない。何が悪いんだ～って、にらめっこしてると気が付いたんです。無駄が多い。無駄に複雑になってる。

って事で一つ修正し、二つ修正し、弄っていくと随分変わってしまいました。見た目はホトンド変わりませんがね。結局は新しいのは出来上がらず。
でもFireFoxでの不具合が治った直った(と思ふ)。いまだにMacIEではタブが重箱ですかね？

何を？

それは表示スタイルです。

一番上をご覧下さい。小窓が付きましたね。お好きに選んでボタンをポン！ありゃ、何か変わったぞ！そんな機能を実装しました。遊んで下さい。

Normal

普通。FireFoxとか一部のブラウザ以外では文字サイズ固定。

Large

ちょっと文字が大きくなったかな？ブラウザの機能で文字の大きさを変えられるようになります。

No-Style

デザインなし。

スタイルシート(CSS)なるモノを切り替えてます。
ホントはもっとスタイル作ってからと思ったのに、間違えて途中でアップしちゃって、元が消えて戻すの面倒になった…。

他のスタイル、作るの面倒にならない事を祈る。

追記@2005/11/4

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