2005年12月アーカイブ

いろいろと用事（邪魔？）が入って完成が遅れましたが、なんとか完成しました。

R'styles on Dressup doll

ただ、ユーザスタイルシートと言っても、制作者スタイルをきった状態での使用のみを考えているので微妙に違うかも？　ほぼ sug さんのブックマークレットに依存していますです。

興味がある方は上の URL をブックマーク（お気に入り）してみてください。

まぁ、変なところや足りないところは必ずあるので、適宜修正が必要です（笑

途中経過を載せておきます。

html {
  background: #ccc !important;
}

body {
  background: #fff !important;
  color: #333 !important;
  margin: 30px 10% !important;
  padding: 2.5% !important;
  width: 75% !important;
}


h1 {
  background: #333 !important;
  color: #f5f5f5 !important;
  font: normal bold 1.2em/1.5 sans-serif !important;
  margin: 1em 0 !important;
  padding: .5em 1em !important;
}

h2, h3, h4, h5, h6 {
  background: #f9f9f9 !important;
  font: normal bold 1em/1.2 sans-serif !important;
  margin: 1em 0 !important;
  padding: .3em 15px !important;
}

h2 {
  border-bottom: 1px solid #f60 !important;
}

h3 {
  border-left: 6px solid #f60 !important;
}

h4, h5, h6 {
  border-bottom: 1px solid #999 !important;
  margin-left: 6px !important;
  font: normal bold .87em/1.2 sans-serif !important;
}

a {color: #09f !important;}
a:visited {color: #069 !important;}
a:hover {
  color: #f60 !important;
  text-decoration: underline !important;
}

abbr {
  border-bottom: 1px dotted #999 !important;
}

acronym {
  border-bottom: 1px dashed #999 !important;
}

blockquote {
  background: #fcfcfc !important;
  border: 1px solid #ccc !important;
  border-left: 3px solid #333 !important;
  margin: 1em 1.2em !important;
  padding: 12px !important;
}

blockquote p {
  margin: 12px 0 1em !important;
}

div {
  padding: 1em !important;
}

sub {font-size: .8em !important}

ユーザスタイルシートにおける「!important 規則」は最強。製作者が「!important」をより高い specificity の指定に使っていない限りユーザスタイルシートの「!important」付きが優先される… だったと思う（ぇ
詳しくは、Smart Thinkings - Weblog で過去に書いたと思うのでそちらで（笑

そういえば、随分長い間買っていない「WebCreators」2月号が昨日発売だったそうで、メルマガにこんなのが。

◆◆◆50号特別コンテンツ◆◆◆

◇特別付録小冊子

CSSの基礎から応用まで1冊に凝縮！
[永久保存版]CSSレイアウトパーフェクトガイド

中身が超気になる… 良ければ持っておくと楽？

そういえば、最近本屋さんに行っても Web デザイン系の本は買わなくなりました。何て言うか、私にとっては高い。Web 上の方がイロイロ細かく載っていたりするし、知っていることも増えてきたからだと思う。MT 本も一冊買おうかなぁ、と思って一昨日イロイロ物色していたんですが、なかなかいいのがない。MYCOM の本が良さそうだったんだけど、内容を見た感じでは（私にとっては）高い。CSS でレイアウトとか、テンプレートの作り方とか、そんなのは要らんので。進化してるのかも？　ワシには判らんアホじゃけぇ。

ただ、MT タグリファレンスは欲しいですね。現在、3．2 版が出ないかと待機中。今出ている方を買ってから増補改訂版とか出たら悲しいので（笑
（何度か経験あり orz）

sug さんの「Dressup Doll ブックマークレット」という記事で「ｷﾀ━━━(ﾟ∀ﾟ)━━━ｯ!!」と喜んでいたら、「R'style 流ユーザスタイルシートを作りなさい」との指令が出たので考えてみることにした。「style = 流」なので R'流流？という細かい突っ込みは無しの方向で。って言うか、意味は「R'流（自己流）」でもハンドルネームですから…！ 残念！（何か懐かしい

しかし、私がユーザスタイルシートを使うことは稀（5 年に 1 回あるかどうかくらい？）で、汎用的なものは考えたことがありません。そもそもユーザスタイルシートの使いどころがイマイチ分からなかったり…　基本的に製作者スタイル優先だし、それであまりにもダサかったり、読みにくかったりしたら、もう見なくて、どうしても見たい時だけ「WebDeveloper」の力を借りて CSS をチョコッと編集して見る程度なので。

以前どこかで書いたかも知れないが、私がユーザスタイルシートを使ったのは、大学で講義の説明用 Web ページがあまりにもショボイマークアップな上にスタイルシートなしで見づらく、「WebDeveloper」で毎回「CSS の編集」で CSS を書くのが面倒だったので専用の CSS を書いて自分のサイトのようにデザインして見ていました。（画像をレンタルサーバから呼び出して…（笑））

まぁ取り敢えず、CSS を書く前に HTML タグを一通り並べてみようかということで、愛用の HTML 辞典（そろそろ新版が欲しいところ）で順番に、そして入れ子構造に気をつけながら書き（打ち？）出してみるとなかなか多いじゃないですか！（逆切れ？）普段使わないタグとかもあって、「何のタグ？」と思っていたら非推奨要素だったりするが、非推奨要素はスタイルシートで書くべきってヤツだから特に CSS で指定してやることもないと思って排除した…

R'style流は書くのは起きてからにしますが、ユーザスタイルシートはなかなか面白いですね。「洵さん作のユーザスタイルシート on ブックマークレット」が公開されているので sug さんのブックマークレットと共に試されては如何？テーブルレイアウトでないブログなら大体同じ見栄えになって面白い。これがユーザスタイルシートか、って感じですね。これをウェブアプリとして実現するっていうのが以前考えていた新しいWeb閲覧方法ですが、今は「RSS ブラウザ（仮）」一本です（笑

ちなみに、R'style 流ユーザスタイルシートはチョッチ注意が必要かも。というのも、この場合は「ユーザ = R'style」万人向けではありませんし、私は CSS 大好き人間（マニア）ですが、それほどアクセシビリティ等は考慮していません。例えば文字サイズなどはデザイン上の個人的な好みでピクセル値指定でやっているくらいですから、IE には優しくないです。あと、私が書いたらこのブログのデザインっぽくなりそう。っていうか、これで…　ウソです、私が使わない要素には CSS 書いていないので（笑

そういえば、最近色んなところで見かける共有プラグインってナニ。ついでに、「共有テンプレートもプラグイン無効でもナビゲーション類が表示されるテンプレートであるべき！」といってみるテスト。ただ私がプレビューしてガッカリするだけなんですけどね。それに、私はプレビューするだけで滅多に使わないので、別にどうでもいいいですけどね。

取り敢えず、一旦 CM（睡眠）でーす。

ブログなどでカスタマイズしながら CSS を覚えて脱初心者を目指しているんですか？　それなら今から紹介する本の購入を検討されては如何？

スタイルシートスキルアップ・デザインブック

陳腐な前置きは兎も角、良い本が出ましたよ。

「大体分かるけどまだ初心者」、「実践的な方法を知りたい」、等。そんな人が読むと幸せになれるかもしれない。

値段が高いって？　大丈夫、私が適正価格だと保障します（何

ただ、難点を言うと、どうしても「文化の違い」は否めない気がします。折角カラーでサンプルデザインが載っていても、その雰囲気が日本でよく見るようなモノとは違うんですよね。別にテクニックを学べればそれでいいだけなんですけどね。個人的には、サンプルは日本のプロが作るようなデザインの方が馴染めるかなと。

まぁ、こんな感じですね。一度立ち読みしてみてもいいと思います。（本屋さんごめんなさい）

EIZO FlexScan とかイイね。

Web 用の素材画像作ったり画像作ったりしてると、どうも今のディスプレイではチョット汚いので、Web 制作作業用にゴッサキレイに見えるヤツが欲しい。でも、モッサ高いのは無理。買えない

そういえば、この前「1280*1024」の解像度でデザインしたモノを「1024*768」で見ると全体的にバカデカイ感じでバランスも悪くて鬱陶しかった。まぁ、某社社長は今後「1280*1024」以上になるからそれで良いといった。そういう問題じゃねーし。どうしてもアップするなら私が作ったと他言するなよ と。あと、解像度は画素数云々まで説明したら理解しろ… orz

今使っているディスプレイは一応「液晶のシャープ（液晶はシャープが開発）」という事でシャープ製なんですが、大学に置いてある PC の「EIZO FlexScan」がかなりイイ感じで…。家で見たらキレイな画像でも大学で見たらノイズが入ったみたいになっている時があるし。しかも、画面を指で押しても弛まない。（家のは微妙に弛む orz）

やっぱりディスプレイはゴッサ良いのが欲しい。むしろ必要。

お年玉降ってこないかなぁ（笑

22 日まで大学だったのでチョット前に注文してたんですが、昨日やっと届きました、iBook 用メモリ（ク、クリスマスプレゼント！？）

メモリを選ぶ時は、取り敢えず店の人等に「SUMSANG（サムスン）チップのヤツ」などと言っておけば間違いないです。あとは、メモリではケチらないこと。最近安くなっているらしいからいいんですが、安物のメモリはヤバイですよ。原因不明の（突き止め難い）不具合発生しますから。（経験談：メモリ使用率が上がるとイキナリ再起動する等）下手したらマザーボード（パソコン本体の基盤って言う感じ？）が逝かれるらしいし。まぁ、サムスンチップなら安くてもいいってことで。他のメーカーでも「JEDEC 」って書いてあったらいいけど、覚えやすいからサムスンで（笑）

まぁ、マニアックな話はこの辺にして、MyMac（2005年版新iBookG4）のメモリは 1 GBになりましたとさ。めでたしめでたし

これで、軽く遊ぶ分には問題なしと。快適だー。

やっと某リデザイン中のサイトが暫定的に完成しました。コーディング作業は意外にキツカッタけど…　全ページ大体同じマークアップだと思っていたのが甘かった orz

しかし、直す前は素人が作ったと聞いたけど酷かった。まぁ、私も素人ですが（笑）取り敢えず、元が全然マークアップされてないし。見た目上だけでも情報の重みというか見出しなどが分かりやすければよかったけど、それもないに等しく、情報の出現順も変に感じた。まぁ、全部微妙だったたんですよね。1 カラムをテーブルで作っていたり、表を table でマークアップしてなかったり。それにしても、私が制作に関わる企業サイトって、社長が「何を見てもらいたいか」をハッキリさせてなくて、全部曖昧っていうか、全部見せたがる感じ？載せる内容は整理されてないと、作る側に考える作業まで付いてきてシンドイ。社員じゃないから会社の事よく分からんのにね。

取り敢えず、私が制作に関わるサイトは特別な理由がない限り標準準拠の方向でやってます。これも Project.R のサブセット。（草の根運動ですね）あと、SEO 対策？も一応ガムバったかも。まぁ、持論は「最適なマークアップこそが最高の SEO（であるべき）」ですが。

昔の意味不明マークアップからのリニューアルってスゲー大変ですよ。ソース見ても変な改行とインデント付きのテーブル内にテキストとスペース，<br> だらけで font タグもそこら中に散らばってる状態ですから。私はソースは一切見ずにブラウザで表示してテキストをコピー＆ペーストして０から作ってますね。

まぁ、「テーブルで作れ」と言われると困るわけですが…
Netscape 4 で見栄え重視とか言われたら「チーン」です。

洵さんのところで知ったテレビ欄占い。面白そうだったのでやってみました。

以下、結果（R のコメント？付き）

Rさんをテレビ欄に例えるとこうなります。

Rさんの平均視聴率は、18.1％、
テレビ局タイプは、NHK総合です！

NHK総合さんの性格

隠れた実力派です。世間の流行などなんのその。独自の確固とした世界観を持っています。目立つことがそんなに好きではないので、普段は地味だと思われがちですが、分かる人はあなたが内に秘めた輝きを直感的に見抜きます。いざという時は俄然実力を発揮し、周囲を驚かせます。人にものを教えたりといった、補佐的な役割も得意で、人がよろこぶ顔が好きです。

やったね！ NHK 嫌いだけどね！ 全く見てないけどね！

大体当たってる気がするのは気のせい？　あとは隠れた実力派であることを願うばかり（笑）

視聴率はイマイチピンと来ない。マックスどれくらい？って１００％だろうけど、実測値（この結果）でマックスね。って言うか、この値は一体何（笑）

まぁ、NHK の人が来たら目の前でテレビ壊してもいいから、見もしない、見る価値無しの番組が多い局に無駄にお金払うくらいだったら、テレビ見なくてもいいよ。もちろんゴミは NHK で捨ててくれ（笑

こんなテーブルでも取り敢えず手打ちなんですよね… orz

ちなみに、テーブル用の CSS は最近（サイト制作で）使っているタイプのヤツです。

他にもイロイロ占い？みたいなのやったなぁ。もう一回やって載せてみようか。確か、恋愛頭脳ってヤツは「1位の神様」だった。ハイハイ、面白みのない男ですよ と。

デザイン変更中のサイトのデザインがようやく決まったところで、コーディングに入りました。ホントは約 4 日前からデザインは出来上がっていましたが、やることがあったり、疲れてたりで…

取り敢えず、ようやく専門？分野ですよ。
ここからが一番楽しいところ。マークアップから始めて、画像素材をスライスで書き出し＆ CSS でイイ感じに（イメージ通りに）配置。後はメジャーなブラウザで確認・修正という具合。

まぁ、そういう感じなんですが、遅れ気味… orz
「アップルシード」を（iBook で（笑））見ながらコーディングするつもりが、見てばかりでこんな時間（もうすぐ 5 時）に（笑

１ページ出来たら後はマークアップするだけでいいのに…　眠いです！

後少しだからガンバロ。

PS で最初に買ったソフトは「RIDGE RACER」

PS2 で最初に買ったソフトは「RIDGE RACER 5」

PSP で最初に買ったソフトは「RIDGE RACERS」

思えばレースゲームが好きになったのはリッジレーサーからですね。

しかし、「Xbox360＋RIDGE RACER 6」は無理だ… 色んな理由で買えない…。買ってもどうせ…って感じだし、そろそろそういうお年頃？

というわけで、某所の試遊機で…昨日チョットだけ遊んできた（笑

まぁ、一番最初のコースをタイムアタックで…　一応キレイに走って最速だったけど、誰もタイムアタックやってないかも（笑）あと、最初のコースで練習してからコーナー（カーブじゃないんですよね（笑））の多いコースで最速目指そうと思っていたんですが、やってる途中、後からかなり接近されて鬱陶しかったので止めた…。気が散って一回壁に擦ったし…っていうか、普通服やカバンに触れるほど他人に近づくかよ…。カバンの中身漁られてるんじゃないかとヒヤヒヤモノですよ。（開けられた感じはなかったが、気が散った理由）カバンの中は本だけで金目のものはないとしても、私にとって本は財産、って言うか教科書（笑）で、取られたら相当困るので。

取り敢えず、少しの間後から見られてて、それがカバンに触れている事にさえ気づけない程ボケている人だったか、怪しまれる行動だということすら分からない子供だったか、又は人間じゃなかったか、もしくは「代われよ」的なプレッシャーだったわけですが、最後まで走った後は周りに誰も居なかったので正体は不明。途中で後から警備員も現れたけど、タイミング的にもしかしたら警備員だったかも？ だとしたら…

まぁ、まずは一つ目のコースレコード…。続く（笑

今考えているのは「Smart Thinkings」で Web デザイン（CSS）系のブログを書くのを止めるということ。

今までは一通り簡単に勉強して、さり気なく隠しながら（!?）書いたり、考えを書いたりしたけど、本も結構出てるし、CSS 解説？系のサイトも随分増えたように思うので、特に要らんよねっていう…。

あと、私が Web デザイン系のブログを書いていたのは、Web で仕事が貰えないか…という狙いもあったり… 正社員や朝から晩までのバイトとかでナカナカパート的なのがなかったので。「css Zen Garden」も何か作品が欲しかったからという理由で挑戦したものだったり。まぁ、これも実際仕事もらえたのでもういいかなと（笑

もう Web デザインがどうとか Web 標準がどうとかそういうことを書くのは専門家にお任せするのが一番かと。

で、今後はどうするかというと、勉強ですね、英語とか。
と言う面白くない宣言はしません（笑）（TOEIC の点が必要なのは事実ですが…。）

今後はなんと言うか裏方？っぽい感じでいたいと思う。
「Project.R」も本質的に裏方ですし、「CSS で装飾してください。」なんていうのもそう。「css Zen Garden」は、CSS に出来る事の実演サイトで、見る人に影響を与えるのが主旨だと思うけど、「CSS で装飾してください。」はテンプレートを作成する過程で作者にプラスになることがあればいいな、というのが主旨。実演の部分は実はオマケ。（私が色んなデザインを見たいだけかも（笑））

何か話がそれた感もありますが、裏方といってもテンプレートは作りますよ（笑）ある意味（普通に？）裏方ですしね。

具体的には、「テンプレートの作成（FC2BLOG，MT，XOOPS，P_BLOG）」と「プログラマ的側面を鍛える（ブログツール（CMS?）作り）」、「CSS 学習の王道の模索（Subset of Project.R）」って感じかなと。プロデュースっていうのも興味はあるけど実力が伴わない･･･。

まぁ、最終的には全部自分の為、自己満足の為です。

昨日、非常にショックを受けた。

バイトでやっているサイトのデザインに関して、「そんなに凝らなくていいから、普通でいいから」と言われた。

正直マジ凹みですね。バカにされた気さえする。それに、凝ったトップページがあってそれ以外のページをショボイ作りに出来るわけがないだろうと…。

私も一応、工学部（モノ作り系？）だし、言ってみればクリエイターだと思っているが、「良いモノは作らなくていい」と言われたようなものだと思った。まぁ、それで安く抑えようという魂胆が見え見えっていうか直接言うくらい。私としては、なら他の人に頼めよ… という気になる。「この程度のデザイン力で調子に乗り過ぎ」と思われるかも知れないが、他人がどう判断するかではなく、自分が良いと思えないモノは作りたくないし、WEB 上に置きたくない、ということ。しかし、実際に判断するのは他人なので、そういうわけにも行かないわけだが。ただ、その時点で最高のモノを作ってもショボイというのと、ショボイモノを作るのとは違うと思うから。

頑張らなくていいのなら、超入れ子テーブルで作ってやろうかと思うくらいだが、それは Web 全体として良いこととは思えないのでやらないが、ホームページビルダーでも買って来て自分で作れよ、と言いたい。小学生くらいでも一人で作ってるから。

まぁ、プロはクライアントが満足して儲けが出ればそれでいいと思うのかもしれないが、どうもそういうのは嫌いですね。（やっぱり調子乗りすぎ？）

まだどうなるか分からないけど、文句ばかりかいていないでさっさと辞めてしまうのもありですけどね。チョットした訳もあって、まだ辞めたくない感じなんですよね。

愚痴もいっぱい書いたし、また頑張るとしよう。
デザインを頼まれた方は自分で納得が行くものを作りたいし。

たまには NG な HTML や CSS の本を見てみるのもいいかもしれません。

別にそれを参考にするわけではなく、反面教師的（？）に「ドコが何故ダメなのか」を探して考えてみるのも一つかと。もちろん、明確に正解はドコにも書いていないが、そこは自分の判断なり、まともそうなサイトのマークアップを見るなりで。ただ、NG な本っていうのは価値観にもよるかも知れませんが、Web標準を基準にしてもいいと思います。

話は違いますが、私は一応 CSS 関連本はチェックして良さそうな本を紹介しています。でも、最近アレは意味がないんじゃないかと思えてきた。別に私が「良い」と言ったからってどうなの？っていう。Eric Meyer氏などが「これだ」と言ったらそれっていう。又は（クラス中毒だったり div 中毒だったりしても）プロの Web デザイナーが言ったらそれとか。つまり、影響力。そして、それはブログの内容も然り。まぁ、ブログは発信よりログっていう目的が大きいのでいいんですが。

と、上のようなことを書いておいてまたオススメしてみる。

最近では「表紙にサルのイラストが使ってある本」は良さそうな感じがしました。CSS のレイアウトやレイヤー等をイメージするのに図が使ってあったり、レイアウトは結構多めにページ割いていた気も。

あとは、「教科書」ですね。目次を見てビックリですね。本当にあの内容がまともに書かれていたら、他の本要らないんじゃないかというくらい。著者のブログの最近の記事を見たら、まともに書かれていると思えます。今、かなり欲しい本。もう益子さんファン？

ちなみに、紹介する本の選び方は「レイアウト、ブラウザのバグ＆対策」がないものは除外。後は大体 OK の方向。ホントはサンプルソースもチェックしたいところですが、そこまで細かく立ちｙ（略）まぁ、CSS はレイアウト目的じゃないとか言われたとしても、実際に使えないようなものはダメだと思うから。

スゲーって感じですね、MovableType。
今頃 MT の便利さに驚いている R'style です。
えぇ、カスタマイズする時間はなくても、管理画面をチョコチョコ見てるわけですよ。(´ー｀) ウフフ

フツーの企業サイトや個人サイトは基本的にこれをベースにすればかなり楽なはず。まぁ、有効に使えれば、ですが。しかし、MT はマジで遊び甲斐のあるツールですよ。

単にブログツールとしてなら P_BLOG の方がイロイロ面白いですけどね。WordPress はあまり遊べなかった気が… 悪くはないですが。

まぁ、ユーザ管理やグループ管理が必要な場合は CMS で、特に必要ない場合は MT で良いはず。あと、コンテンツが少ない場合は規模が大きすぎるので、HTML 書いた方が良いけど。BBS 置きたいって人は P_BLOG あたりも検討してみてはいかがでしょう。P_BLOG ではコメントを掲示板（フォーラム）化できるので。取り敢えず、XOOPS はテーブルでゴチャゴチャとイロイロ並べたい人向けかと。ゴチャゴチャとイロイロって言っても、コンテンツと連携して自動で更新される等なので確かに便利なモノではあるんですけどね。

取り敢えず、MT はカスタマイズが楽しそうって事ですね。

しかし、具体的に何もしていないのは、他の事で手一杯だからで、この記事はやりたくても出来ないフラストレーション。

そういえば、昨日「グレーをベースに緑（若草色だった気もする）の配色こそが最高にオシャレな配色だ」みたいな事を聞いた夢を見た。寝てるときにテレビで言ってたのかな？ それだったらいいけど、勝手に作り上げたものだったらどうしよう…（笑）でも、何故かあたかも真実であるかのように、今やっているサイトのデザインをその配色に… これがナカナカ…悪くない（笑）まぁ、メインは赤とグレーなので、背景にチョコッと入れてみた程度。確か、色相環（？）で反対側だったような気もするし、目立っていいかも知れないというわけで暫定的に採用。

色の勉強もしないと…

「お前は "デザイナー" なのか "プログラマ" なのかドッチなんだ？」という問いに対して「両方」と答えるのが目標。

何か最近、目標とか啓蒙みたいなことばっかり書いてる。何でだろ？

それにしても、最近 FC2BLOG は処理が遅い気がする… この前はどこかのサーバのブログが全部タイムアウトして見れなかったし。トラフィック等で喜んでる場合か。サーバ管理者は大変ですね。

ブログでアクセスアップを目指すならこれからはタイトルに一工夫を…

やっぱりモチベーションですよ。

まぁ、モチベーションを言葉で説明できる程この言葉を理解しているわけではないが敢えて使ってみる。ただ、「理由」「目的」「ヤル気」等に近いモノだという認識でいる。

私は「オブジェクト指向」の記事で「過去にオブジェクト指向の勉強も兼ねて、JAVA の本を買ってきて勉強したことがある。その時は、別に何も作りたいモノがなく、概念的にもイマイチわからないまま終わっていた。」と書いたが、結果的に JAVA はサッパリ（多少分かっていたけど、書けないという意味）のまま勉強するのを止めた。この中でも「別に何も作りたいモノがなく」が問題だったんだと思う。目的がなかったから続かなかったんだろう。ということは、逆に明確な目的（目標）があれば、続けられるし、結果は出るのでは？

ここで、ブログの話。特にデザイン面に関して。

ブログ（サービス＆ツール）というのは大抵既存テンプレートにより様々なデザインが提供されている。この既存のデザインで満足する人も居るが、やはり自分好みにカスタマイズしたいという人も多い。これは、ブログは「ホームページ（自分の Web ページ）」という意識によるものだと思う。

ブログのデザインをカスタマイズすると言えば、一般的に「CSS」によるモノが多い。プログラミング言語に似ている部分もあり、ナカナカ理解し難いらしい。理解し難い理由は幾つかあっても、一番はやはり「CSS だけを理解し(覚え)ようとするから」だと思うが、ここではこれ以上追求しない。

何が言いたいのかというと、「自分好みにカスタマイズしたい」というのはモチベーションなのではないかということ。モチベーションというのは強い気持ちだと思う。

この気持ちがあれば、キチンと勉強すれば「CSS」だろうと「HTML」だろうと簡単に書けるようになるはず。だから、安易に人に聞くのではなく、モチベーションの高い内に自分で勉強しましょう、ということ。この程度の事であれば、必要な情報はいくらでも手に入れられる。「Google」等を利用するのがイイ。（何となく Google の CM みたい）取り敢えず、「何らかの理由・目的の為に何かをしたい」と思った時が頑張る時であり、成果を得やすい時だと思う。「（学ぶ）チャンス」だと言えると思う。

私は、オブジェクト指向の講義を受講し終えたら、PHP の自分用 CMS の開発？に取り掛かろう。Web アプリの作成を経験する為に、（オブジェクト指向の復習兼）プログラミング上達の為に、自分好みの環境を作る為に…

今日から 4 日間、オブジェクト指向（JAVA言語による）の講義を受講している。

第一回目は JAVA がどういう記述なのか等、簡単な内容に終わった。今回は３つの収穫があったように思う。

一つは、JAVA の復習。実は、私は過去にオブジェクト指向の勉強も兼ねて、JAVA の本を買ってきて勉強したことがある。その時は、別に何も作りたいモノがなく、概念的にもイマイチわからないまま終わっていた。しかし、今日の講義で思い出しながら何となく理解できた気がする。

二つ目は、デザインのイメージが沸いた事。今デザインを担当しているサイトは JAVA と密接に関係しているので、ちょっとした思いつきがあった。蛇の道は蛇？ まぁ、通るかどうかは分からないが。

三つ目、これは何となく思ったことでネタのようなモノ。オブジェクト指向というと、オブジェクトやクラス、インスタンス、継承等の概念が出てくる。（継承はまだ出てきていない）この中で、「クラス」と「継承」にチョット引っ掛かった。これは「CSS」にも似たものがあるじゃないか。別に今日初めてこれらの存在を知ったわけではないが、何となくそんなことを思った。

「クラス」はそのまま CSS の「クラスセレクタ」に、「メソッド」「変数」などは「プロパティ」に対応させてみることが出来そう。「インスタンス化」は HTML にクラス属性を付加することのようだと思う。また、継承も存在する。厳密には違うと思うが、それでも似ているとは思う。

クラス属性の付加などを考えると HTML も併せてオブジェクト指向っぽいものになっている気がする。「(X)HTML＋CSS」はオブジェクト指向なのか？　まぁ、JAVA とは違いまだまだ処理系依存が続きそうだが（笑

三つ目に関しては、Smart Thinkings のネタですが、上記の通りデザインを担当しているサイトのデザインがまだ出来ていないので、チョット更新しにくかったりするのでコッチに下書き… まだオブジェクト指向自体もよく分かっていないので「全然違うジャン！」ってことになる可能性も否めないし。

R'style lab on MovableType

取り敢えず、ブログ名は基本的に「R'style lab ○○」と付ける癖が…
でも、「lab」でもなんでもないという…

洵さんにイロイロ教えて頂いていた通りテンプレート回りは面倒な仕様でしたね… ただ、これはテンプレート配布という観点からであって、CMS の機能としてはかなりイイ。XOOPS でもこういう風になればなぁ、と思う。カスタマイズのやり甲斐があるってモノですよ。こういうのが欲しかったのかもしれない。

一方、XOOPS はブロックの概念があるし、システムが吐き出すソース（コメントフォームなど）は PHP を編集しないとダメというのが痛い。元々のソースがまともであれば文句はないんですけどね。システムの PHP を編集するとアップデートすると元通りということがあるし、使えん。何故 HTML をもっと詳しい人にチェックしてもらわないのかが謎。「XOOPS Cube」に移行する際にイロイロ意見できる機会があったけど、突っ込んだ話になって、うやむやになったまま終わったので、今後も標準化の望み薄。まぁ、「テーブルを無くせ」とまではいえない代物ですが。この際、HTML-lint で文法等だけのチェックでもいいですよ と。まぁ、それよりは全ての HTML をテンプレートとして提供してもらう方がありがたいが、ユーザ管理等と絡んでいるので多分このままだと思う

しかし、何とかならないものですかね、テンプレート。一番簡単な方法は CSS と画像だけ配布ってやつかな。でも HTML もチョット変えたい… まぁ、多分 FC2BLOG でそうであるように、Web で調べるなりして独力で変更可能な人だけどうぞ、という感じになりそう。ちなみに、FC2BLOG では、カスタマイズできる人はご勝手に、という感じ。何とかカスタマイズしてやろうと頑張っている人であれば、多少アドバイス的なこともしますが。ただ、画像の再配布は止めてね、と。取り敢えず、MT の設置マニュアルを見て設置できる人なら出来ると思うし… 私は読み落としが激しくて失敗しまくりだったのは内緒で。（だって見難いですよ、アレ。読む気がなかったとも言う…）いずれにせよ、ある程度の説明は要る。うん、面倒！

テンプレートセットという概念が欲しいところ。

昨日、遂に Firefox 1.5 を入れてみました！ iBook と大学のマシンに…（笑

まぁ、Linux 版は何気に英語版（笑）あとは実行パスを通さ？ないと使い勝手が悪いんですが、えぇっと（えぇっとはいらんよ）、今のところ放置です。プログラミング課題の途中だったので（笑

感想は、「ナカナカイイ」。「Web Developer」も対応していましたし。あと、私の好きなテーマ「Saferfox Xpanded」もチョットカッコよくなって対応していました。（っていうか、1.5 以降用）このテーマは R'style の一押しですよ と。Web Developer のアイコンもシンプルなモノに変わりますし。まぁ、他は「GrApple」シリーズは質が高い感じでイイかも。

それで、Mac 版は何かホームページの検索がヤッホーになってて（チョット鬱陶しかったので）、設定を変更することに。最初、モジラのサイト側でブラウザの設定を見て変えているのかと思って、「アドレス欄に about:config」（トラックパッドのアレを止めたい時もこれで。）で、検索欄に「search」と入れて検索。するとデフォルト検索エンジン名の欄が「Yahoo!JAPAN」になっていたので、とりあえずこれを「Google」に。あと、「search.order」というのも、「Google」と「Yahoo!JAPAN」の順番入れ替えて完了。と思ったらホームは変わらず… そこで、普通に「オプション」にある「ホームページ」の URL を以前のモノに書き換えて解決… あぁ、スッキリ。 about:config の設定は多分ツールバーのヤツだったんですね。（未確認）

まぁ、今回一番大きかったのは Mac 版で拡張機能とテーマをインストールできるようになったことです。何故か 1.0.7 では正常にインストール出来なかったので…　ようやく MyMac でも Web Developer でイロイロできるように… そして、テーマは「Saferfox Xpanded」（￣ー￣）ニヤリ　でも、Mac 版の「バグ？」はそのままのようで… 残念（！）

その内 Win マシンにも入れよう。

徹夜しちゃった。

自宅で仕事（？）の方なんですが、ロゴが決定済みで、文字のみで、デカくて（縮小できますが、500px * 40px 程度なので細長く…orz）、色もチョット微妙、という… まぁ、そんな中リニューアルです。一応、前のイメージを残しつつ仕上げたつもりなんですが、全面的に変えた方がいい気がする。でも、そうなると問題なのが「ロゴ」、もう扱い難すぎ。

あと、コンテンツが少ない…
Weblog や CMS といったモノのデザインを考えてばかりいる私にはシンドイ。ある程度ページ数があれば、ブログ風の 2 カラムレイアウトで OK ですが、ページ数が少なく、1ページの内容も少ないという… インデックスページは可変幅だったり、コンテンツページは固定幅だったり、固定幅嫌いって言われたり。

また、ロゴとサイトの配色が「赤、グレー、白」で、「赤」は「赤：#ff0000」なんですよね…　しかも、バイト先（？；もうはてな付き）のサイトと配色一緒で… 微妙に似てるー（笑）取り敢えず、真っ赤って使いにくくないですか？

一応、「完成」にしたものの、全然納得いかない。何か締まりがないと言うかなんと言うか。黒とか使いたい。幅固定にして影つけたい。

アイデア降ってこないかな。

クリスマスプレゼントは、ズバリ（言うわよ）「デザインセンス」でおながいします。
取り敢えず、寝ます… ｏ(~ρ~)ｏ

MT テンプレートってどうやって配布するんだろ… MovableType 使ったことないから想像もつかない。XOOPS みたいにテーマディレクトリみたいなのがあるんだろうか。（それくらい調べれ！と突っ込まれそう）

最近、チョット XOOPS のシステムが吐き出す変な HTML にうんざりしつつある私、そろそろ自分用（超）簡易 CMS （中身はただのブログツールだと言う噂）を作りたい。（ただ、XOOPS の中身を解析する方が早いわけですが…）実は例のセキュリティ本はこの為に買ったんですよね。それで、人気の MovableType っぽい感じのものを PHP で作りたいなと。既に簡易じゃなくなりつつありますが、そのためにチョット MovableType 使ってみようと思うんですが、どうせならテンプレートをってわけです。あと XML もチョット。

で、私が FC2BLOG で共有テンプレートに登録しているテンプレートを「MT テンプレート」にしたら使う人いますか？っていう…　ここに書くことじゃないな…（笑

12月に入ったことだし、そろそろ次の XHTML を調整しようと思ったり思わなかったり。

でも、結構忙しかったりするんですよね。ブログ書いたり麻雀やったりしてますが…（笑）

あと、Ajax をやってみたいんですよね。Ajax の読み方は「エイジャックス」。Ajax の「A」は「Asynchronous：エイシンクロナス」なので、「エイジャックス」と読むんですが、身近な情報系の人には、素で「アジャックス」って言う人も居ました… まぁ、「アシンクロナス」ともいうので間違いではないかもしれませんが、「エイシンクロナス」と読ませたいので、「エイシンクロナスを知らんのか」などと突っ込んでおきました…（笑

しかし、肝心の JavaScript を殆ど知らない… というのも、過去に「JavaScript 無しでも見られるようにしてくれ」と言われたことがあって、JavaScriptオフの人も居るのを知って以来、何となく使うのを避けてきたからです。辞典もイイの持ってませんしね。（要るモノが載ってなかったり）

でも一つ試したいことがあって、それには JavaScript（or ActionScript？） 必須なので、どうせなら Ajax を、というわけです。実際 XML も必須ですしね。

実現すればかなり面白いことになるはずなんですが、可能かどうかは不明。JavaScript でどこまでできるかが鍵。ちなみに、予想は「できない… かも？」という感じ（笑

もう一昨日の話になってしまいましたが、初めて対人で麻雀してきました。

麻雀を覚えろ覚えろと言われ続けて、早50年。（そんなに生きてない）今年の夏休みにようやく麻雀のゲームをやってみた次第。正直ツマラン…（笑）っていうか、あの地味な遊びの為に時間を使うのが嫌だった。時間がドンドン過ぎていくし。

で、一昨日は「久しぶりに遊ぼう」とか言われて、友人宅に行った。最初はゲームするとか言ってたので、「ゲームかよ…」と断ろうと思っていた。嫌いじゃないけど、今の私の状況を考えると「そんなこと」程度。しかし、訳ありでやっぱり行くことにした。

ここからようやく麻雀の話。
取り敢えず、私は役を全く覚えていないわけですよ。あと、話についていけない、単語が分からない。ワタシワニホンジンダス。オマケに作業がイチイチ遅いという…　まぁ、グダグダですよ（笑

それで、ゲームの方はというと、いきなりロンされて（表現不明）ゴッソリいかれました（笑）なんか棒の数がかなり減った。そのあとも徐々にツモ上がりされて（やっぱり表現不明）で減っていったんですが、後半は地味に平和などで何回か上がった。上がった回数は一番多かったかも。って言うか平和と七対子くらいしか覚えていないわけで… 簡単に上がるし、テンパイ多し。まぁ、最下位ではなかった気がする。取り敢えず、初麻雀はそんな感じで終わった。

結果、麻雀の面白さはイマイチ分からん。時間の使い方間違ってない？って思ってしまう。まぁ、友人達が何を言っているのかサッパリ分からなかったからかも知れませんが（笑

クリスマスまだなのに年賀状作っています。

個人的になんか変な感じ。しかも…自分が出す年賀状じゃないって言う… っていうか今年は「携帯のメール」を送ってくるヤツが…せめて PC 用のメールアドレスに送ってこい と（笑）まぁ、年賀状は 80 ％ほど自己満足なので、出せればよしですけどね。

でも今は、仕事もいっぱい入ってきて、またまた精神的に落ち着かなーい。課題も無事終わったばかりだというのに、またあの感覚に逆戻り（笑）

と言うわけで、Smart Thinkings の更新がないわけです。ある程度纏まった時間がないとまとめられないので。こんな感じでテキトウならすぐかけるんですけどね…。

いつか下らないことが出来ない Web にしたい。
広告？業者の方々はティッシュ配りでもどうぞ。

「PHPサイバーテロの技法―攻撃と防御の実際」　著者の名前を見て思わず購入。（実際は知っておきたいことだからだけど）

まぁ、読むのはもう少し先になりそうですが…　来年とか？
友人から「何故 "今" 買うんだ」と突っ込まれました（笑

余談ですが、記事投稿画面にある「↑」「↓」のボタンはなんだろ…

押してみたらテキストエリアの高さが変わった…　チョット期待して損した… orz

テキストを「本文」と「追記」の間で移動できる機能だったら「何これ !? スゲー便利ッ！」って言うつもりだったんですが（オーバー
イチイチ本文と追記に分けて書くのが面倒な R'style なのでしたぁ…（今日○わんこ風？

コンピュータの名前はどんなの付けてますか？

MyPC は[Kaiser-Dragon] と [R'styles] ですね。
どちらもその時の状況を表していますね（笑

[Kaiser-Dragon] は自作なんですが、当時ハマッてた「ブレスオブファイア（４）」に関係していますね。まぁ、こういう名前が好きな子供なんです、私は（笑

ちなみに、[Kaiser-Dragon] のスペックは、

• CPU：Celeron 2GHz
• HDD：120GB（Seagate製, S-ATA）
• メモリ：1GB;dual + 512MB;dual(ノーブランドサムスンチップ)
• ビデオカード（グラボ）：RADEON9200（GIGABYTE）
• 電源BOX：400W（諸事情により購入）

マザーとサウンドカードは忘れました、っていうかマニアック…（笑）で、このスペックでは Bフレッツで速度が出ないという… CPU 換えるべき？ どうせならデュアルコアを試してみたい…　ということはマザーごと取替え… と言うことはもう一台組める… ならば、Linux マシン来た？

まぁ、「お金があれば」の話ですが orz
東京に行ったりで結構減ってしまったし、プログラミング系とWebデザイン系の本で買いたい本が数冊あるので、チョット CPU や HDD には手が出ない…

そこで、考えてみた。拡張カード抜けば Bフレッツでもう少し速度でるんじゃないかと…　ビデオキャプチャーボード抜くか…

関係ない話をドンドン書きましたが、取り敢えず、コンピュータを名前で呼んであげてねっていう…。まぁ、私は呼びませんが（笑）ヲタクはコンピュータに話し掛けるそうですよ… ('▽') アハハ
でも、それくらい愛着持っているのもイイかも。話し掛けなくても。

ちなみに、[R'styles] は iBook です。無線LAN使えなくて残念なんですけどね。頑張ってますよ、時々フリーズしながら…メモリ増設するまで我慢。

ついでに、無線LANのルータが変な挙動だった原因がわかったかも…。電源がたりなかった可能性が。蛸足だったので（笑