Swirling Mist

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 を使って最適化をすると、(他の最適化ツールでもそうですが) コメントが削除されてしまうので ((設定により残しておくことも可能。))バックアップをとっておく必要があります。

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

まとめにかえて

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

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

第一。目の前の仕事の片を付ける。これが終わらないと何も出来ません。

で、片が付いたら何をしようか、ということの覚え書き。実行できるかどうかは分かりませんが。

やりたいこと

テーマを作り替える。

より軽く、より見易く。閲覧者の方に選択して頂くような感じが良いな、と思っております。

Origami が好みの真ん真ん中なのですが、大量のスクリプト込みなので重いのです……。 CSS 切り替えは JavaScriptを使わずにページのCSSを切り替える:phpspot開発日誌 が簡単そうです。

既製の物を使う場合もイラストや写真を置いてもなじむように多少なりとも変更を加えることが必要なので、いっそ初めから作ろうか、と思ってなかなか踏み込めないのです。片が付いたら、片が付いたら。

色々なサービスに手を出す

色々な話を聞くので Skype 、 Flickr 、del.icio.us 、 SNS をやってみようかな、と思っています。

手を出しすぎてどれもやらなくなるような予感もするのですけれど。

自転車で旅に出る

日帰りで、市内のコンビニ制覇の旅にでも。変わり種中華まんを探し求めて。というわけで、売られている期間内に片を付けねば。あと太っても大丈夫なように食べる分だけ減量しておかないと。

市内のセブンイレブン制覇はしたことあります。若気の至りです。それもペットボトル飲料のおまけ目当てでしたから、2リットルのコーラを2本背負って駆け抜けたあの日。青春のしょっぱいおもひでです。

絵を増やす

とりあえず曲がりなりにもイラストサイトを名乗っているので増やしたいです。

油絵やデッサンとも遠ざかって久しいので一からまた勉強し直したいと思っています。人間を描けるようになりたいです。私が描くとどうにも年齢性別不詳の優男 or 優女になってしまうので、違いが分かるように、というのが当面の目標です。

mooShow を使ってスライドショー形式にすることも視野に入れています。

必要な場所でだけ読み込めばそんなに重さを感じることもないと思います。

結論

言うだけは自由です。実行できるかは本人の行動次第です。

この場で宣言することによりプレッシャーをかけているのです。実現する日をこうご期待。どれも記事に出来ると思います。

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

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

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

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

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

行って参りました WP オフ会 in 東京。名前だけは一方的に存じ上げている方が大勢いらっしゃってどきどきでした。

行けなかった方にも会場の雰囲気が伝わるよう、体験記を残します。ただの覚え書きとも言います。

スタッフの仕事

9月9日にメーリングストで告知、 IRC 上で行われた打ち合わせでスタッフになりました。初めてのオフ会なのですが、お世話になっている WordPress にご恩返しがしたい、との一心です。

一般の方よりも1時間ほど早めに集合。新宿駅の西口で迷子になりかけます。無事に Castaway。 さんと Chie さんと合流できました。会場近くの喫茶店で打ち合わせ。

そこへ Otsukare さんと hiromasa さんが登場。

確かにほんの少し狙っていましたが。コーヒーをありがとうございました。

さて、肝心の仕事ですが、私がやったのは駅から会場までの誘導です。Chie さんと、「WordPress オフ会集合場所」の紙を片手に待ちます。土曜夕方というだけあってものすごい人人人。

反省点としては、もっと分かりやすい目印があれば、と思いました。スタッフは駅前で赤い薔薇の花束を持っている人です、とかピンクのパーティ用とんがりぼうしをかぶっている人 ((……ちょっと勇気が必要であるような気がします。))です、とか。参加者の方も赤いスカーフを持っている、とか。なにか次回の参考になれば幸いです。

5人ほど集まったところで会場に漸次移動します。途中でCastaway。 さんも来てくださいました。

追記。あと、WP の缶バッチ（上記写真参考）の裏の金具止めもやらせていただきました。皆さんのから私の指紋が検出されるはずです。

他にも会計、ビンゴゲームの進行等々のお仕事があったのですが、他の方がやって下さったので……。け、結局私は役に立ったのかどうなのか。力不足で申し訳ないです。

WordPress に対する愛情があれば私のような人でも何とかスタッフになれます、という結論に相成りました。皆様も機会があれば是非。

オフ会の中身

プロフェッショナルの方が多くて心臓ばくばくでした。本当に趣味でやっている ((趣味でなければ実験後の卵を食べて気持ち悪くなったなんて書けませんが。))ので。

以下箇条書き。

• 焼き鳥がおいしかったです。
• 名刺を沢山頂き、サイト用の名刺を作ってくるべきだったと後悔しました。
• ビンゴゲームでは真っ先にリーチになったにもかかわらずビンゴまでは至りませんでした。景品は Nao さん ((CSS Nite Vol.12、行きたかったです。資料を見て気分だけでも行った気に。))の発売前 (！) の本あり、最強本あり、他も豪華の一言 ((私が持って行ったクッキーは除く。お口に合えばいいのですが。))。
• W-ZERO3 の素敵さにくらっとしました。欲しいものリストに加えておきます。
• お酒が飲めないので、その分しっかり食べさせていただきました。
• We Love WordPress ! と全員で叫びました。うまく録音されていますように。
• 笑いの絶えない楽しい時間で、過ぎるのがあっという間でした。

名残惜しくも一次会のみの参加でしたが、殆どの方が二次会まで参加されたようで、あの大人数を収容できる場所が見つかったのか気になるところです。

プロの方や、独立を目指している方、現役の学生さん、サイト作成に当たりお世話になった方々と直にお会いして、モチベーションが大幅に上がりました。よーし、私も頑張ります。なんだか色々吹っ切れました。本当に、ありがとうございます。

幹事さん、他のスタッフの方々、参加者の皆さん、お疲れ様でした。感謝の気持ちで一杯です。またお目にかかる日を楽しみにしています。今回来られなかった方ともお会いしてみたいものです。

以上、覚え書きオフ会体験記でした。

追記。他の方のオフ会レポート。時間順？　です。

• [WordPress] WordPressオフ in Tokyo « Odysseygate.com
• s373.jp » WordPress OFF @ 西新宿 終了
• 9月23日のWordPressオフ会小レポート？ » TSJ付゛録゛II
• WordPressオフ会に参加してきました。 « Cz scope
• hiromasa.zone :o) » 東京３日目 (WordPress オフ会!)
• Taste of Wind » Blog Archive » WordPress オフ会 @ Tokyo
• detlog.org » ブログアーカイブ » WordPress東京オフまとめ
• WordPress Users Meeting 06 (仮称)«昼行灯行状記2.0

みずに つけて おいた ぷよぷよたまごは やっぱり おおきく なって いました。

よせば いいのに それを たべたら すごく ふこうの あじが しました。とても ふしあわせな きもちに なりました。

みずっぽくて すっぱくて たべられた ものでは なかったのです。

おおきく なって も おつむまでは えいようが まわらなかった のかなと かなしく なりました。

みなさんは いさきの ような ことに ならない よう きを つけて くださいね。

小さい頃はちょっとした野望がさまざまな理由で達成できないことがままあります。出来ない理由はお小遣いが足りなかったり、親の目が厳しかったり、いけません、と言いつけられているからだったりします。

それだから大きくなってバケツプリンを作ってみたり、大きなパフェやハンバーグを独り占めしてみたり、変なものを買い集めたりしてしまうわけです。

私にもありました。それが「ぷよぷよたまご」です。

ぷよぷよたまごとは？

見ての通り、殻無しの卵です。酢酸によって卵の殻の主成分である炭酸カルシウムを溶かしたものです。

作り方は簡単。新鮮な卵（腐るとまずいので）を酢酸の入ったコップに入れるとすぐに二酸化炭素の泡が出てきます。穴を開けたラップで蓋をし、反応が弱まったら酢酸を取り替えます。そのまま放置で1、2日。流水でそーっと洗えばできあがり。もとの卵より一回り大きくなっているはずです。

化学反応の勉強にも、浸透圧の勉強にも便利ですし、やることは簡単なので小学生の自由研究に最適です。

小学生の時に科学雑誌か何かで読みまして、すっごくやってみたくなったのです。が、2回ほど失敗。理由は単純明快で、「ちびっ子は待つのが苦手」。反応が十分でないのにごしごし洗ってしまい、爪でぷちっ。

流石に親にとっちめられました。昔から学習机を焦がしたり溶かしたり、消し炭の大量生産から異臭の発生まで、前科が数え切れないほどあったので仕方ありません。

いつの日か必ずやってやる、と心に誓いました。

そして大きくなった私はやってしまったんですね。先日の休みに。成長って素晴らしい。ははは。

じっくり時間をかけて、そーっとそーっと。やっと成功させることが出来ました。なんだか愛おしいです。名前まで付けてしまいました。カルボです。酢酸はカルボン酸だからです。安直だ。

これは無精卵ですが、性別はどっちでしょう。鶏の受精には明るくないのですが、人間の場合は卵子がX染色体、精子がX染色体またはY染色体を提供するので性別の決定は精子に委ねられているわけですよね？　卵の状態では性別はないということでしょうか。むむむ。とりあえずカルボさんということで。

ちゃぽん、と水につけて浸透圧でさらなるサイズ拡大を図っています。きちんと実験した後は食べる気満々なのですが、今ちょっとググってみたところ「口に入れないでね」のような表記を発見……。だ、駄目ですかね。

昔の失敗作は自己責任ということで食べて処理していました。かなり酸っぱかったと記憶しています。

と、言うわけで「野望はいつか叶うかも知れないので胸の内に秘めておくと吉」という話でした。

次は何をしましょうか。

ネガイボシII をぼんやりと眺めています。綺麗な空に、美しい音楽。日立マクセル株式会社のプロモーションサイトです。

願いを書き込むと空を彩る星になる、というロマンチックな趣向も然る事ながら、その世界観に圧倒されます。一人一人の切なる願いも心に染み、気持ちが洗われます。

「あの日の星空を壁紙に…」ということで指定した年月日の星空を壁紙としてダウンロードすることもできます。とりあえず自分の誕生日でやってみました。うーん、確かに綺麗です。もう少し星座について真面目に勉強しておけば良かった。

9/29までの期間限定だそうですので、お早めに。

一念発起して WordPress のリンク機能を使って Links を再構成してみました。今まではベタ書きだったのですが、150近くのサイトさんにリンクを張っているので、そろそろ管理が難しくなってきまして。

M's さんのカテゴリー別リンク を拝見して、背中を押された部分があります。

カテゴリ別に登録し、

[code]

[/code]

のようにして簡単に ((これは「WPer」というカテゴリのリンクリストを出力します。リンク » リンクカテゴリー でリンクの前後をリストタグにしているのでこうなっています。))。色々設定を加えるのが面倒だったので、 リンク » リンクカテゴリー で編集したものをそのまま出力しています。何が楽かといいますとソートする手間がかからないことです。ひらがな・カタカナ・漢字の名前のサイトさんが後ろに回されてしまうのが難と言えば難ですが、一度設定してしまえばいちいち入れ替える必要がありません。ソートの種類も選べますし。何でもっと早くやらなかったのかと悔やむところであります。

画像も表示できるのでばっちり活用させていただきました。ただ、無茶苦茶に重いので勇気のある方のみどうぞ。

一応チェックしたのですが、何かミスがあったら教えてくださるとありがたいです。夜中に文章を書くのは危険ですので。眠かったり、疲れていたりするとおかしな間違いを犯すものです。判断が狂います。昔の記事を見直していて間抜けな漢字ミスに気付き何度慌てて直したことか。ここの記事なら自分を呪えば済むのですが、他人様へ送る手紙、メール、トラックバック、コメントのたぐい、あるいは他人様の名前の間違いなぞしてしまうと冷や汗では済みません。

当サイトは誤字脱字、ミス、不具合のご報告をお待ちしております。しなければ良いだけなのですけれども……。

記事に昇華できなかったメモを箇条書き。

「関ジャニ∞ ((「かんジャニエイト」と読むらしいです。参考: 関ジャニ∞ - Wikipedia))」を「せきジャニむげんだい」と読んだら怒られました。

今更ながら AKIRA を全部読んでみようかと思っています。なぜだか最終巻のみ読んでいるので。 FREEDOM-PROJECT にも興味があります。くっ、時よ、止まらずとも動けるだけの余裕を与えてください。

資生堂マキアージュの CM の曲が頭から離れません。音楽制作会社の THIRTIETH CO.,LTD. でロングバージョンを聴くことができるのでひたすら聴いています。短めですがヴァイオリンのバージョンがお気に入り。他にもあの曲やその曲もこの会社が、というのもあって新鮮でした。

長い長い言っていた前髪を切ってしまったので似顔絵があまり似ていない状態に。しかし新しい髪型の似顔絵を描いてみたらなんだか収まりが悪くなってしまったのでとりあえずこのままにしておきます。

気温の変化に体がついて行けなかったのか、喉を痛めてしまいました。大蒜・生姜・梅干しの混合スープ ((ザッツ民間療法。ホットコーラやホットワインを飲む人もいらっしゃるそうですね。それと比べるとお洒落さのかけらもありません。))を飲んで体力回復に努めています。皆様もどうぞお気を付けて。

若いうちは多少無茶をしても平気だったのですが、こういうところで年齢を実感します。風邪も滅多に引かず、体調不良とは無縁だったあの頃よもう一度。日々の運動及び睡眠の不足が招いた事態だと思いますが。

なんでしょう、毎日ラジオ体操を本気でやる、とか……？

ある方から紹介していただいたソフトウェアを使ってみたところ楽しくて仕方がありません。その名は GRAPES 。高校数学レベルのグラフや軌跡を描けるソフトです。

高校の先生がお作りになったそうで、分かりやすいです。動きを実感できます。黒板は動きませんでした ((今の学校はパソコンの画面を投影してこういうソフトの動きを見せてくれるのかもしれませんが。))から。勉強に使うもよし、子供に数学を教えるのに使うもよし、ただただサンプルをぼーっと眺めるもよしです。

高校数学で一番印象に残っているものは、と聞かれたら私は「サイクロイド」と答えると思います。サイクロイドとは何であるのか、というのはサイクロイド - Wikipedia を参照してください。理由は綺麗だから、です。言葉の響きもさることながら、グラフの美しいこと。

これも GRAPES でらくらく描けます。と、言うよりサンプルファイルがあるのですぐに見ることもできます。外サイクロイドも好きでした。カージオイドはハート形っぽくて可愛らしいです。

VISUAL数学を目指して、高校数学教材-ikemath、などなどのギャラリーページを見てうっとり。数学は哲学に近いというのも分かる気がします。

決して数学は得意ではありませんでしたし(特に媒介変数表示は大の苦手でした)、今もそれは変わっていないのですが、美しいものを見ると落ち着きます。得意ではなくても嫌いにはならなかったのはやっぱり数学が好きだから、でしょうか。

ひどく個人的な話なのですが、こういう図形を見ていると高校生活がぱっとフラッシュバックします。緊張した入試、辛くも楽しい部活、必至で睡魔と戦った授業。あの頃描いていた大きな夢も。

そして、サイクロイドが分からなくて定期考査前に悪夢にうなされたことも。今では笑い話、としたいところです。

私はサイクロイドに夢を見ます。そしてサイクロイドの夢を見ます。

願わくは、今日の眠りの安らかならんことを。