Swirling Mist

只今サイトの改修作業を続けております。が、昔の記事や絵を見ていると、うわあああ！　と叫びながら衝動的に全削除したくなります。いや、しませんが。したら何も残りませんからね。なんやかんやで2年やっていますし。

その当時の精一杯が、今みると苦笑いなのは成長したから、だといいのですが……。

さて、最近眠くて仕方ありません。せっかくの休日を昼寝で終わらせることもしばしばです。むう。改修作業が遅いのはその所為ですね。

Sa・Ga さんの寝坊助に10の質問に回答してみます。

1.あなたは自分が寝坊助だと思いますか？

はい。基本的にはねぼすけです。

2.あなたの普段の起床手段は？

自力で起床ですが、あるかぎりのアラームやラジオ、目覚し時計を使用。とは言え、最初の1、2個で目が覚めます。

3.もし起床手段が音楽や携帯電話のアラームなどの場合、音楽（音声）のジャンルは？

ただの電子音や、TOKYO FM など。

4.起床してから、同じ寝床で二度寝する頻度は？

週1回くらい。大抵はきちんと起きるか、眠り続けるかのどちらかです。

5.通勤（通学）途上（電車内等）で寝入る頻度は？

週6回。毎日です。

6.ご自宅から用務地までの所要時間はどれぐらい？

Door to Door で2時間強くらいです。

7.過去3ヶ月以内に、何回ほど遅刻を経験していますか？

1回のはずです。が、寝坊の所為と言うより乗り間違えだったりします。

8.過去3ヶ月以内に、何回ほど遅刻しかけていますか？（ご自身が遅刻しかけたと思える判断基準で結構です）

3回程度です。

9.あなたの平均睡眠時間はどれぐらい？

5時間ほど。

10.最後に、寝坊しないための秘訣があれば教えてください。

目的意識をしっかり持つこと。何のために早起きをするのかはっきりさせておくこと。

こんな感じです。いつもであれば寝坊はしませんが、その反動なのか、休日は眠くて眠くて仕方無いです。

さて、せっかく起きているのですから、少しでも作業を進めなくては。

随分昔のことになりますが、 Masayan さんのトラックバック企画、[TB] ブログを続けている理由は？ に参加します。

真面目な理由

もともとイラストサイトを作ろう、と思っていたのですが、やりたいことを全部やろうとしてみたらここまで流れ着いてしまいました。

そこで、なんで続けているのか、と考えると経験の不足を補おうとしているのかもしれません。先人の知恵に触れ、他の方の考えを垣間見、交流したりする、ということが面白いのです。

ツールを使うことで勉強にもなります。嬉しいことに、 WordPress を使い始めてから、英語のページを開いてもどっしり構えられるようになりました。 XHTML 、 CSS に少し気を配れるようになりましたし、 PHP はまださっぱりですが、興味を持つようになりました。

経験になりますから、やりたいことをやるために有料サーバーを使っていても高いとは思いませんしね。月あたり缶コーヒー2杯分弱ですし。

無料サーバーでもできますが、このあたりは Borialis さんと同じく、

のです。

不真面目な理由

えーと、言うのは恥ずかしいのですが、「先輩が欲しかった」というのがあります。

転校生なのに人数の都合でいきなり副部長に任命されたり、転入組なので新入生なれど後輩がいる、というような数年間を過ごしたので、新人気分を味わってみたかった、とでも言いましょうか。

全部先輩にお任せ、ではなくて、上に凄い人がいるという安心感の元どたばた走ってみたかったのです。うーん、うまく伝わったか不安であります。

もともと小心者なので何かあっても直にお聞きすることはなく、ひたすら過去ログを拝見していたのですが。それでも、大概のことは解決しましたし、なにより先輩がいらっしゃるというのは心強かったです。存在が心強い、と言えるかもしれません。

Links の WordPress の項に初期から入っている方は、設置するときに（一方的に）お世話になりました。この場を借りるのは変ですが、その方々のおかげでここまでやってこられました。ありがとうございます。

ま、そろそろ私より年下の日本人 WordPress ユーザさんが現れてもおかしくない頃ですので、そういう方にとって、あるいはこれから WordPress を始める方にとって、「凄い先輩」にはなれなくとも、サンプル C ぐらいになれたらいいな、と夢想しております。それにはもっとしっかりせねばなりませんね。

テーマを変えると気分も一新です。と、言うわけで手製のテーマに変更しました。

黒と白 + 1色なら成功はせずとも失敗はしないだろう、という安易な思い込みのもとに、やってみたかったことを詰め込んでみました。

とにかく軽く

トップには1つの記事と3つの記事の概要のみを表示しています。これは、home.php と、複数ループを使って実現しています。残りの記事は、 Filosofo Home-Page Control プラグインを用いて Journal としました。

また、Filosofo Home-Page Control を使ってトップにページを持ってきて、いちいち書き換えなくても「ようこそ！」が表示されるようにしました。

一応トップページの状態を画像で説明。軽くなったのはトップだけ、という気もします。

やっぱりシングルカラム

建前上イラストがメインなので、あんまりごちゃごちゃしているのはよろしくない、と思っている ((絵のところだけシングルカラムにすることもできますが、そもそも2カラムにするほど情報もないのです。))わけです。なので今回もシングルカラム。それだけだと面白くないので記事部分はメタデータをサイドに持ってきてみました。

幅可変にしてみる

イラストの幅が480px もあるのでなんだかなー、という印象がぬぐえません。画像もあるので 550px 以下には縮まないようにしています。それでは前のデザインと変わらないような。

min-width に対応していない IE には、 minmax.js を読み込んで対応しています。

BROWSIZE.ORG の解析結果を見て、横スクロールバーは 99% 出ていないようなのでいいかな、と。広がる方はそこまでみっともなくもならなさそうなので広がるままに任せています。

見易いレイアウトとは、というのは最近よく話題になっているようです。 caramel*vanilla さんでアンケートをやっていらっしゃるので拝見しておりますと、今のところ 2カラムが優勢の様子。

このサイトでサイドバーをつくっちゃったりすると、あまりのすかすか具合に悲しくなってくるのでやらないとは思いますが、情報が豊富なサイトさんは 2カラムのほうがいいのかもしれませんね。なるほど。

画像ほぼ不使用、モノクローム

画像を作るのが面倒になったわけではありません。……たぶん。「軽く」を目標にしたので結果的にこうなりました。

差し色がグレイッシュな青緑なので天候不良の冬の野原のような色合いに。いえ、春らしい色や、ぱっと目を引くサイケデリックな色も試してみたのですが、記事部分はともかく、絵のところでギャップに耐えきれませんでした。うう。

失敗しない色合せなので私でも何とかなったみたいです。

仕様変更に泣く

WordPress が2.1系になったことにより、テンプレートタグも大幅に変更されていました。

Masayan さんが MMRT Links大異変で書いていらっしゃった通りのことが当サイトでも発生。

WordPress Codex を見てみると、案の定

wp_get_linksbyname (Deprecated in 2.1)

[ Template Tags « WordPress Codex ]より引用

ぎゃー。他にも、よく使われそうなものとして dropdown_cats 、 list_cats 、 wp_list_cats 、 get_archives 、 link_pages 、 get_linksbyname あたりが Deprecated です。それらは代用手段があるので、テンプレートを書き換えれば大丈夫です。

テンプレートタグではないのですが、それよりもうわ、と思ったのが get_settings も Deprecated 。あちゃー、記事の中で頻繁に使ってしまいました。

新しいのは get_option だそうです。

これも全部書き直しか、と思っていたところ、 Standing Tall さんで Search and Replace Wordpress Plugin が紹介 されていました。

慎重に、ぽちっと。一瞬で書き換えが完了しました。

最後に

お決まりではありますが、何か不具合等ございましたらご一報下さい。

こういう作業をしていると、手と目がもう2～3セットあればいいのに、と思います。邪魔ですかね？

世界史一口メモ？

貴方が理系で、受験で使いもしないのに世界史をやっており、卒業できる程度に定期試験をやり過ごしたいなら覚えておくとお得な人物がいます。彼の名は

アントニヌス、です。アントニウスではないので注意。

やったらめったら出て来ました。理系向けにさらっと説明で参りますとパックス・ロマーナ（ローマの平和、B.C. 27 から A.D. 180）の終わりの方に出てくる、五賢帝の一人です。哲人皇帝とも呼ばれ、中国の歴史書である「後漢書」に記述されている「大秦国王安敦」というのは彼のことなのでは？　と言われています。大秦というのはローマ帝国、安敦でアントニヌスですね。

理系の世界史ですからまあこんなところです。何で重要なのか、ということを個人的に考察してみると

• 五賢帝の最後である。「パックス・ロマーナ」の終わりです。（息子が馬鹿だったばかりに……。）
• 哲学を好んでいる。「自省録」なんていうのも書いています。
• ベトナムまで使者が行ったことになっています。おお、交易が。
• 名前が長い。

最後がポイントです。ほとんどの人に不評でした。カタカナ嫌いの方にはアレルギーものでしょう。世界史が嫌い、という人に「ああ、あの人。イヤだったな」と妙に記憶に残るほどのインパクト。でも覚えられているから良いのかもしれません。

この人の名前を覚えておけば、「とりあえず世界史はやったぞ」という充足感が得られること間違いなしです。あと、テストに出やすいので2点くらいは稼げます。

案外「うぐぐ」と思うほど変だったり、長かったりする名前の方が覚えやすいものです。芝居をやっていても、長台詞の方がすんなり頭に入ってきます。逆に、「ああ」「そうか」「何っ！」なんて台詞の方がどこに挟むのだったか忘れやすい。

いや、いつ入ったって同じではないですか。言っても言わなくても変わらなかったりします。でも忘れるわけにはいかないのです。次の行動のきっかけになったりするので。

理系に世界史なんて必要ないではないですか。やってもやらなくても変わらなかったりします。でも忘れるわけにはいかないのです。自分の教養の一部となったりするので。

以上、世界史が捨てられている学校教育を嘆きつつ、人名アレルギー、カタカナアレルギー人口の減少を願いつつ、甘酸っぱい学生時代を思い出して頂こうのコーナーでした。

参考:

• パックス・ロマーナ - Wikipedia
• 五賢帝 - Wikipedia
• マルクス・アウレリウス・アントニヌス - Wikipedia
• 大秦 - Wikipedia
• 自省録 - Wikipedia
• 必履修科目 - Wikipedia

ちなみに、個人的に好きだったのはずっと時代が下って、ハプスブルク家です。

予め言っておきますが、オチがありません。

現在の状態

サイトを華やかにしたいと誰しも思っていると思います。と、言うより私がそう思っています。が、当然のことながら画像をガンガン使い、 JavaScript をばしばし使うと目も当てられないほど重くなってしまいます。

ありがたいことに私は FTTH ではないもののそこそこの速度で通信が出来るので、自分が「うっ」という状態にはあまりならないのですが、当サイトでもちょっと重いぞ、という方がいらっしゃる辺り少なくともサイズは現状維持がベストかな、と思っております。

やりたいこと

それはさておき、 JavaScript で何がやりたいのか。いろいろあるのですが、

サムネイルクリックで画像を表示

• Lightbox JS: 一番軽いような気がします。
• Lightbox JS v2.0: Prototype を使用。
• Litebox: moo.fx がベース。
• Highslide JS: とてもクール。おでさんが WordPress プラグイン化なさっています。

スライドショー系

• JonDesign's Smooth SlideShow: mootools 又は moo.fx がベース。
• mooShow: moo.fx がベース。

ページ内リンクをするるるーっと

いきなり変なところにとばされると迷子になった気分です。

• ページ内リンクでスムーススクロール: Prototype が必要。
• A (slightly) better technique for "Back to Top" links.

ナビゲーションをずるるるーっと

割と何を使っても出来ます。 WordPress のテーマでこのギミックを使っているのは

• Foliage Mod: script.aculo.us を使用。
• WPGlass: moo.fx を使用。
• Scary Little: About がするするー。 moo.fx を使用。
• Durable: script.aculo.us を使用。
• StripedPlus: moo.fx を使用。

などなど。省スペースの上、見た目も楽しいのですがやり方によっては読み込み中に内容が全て見えてしまうのが難点。上部にナビゲーションがあると特に。

ツールチップ系

あると目を引きます。なくても別に構わないのかもしれませんが。

• あれこれポップアップ
• Bubble Tooltips
• Preview Bubble Javascript: リンク先をサムネイル表示

フォーム系

余裕があれば。

• Textarea tools: テキストエリアを使いやすく。
• Niceforms: フォームをお洒落に。
• formStyle: フォームをお洒落に。
• Tooltip for forms: ツールチップを表示

その他

• Website Options: 細々と便利機能詰め合わせ。

思うに

script.aculo.us も moo.fx も Prototype ベースですから ((とは言え、 moo.fx の方は私がやりたがっているような視覚効果のみにしぼってあるのでずいぶん軽いのですが。))、どうしたって重くなってしまいます。今現在の最新版、 1.4.0 での prototype.js は47kb もあるのですよ。むむ。

単発機能特化型のものをいくつか使うのか、ベースを一個定めて周辺で揃えるのか。これは試してみるほかなさそうです。

海外のサイトを眺めていたらなんだかピンクです。どこもかしこも桃色です。 WordPress のテーマも出している If..Else Log さん、 Binary Bull さん、 5ThirtyOne さんなどなど。そしてそこで出てくる Pink for October の文字。

なんでしょう？　しかし、少し思い当たる節がありました。 Pink for October をみて予想の正しさを確信。乳がんの撲滅を啓蒙するキャンペーンです。ピンク色の WordPress テーマも配布されていたり、関心の高さが窺えます。

ピンクリボン運動は日本でも行われています。東京タワーがピンク色にライトアップされているのを見てびっくりされた方もいらっしゃるのではないでしょうか。今年は都庁や京王プラザホテルがピンクに染まったそうです。10月はピンクリボン月間だそうですので。

参考:

• ピンクリボン - Wikipedia
• 乳癌 - Wikipedia
• NPO 法人 J.POSH2

男性も乳癌に罹患することがある、とのことなので全くの他人事とも言えませんよ、男性の皆様。それに家族や恋人が乳癌になったら。社会全体で考えなければなりません。

新しい技術をすばやく取り入れる敏感なアンテナを持つ WordPress のユーザーさん（と、いう印象を私は持っています。）。こういう方面での意識も高いのだな、と感銘を受けました。

家で金魚を飼っています。そんな話を友人としていたとき。

私: そうそう、その金魚たちが大食らいで。水草なんか全部ばくばく食べちゃうんだ。金魚なのになんだかむちむちしていてさ。

友人: 飼い主に似るんじゃない？

なっ、し、失礼な。とりあえず平均体重ですよ。太ってはいないはず。 確かにがりがりのヤセではありませんけれどね。やせすぎは不健康だと思います。今の病的なまでに細いのが美しいという価値観に問題がありますよ。小さい頃からそんな細さでは死んでしまいます。モデルさんは体重の下限を定めるべきでは。一方でちょっとぽっちゃり過ぎるお子さんも増えてきていますね。二極化が激しいです。どっちも健康に悪いです！

と、 0.5 秒の間に頭の中をぐるぐる意見・反論・考察が巡ったのですが、思考を止めたのは友人の軽い叫びでした。あ、言う場所間違えた、と。

「全部ばくばく食べちゃうんだ。」の後に言いたかったらしいです。それならば納得。でも本当に焦りました。後ろ暗いところがあるとつらいですな。

金魚は針でぷつっとやったらずるりといきそうな勢いです。でぶ一歩手前。ふくよかだ、と詭弁を使ってみます。かといってえさを与えないと水草が絶滅してしまいますし……。

以下拍手への返信。

(more...)

Masayan さんの[css] 書き方いろいろを受けまして、私がよくやっている CSS の書き方を紹介してみます。

いつも、プロパティを複数行に分けて書いています。

[code lang="css" -0]
* {
border:none;
font:normal 400 100%/1.5 Verdana, Arial, Helvetica, Sans-Serif;
margin:0;
outline:0;
padding:0;
text-decoration:none;
}
[/code]

割とずぼらなので、一行に書いてしまうと同じ指定を何度も繰り返す、なんて間抜け極まりないことをしてしまうこともあるためです。

CSS の最適化には、 CSS Formatter and Optimiser を使用しています。これの素晴らしいところは見易く、且つ軽く最適化をしてくれるところ。右上の “Compression” で見やすさと重さのバランスを調節できます。

Masayan さんも仰っていましたが、サイトを作成していて毎回悩まされるのが IE 。バグが多いですし、独自拡張ばっかりですし、そのくせシェアはトップ。呪いたくなるブラウザです。

CSS の振り分けを使ってしまいたいところですが、その前に出来ることを探してみます。趣味のWebデザインさんの"いろは"の先のCSS　第1回、Lucky bag::blog さんの CSS を作成する際のお約束にある通り、ブラウザのデフォルトスタイルを殺し、その上でいちいち指定し直すとズレが割合少ないです。いちいち、といったところでたいした手間でもありませんし、デフォルトで違うものを無理に直そうとするよりは労力が少なくてすむのでお薦めです。

あとは少し古い記事ですがスタイルシートスタイルブックが翻訳した CSS“カンニングペーパー”を見ているとつっかかっていることが解決することもあります。

閲覧者の方が IE を使わないでくださるとどんなに楽になることか。 Opera や Firefox のより一層の普及を願ってやみません。

あと、書く順番は昔使っていた P_BLOG のコーディング規約の標準 TOC オーダーに沿っています。

どういうことかと言いますと、マニュアルにもありますが、

• BASE ELEMENTS
• HEADER BOX
• CONTENT BOX
• MENU BOX
• FOOTER BOX

と場所ごとに書いていき、

• TEXT DECORATIONS
• OTHER STUFF

と汎用性のあるものをまとめます。慣れもあると思いますが、使いやすいです。コメントを入れることで後で見ても分かりやすく。あ、 CSS Formatter and Optimiser を使って最適化をすると、(他の最適化ツールでもそうですが) コメントが削除されてしまうので ((設定により残しておくことも可能。))バックアップをとっておく必要があります。

プロパティの順番を変えると表示が変わってしまうこともあり、バックアップは必須です。

まとめにかえて

見直してみるとなかなか奥深い、と思いました。

ベストの書き方、というのは私も探している途中です。何か良いのがあったらご教授ください。

個人的にオフ会で一番うわわ、と思ったのは人の名前と顔が一致しないことです。名札シールが配られたので幸い会話では困らなかったのですが。死にゆく我が脳細胞達。うう。

サイトを存じ上げている方は必死でサイトのスクリーンキャプチャを頭の中に思い浮かべ、文体を思い出し、その他諸々頭の中を渦巻いているような状態でした。テンションもおかしかったと思います。何か不用意な発言をしてしまったかもしれないのでその場合はお許しください。

人の顔を覚える何かポイントはないものでしょうか。そこでやはり名刺を持ってくるべきだった、とそこに戻ってくるわけです。

家に到着したらまず頂いた名刺 (( (見直してみる) やはりプロの方の名刺は素敵です。恍惚として見惚れます。))の裏にメモを残して記憶の定着を図りました。人は忘れる生き物ですから、復習が肝心です。しかも人の顔を覚えるのは滅多にないような生活を送っております。慣れていないことはやりづらいですが、それなら慣れてしまえばよいだけのこと。私に必要なのは「予習・復習・場数を踏むこと」らしいです。

顔が思い出せない方へ。私は席の奥、一番端でひたすら食事をしていた生成り色のシャツのちびっ子です。ウーロン茶おいしかったです。 Chie さんありがとうございました。

私の名前、「井崎 啓」は偽名です。あ、誰も本名とは思っていませんよね。

由来は

• 偉大なる科学者アイザック・ニュートン(Isaac Newton)に尊敬の念を込めて + ケイ素が好き。
• 幼少の頃食が細かったにもかかわらず新鮮なイサキをまるまる一匹平らげた + カリウム(元素記号 K)が好き。
• 昔々のハンドルを人間の名前らしくアレンジ。
• 上記をふまえて ハンドルネーム占いをやってみたら中吉だった。

のどれか、というより全部です。ハンドルネーム占いによると井崎 啓左右衛門とか、井崎 啓大佐だと大吉らしいですが、流石にそこまでの度胸と覚悟はありません。ははは。

何となくの印象ですが、プログラム系のサイトオーナーさんは本名の一部ローマ字表記、などのシンプル系が多い気がします。イラストサイトさんになるとちょっときらびやか。凝った名前の時はルビが振ってあるとありがたい。

一種の役名なのかな、と思います。電脳空間を楽しむための。ネットの匿名性については色々議論が巻き起こって久しいですが、それは置いておいて、仮名があることによって現実で太郎なり花子である自分からちょっと踏み出せるのかもしれません。

付けてもらった名前は一生自分に付いてきます。もちろんそれは大事ですが、別の役を演じるときに別の名前があると切り替えやすいのです。

私は一発で読んでもらえる名前に憧れただけなのですが。本名はどうしようもありませんし。署名などをするときに現実を顧みて、このくらいの背伸びなら許される、か、な……？　というのがこの名前の出発点。

そもそも本名が名字の字面はともかくふつー極まり無いなのでこういう偽名が生きてきます。本名もそんな名前だったら切り替えも何もないような気がします。差があることが必要です。

と、いうわけで子供には普通の名前を付けたいと思いました。出席をとるときに先生が詰まるとわりとロンリーです。なんだか先生に申し訳ないような気分になります。子供にはそんな気持ちを味合わせたくないです。しまった。名字の場合はどうしようもないぞ。よし、普通の名前の人と結婚しよう。

でも佐藤とか田中とか、ありふれた名字の人は逆に変わった名字に憧れるという話を小耳に挟んだことがあります。

兄弟がいると一人っ子に憧れるというあれですね。でもそれも時の推移と共に現状に満足していくのでたいして気にしなくてもいいのかもしれません。