2006年11の月、空からIE7が降ってくる

2006年11の月2日
空から恐怖の大王が来るだろう
アンゴルモアの大王を蘇らせるために
その前後マルスイクロソフトは幸福によって支配する

いや全然幸福になりそうでもないんであって……:sad:
いよいよ本日マイクロソフトがInternet Explorer 7日本語正式版をリリースしました。

IE7のCSS対策については

でも取り上げましたが、今後のサイトの作り方として、あえてここで提案したい。

いつまでも古いブラウザを気にするのやめませんか?

まずは、FirefoxやSafariだとか(一応IE7も)WEB標準への準拠度が高いモダンブラウザを基準にしながらデザインが崩れないようなサイトを作る。次にオールドブラウザでの動作も一応確認してみる。まったく同じように見えなくともユーザが情報を得るのに支障がない程度のデザインの違いならもう諦めてしまう。古いブラウザには、そもそも最初からCSSを読み込ませない。

これでいいじゃありませんか。サイトのアクセス解析を見てみてください。NN4だとかIE5だとかでアクセスしてくるユーザってもうほんの一部でしょう?そういうユーザってたとえばあなたのサイトで積極的に買い物をしてくれるようなアクティブユーザではないですよ。そうよ、きっとそうなのよ!

…というような考え方の切替をしていかないといつまでもストレスがたまると思うんですよ。条件付コメントを使うことも、一部のブラウザのための表示を書くことになるので、あまりよくないみたいだしね。多少デザインが崩れているよりも、クレジットカードを使うにはIEで…とかいうサイトのほうがよっぽどかっこ悪いし、不便だと思うけどなぁ。。。

CSS Nite vol.13で考えたわたしがFirefoxを好きな理由


Firefox2 Reviewer's Guide & special sticker

毎月第3木曜日の恒例のイベント「CSS Nite Vol.13」に行ってきました。今回はMozilla Japanの金井さん、中野さんによる「Firefox最新情報」。

RC3(製品候補第3弾)がリリースされたばかりのFirefox 2だけでなくFirefox 3のことまで語ってくださいました。(詳しい内容は右記参照→http://cssnite.jp/vol13/Firefox/

日々愛用しているFirefoxで困っていることと言えば、とにかくメモリを食って重いということです :sad: 。ついついタブを開きまくって同時に7ページとか開いたりするもんだから(←タブ式「あとで読む」)、朝は快適なのに夜は激重 :troubled3:

そんななので「Firefox 2では改善されませんか?」と会場でも質問したのですが、上記スライドからも分かるとおりFirefoxコアのGeckoエンジンはFirefox→Firefox 2では1.8→1.8.1と変化がないため改善はほとんどないそうです。ただし!Gecko1.9になるFirefox 3には期待してください、とのことでした :smile2:

奇しくもアメリカでInternet Explorer 7がリリースされた日のセミナーだったわけですが、改めて今後もFirefoxをメインで使って行きたいという気になりましたね。

IE7のRC(製品候補)もインストールはしたのですが、サイトの表示チェックをするくらいでなんだかワクワクがない。Firefox 2のベータ版だった頃も同じような感じで、ウェブサイトの表示が劇的に変わるわけでもないし、何より拡張機能(アドオン)が対応しておらず使えないのでツールとして使い物にならない。自分がAll-In-One Sidebarにどれくらい依存しているか分かりました。

Firefoxを好きな理由、結局のところそれは拡張機能かなと。リアルタイムでCSSを書き換えたり(Edit CSS)、ウェブページの構造を把握したり(WEB Developer Tools)、メモを取ったり(Google Notebook)、色を管理したり(Colorzilla)、FTPに使ったり(FireFTP)……。その拡張機能も、コアシステムも、Windows Updateなんかよりよっぽど手軽に最新バージョンにアップデートできる。フリーソフトは全部Firefoxにまとめてもらってバージョン管理できたらいいのに、と思うくらいです。

Netscape 4の頃は、くたばれネスケ!と思ってたくらいですが ((IEとの表示の違いに、ウェブ製作者はみんなこう思ってたよね?))、あのソフトウェアの血を引いた、まさかこんなステキなものが生まれるなんて、当時は思いもしませんでしたね。

[CSS Nite Vol.12]『WordPressを使って15分で作るCSSサイト』

前回に引き続きCSS Niteに参加してきました。今回はネタがWordPress、プレゼンターがNaoさん、ということでぜひとも参加したかったんです(WordPressに移行して半年たちますが、detlogは移行の際にいろいろと参考にさせて頂いたのでした)。

プレゼン内容はこちらからスライドと音声ファイルをダウンロードできるのでそちらを参考にして頂きたいのですが(いやー、すごいですね、これ。地理的・時間的に参加できない方にも優しい!)、個人的にためになったのはウィジェットプラグイン(テンプレートはウィジェット対応が必要)、テンプレート階層のあたりですね。テーマを自作するのに役立ちそうです。

プレゼン受講者の中でWordPressでサイトを運営している人は1割くらい、インストールしたのはもうちょい多め、という感じで多くの人はWordPress未体験だったためか、皆さん必死にメモを取られてました(あたしゃ趣味で参加してますが、ウェブデザイナーさんたちからしたら飯の種かもしれませんから、そりゃ真剣ですよね…)

URLとかを必死にメモされていたようですが、このあたりは後からウェブ公開のスライドを見ればよいことだし、せっかく自分以外の方が操作しているところを見れるのだから(これがかなりためになる)画面に集中できればよかったのになぁと思いました :sad: (メモとらなくていいですからねーって一言あればずいぶん違ったのかな?)

そういえば、プレゼンの際に表示されたWordPressのダッシュボードに、Hatena:RSSが表示されたのですが、何気においらのエントリが二つも入っていて、個人的にガッツポーズ :syakin: ええ、自己満足ですけどね :troubled3:

NiteのあとはLite?Naoさんを囲んでアイリッシュパブで交流会。こちらもとっても楽しかったです。

普段の仕事はウェブ系とはちょっと違ってリアルサービス系だったりするので、CMSの話なんてまるでしません。あれがいーんだ、このCMSがいーんだ、とか、先駆者はWPのことは自分で調べて今までやってきたんだ :syakin: 、とかNaoさんはじめ色々な方と普段できないお話ができて楽しかったです。

ぜひ次回も参加したいなーと思います。お酒Liteからかもしれないけど… :embarrassed:

関連URL:
detlog.org:CSS Nite Vol.12 にご来場ありがとうございました!
CSS Nite公式ブログ:CSS Nite Vol.12、終了しました

CSS Nite vol.10

アップルストア銀座さもウェブ制作者であるかのような顔をして、銀座のアップルストアで開催されたCSS Nite Vol.10に初参加してきました。無関係じゃないけどね…。EコマースはEコマースなんで…。でも回りはデザイナーさんやコーダーさんが多いようで、ちょっと肩身が狭っ!

行ってみるまではびくびくものだったんですが、立ち見の人もいて大盛況なんですね。←座れなかった。

第一部神崎正英さんのプレゼンのテーマは、フォーマルで行こう。well formalなXHTMLを記述すればXSLTを使って情報を変換し、再利用(別の形で使う)することができる、という内容と理解しました。

むかーしむかしに、XHTMLの元であるXMLは相互に利用しやすい言語だと書かれていた意味がやっと具体的な形として理解できた気がします。

第二部鷹野雅弘さんのプレゼンはフォームの整形とマークアップについて。Dreamweaverでの制作を分かりやすく見せて頂きました。tableにフォームを埋めていくのがちょこっと違和感を感じましたが、表だと思えばいいのかな…。それにしてもMacでのプレゼンって綺麗でいいですね。Keynoteかな。

これは要望なんですが、立ち見だとちょっとプレゼン黄色の字が読みづらかったです。自分のプレゼンでも気をつけようっと。

次回も余所者ながらふてぶてしく参加してみたいと思います。

[WordPress] テーマを自作してみた

HonyaqueWordPressはテーマ機能という優れたデザイン管理機能を持っていて、有志の方が作成したテーマを簡単に自分のWordPressに導入できるのがウリの一つです。

Movable Typeを使っていた頃からブログのデザインは自作していましたから、WordPressでも自作を…あわよくば配布できれば…なんて思っていました。

ところがこれが思っていたよりも大変。テンプレートがPHPなので思わぬところで条件分岐したり、プラグインで予想外の表示になること山の如し。

一から作るのは断念してWordPress Defaultをベースに作ってみましたが、正直言って納得言ってません。ソースをのぞかれると顔から火が出そうですが、角丸デザインにするためDIV房になっていたりします(・-・;

ヤスヒサさんカミノゴウヤさんをお手本に勉強してきた身としてはいろいろ心苦しい決断をしながら、やりたいこと=角丸を最優先してXHTMLとCSSを調整しました。そういう意味ではValidではないですが、ブラウザ側の実装もパーフェクトではない現状、自分の持てる力量や時間と相談しながら妥協も必要かなと思っています。

ということで二・三日前から自作テーマHonyaqueにして様子を見ています。配布できるようになるまでにはまだまだ勉強が必要かなー…。