2009年5月のアーカイブ

昨日、大阪の心斎橋にあるアップルストアで行われましたState of the Web 2009に行ってきました。最近、ようやくmicroformatsを勉強しだしているので今回のスピーカーのジョン・アルソップ氏の公演が聞けるのは非常に楽しみでした。

昨日はさっさと仕事を切り上げ6時20分に会社を出て、6時40分ごろにアップルストアに着きました。CSS Niteのときは結構来場者が多くて座れないことが多いので、今回は絶対に座って聞きたかったので早めに行きました。けど、ふたを開けてみればびっくり。恐らく40人くらいしか来ていなくて、遅れてきた人ですら全員座れていました。ハッキリ申しまして、CSS Niteより興味深い内容で楽しかったです。それには自分がジョン・アルソップ氏のファンであるというのもあったかもしれませんが…何せかっこよかった。英語はわからないけど、話し方が日本人とは違って惹きつけられる感じでした。

肝心の内容ですが、昨年12月に全世界のWebに関わっている人に対して行ったアンケート調査の結果報告とそこから見えてくるWebのこれからを考えるというような内容でした。会社のグループウェアでこの会のことが告知されていたのに結局自分以外は誰も来ませんでした。忙しいというのもあるとは思いますが、ディレクターは行ったほうが良かったんじゃないのって思います。デザイナーよりはマークアップエンジニアとかディレクターが聞いて楽しい話だったかなと思います。

その昨年行われたアンケートの回答者のほとんどは英語圏の方で、日本人は10人ほどが回答しただけだったそうです。そしてその方々の職業と言うか役職と言うか役割はディベロッパーが半数くらいで最多でデザイナーは33%ほどだったと思います。5年前にも同様の質問をしたらデザイナーと答えた人は5割くらいいたそうです。今は逆転して開発者と名乗る人が増えました。
そして、どのような企業に属しているかという問いでは、フリーランス、小企業（10人以下）、中企業（50人以下）、大企業（500人以下）、巨大企業（500人以上）がそれぞれ18％前後で同じくらいの割合に割れていました。

その人たちがどんな文書型を採用し、どのようなOSやブラウザを用いて開発していて、どのOS・ブラウザでチェックしているかとか、どんなJSフレームワークを使っているかなど、半年前の話ではありますが、ちょっと前のトレンドについて言及していました。
やはり、開発用途ではFirefoxが一番多いみたいです。また人気のJSフレームワークはjQueryで実に6割くらいの方が使っているそうです。自分はJS全然できませんが趣味のサイトではmootoolsを採用しています。そのほかにも注目のバックエンド技術やそのフレームワークには何を使っているか、世の中の流れ、トレンドを追うにはいいお話が聞けました。重ね重ねこんな貴重な会で参加者が非常に少なかったことについてなぜか憤りを覚えてしまいます。特にうちの会社のディレクターが来なかったことには怒りを感じてしまいますね。

その中で特に印象に残った話はmicroformatsとprogressive enhancementです。
その二つは言葉自体知っていましたし、ジョン・アルソップ氏が著したmicroformats本も会社経費ではなく個人的に購入して勉強中です。ここでmicroformatsの概念を説明するのはよしますが、5月12日付でGoogleが一部のmicroformatsのインデックス化をしたということを教えてもらい衝撃を受けるとともに興奮しました！コンタクト情報やレビューをしかるべきフォーマットで記載するとGoogleが検索結果に載せてくれるのです！これは開発者にとっても閲覧者にとっても非常にうれしいことです。例えば閲覧者（検索者）はmicroformatsの本のレビューを見たいと思い、Googleで検索。すると、microformatsのレビュー記事だけを抜き出して表示することが可能なので検索効率がかなり上がります。また、開発者（レビュー作成者）にとってもレビュー記事がひとつの場所に集められることはそれだけ自分の書いたレビュー記事が人の目に触れやすくなることを意味しています。
microformatsはGoogleやYahoo!やAppleやmicrosoftなど大企業が積極的に採用していこうとしているものです。今からでも遅くないのでマスターしたほうがいいでしょう。ちなみにブラウザのFirefox3やIE8にはmicroformatsを読む機能は備わっています。FxではUIが決まらずに表には出てきていませんが、Operatorというアドオンを使えばmicroformatsの力を実感することができるでしょう。

もうひとつ、progressive enhancementとは段階的拡充と訳されるもの（microformatsの本ではこう訳されていましたが、お気に召さないようで何か言い訳し方があれば連絡してほしいとのことでした）で対応しているブラウザには積極的に最新技術を取り入れていこうという試みです。（この理解で間違いではないですよね？）というのは、仮にですがネットスケープを使っているユーザーに対してはCSSが反映されないプレーンテキストの状態で表示して、IE6は普通にCSSやJSで装飾されたサイトを表示させ、Firefox3やSafari4（beta）などのモダンブラウザに対してはCSS3やJSを使いインタラクティブなサイトを表示させるということです。
アンケートにもありましたが、全てのブラウザで同じように表示させるのが正しいWeb制作と考えている人が22%ほどいましたがそれはもう古臭い話であって、OSやデバイス、ブラウザなどの環境によって見え方は違うのだからそれは割り切って、新しいものを積極的に採用していくというのが今風の考え方です。自分はクライアントワークで新しいものを取り入れて行ってはないですが、趣味の範囲内など使えるところではCSS3など使って行きたいと思っているタイプでもちろん環境によって表示が違うのは当たり前と思っています。（ジョン -馴れ馴れしい- も同じ考えのようです。）
今回、話には出てきませんでしたがCSS2.1を基準に作り、それへの対応が未熟なブラウザ向けに劣ったデザインをするTranscendent CSSという手法もあります。例えばStuff and Nonsense | Creative web site design specialists based in North Wales, UKというサイト。このサイトをモダンブラウザとIE6で見たときでデザインが違います。ある種Web制作者の自己満足とも言えますが、これを作ろうとした発想と技術力が素晴らしいと思います。このブログの新しいテーマは鋭意構想中なのですが、これらのテクニックを駆使したテーマを制作したいと考えています。

その他、CanvasやSVGなどにも言及していて、自分はその名前は知っていますが、理解まではしていません。これらの技術や他のHTML5とCSS3でFlashを使っていないのにFlashばりのインタラクティブなコンテンツを作れるようになるそうです。まだ、先述しましたが、JSフレームワークではjQueryが圧倒的に多く、これを採用してJSの勉強も進めるべきだと提唱していました。確かに4月のCSS Niteに出演された山田さんもjQueryからJSに入って今では凄いjQueryプラグインを作って楽しい動きのあるサイトを作っていらっしゃるようです。
また、バックエンドではPHPが多いけれど、今からはじめるのはPythonが面白いのではとのことでした。その理由はGoogleが採用しているから。

とにもかくにも非常に刺激を受ける内容でした。
このような刺激を社内でも受けられたら…最悪この公演についてあーだこーだ言える人がいたら良かったのですが…今後の仕事・自分のキャリアについて不安が募るばかりです。
くよくよしていても仕方が無いのでこの刺激を推進力にしてさらに勉強してよりよい環境に身をおけるよう自分の実力をアップさせたいです。
このような機会を設けてくださったジョン・アルソップ氏、通訳してくださったサトシタカシ¹・キクチ氏、オリ氏…本当にありがとうございました。予期していないことで小心者のために懇親会に参加できなかった自分が情けないです。またこの3人のお話を聞きたいと思います。ジョンの大阪大好きという言葉を信じ次の機会を待ちます。（自分の力で機会を作れるようできる限り頑張ります）。皆さん本当にありがとうございました。楽しかったです。

同じ場にいた方々の記事

• デベロッパーとディレクター « When you were young
• John Allsoppの「State of the Web」を聞いてきた。 – What did coyummy eat?

東京版に参加した方々の記事

• State of the Web 2009 | ヨモツネット
• きゅーり.jp: State of the Web 2009 に行ってきた

1. お名前間違えていました申し訳ございません… [↩]

WordPress 2.8 ベータ1も出ていました。
いつもなら自分が購読しているブログでも話題があがるのですが、今回はOrioaさんのところでさらっと名前が出てきたくらいだったような。本当は家で試そうと思ってましたが、うっかり忘れていたので会社のローカルにアップグレードで入れてみました。
今回は外観も同じで何が変わったかわかりませんでした。管理画面のデザイン変更はいつ反映されるんだったかな…
とりあえずパット見目新しい点はなかったのでMODxのように運用しているサイトに適用する気にはなりませんでした。

とはいえ、WPはMODxと同じく期待しているソフトなので進化が楽しみです。

追記（2009年5月20日16時20分）：
完全に認識間違いでした。
管理画面の概観とプラグイン部分が強化されています。
管理画面からWP Themeのリポジトリにあるテーマを直接ダウンロードできるようになっていますし、テーマ編集画面が行数が付いて特筆すべき点はテーマに使用しているファンクションのドキュメントをプルダウンメニューから選択してリンク先に飛べる点です。これでテーマ開発の効率が上がり、テンプレートタグやファンクションについて覚えるスピードも早まりそうです。
この編集画面についてはプラグインも同じです。ただ、プラグインインストール画面はこれまでインストールしているプラグインとインストールしていないプラグインが分離されていたのですが、ごちゃ混ぜになってしまっています。これは以前のままのほうが良かったな…
忘れかけてましたが、ウィジェットも変わっています！

ますます進化するWP。近々管理画面のテーマもスタイリッシュで機能的にマイナーチェンジする予定ですし、楽しみで仕方ないです。
管理画面が素晴らしければブログを書くのも楽しめますよね。

これから連載形式で更新していこうと思っています。よろしくお願いします。
第1回はmicroformatsの概念のさわりなどを…

microformatsとは

microformatsは2005年ごろに提唱されたもので、HTMLでは意味づけしきれないものをclassやrel、rev属性を用いて既存のHTMLを小さいフォーマットで拡張するというものです。
microformats自体は自由に策定できます。何か良い案がある方はWikiにて提案してみてください。
現在、オープンになっている仕様はコンタクト情報をマークアップするhCard(vCardが元になっています)やイベント情報をマークアップするhCalenderなど9種類（Wikiを参照してください）。その中でもリンク先に重みをつけないためのrel-nofollowをご存知の方も多いのではないでしょうか。
続きを読む

現在運用しているBlue DayというサッカークラブのサイトをMODx Evolution（ベータ1）にアップグレードしました。
特に変更はありませんが、管理画面のスキンが変わり、気分も一新。表示も速くなったような気がします。
懸念のログイン状態の保持ですが、思ったとおりの結果にはなっていない気がします。ただ、今まで再起動したら再度ログイン画面が表示されていたけど、Chromeだと再起動しても勝手にログインしました。ただ、Firefoxでは再び入力を求められました…

ひとつ問題点というかどうにかして欲しいと思う部分はスニペットのコード部分です。現状パンくずリストと最新記事のリストを動的生成しているのですが、スニペットをアップグレードするとサイトに表示するコード部分も書き換わりうっかりしているとデザインが崩れてしまいます。できればコアの部分と表示部分は分離して管理できるシステムになれば尚いいなと思います。
いい点は今のサイトは情報量もそんなに多くないので結構表示は速いと思います。Chromeを使っている場合は爆速と言えるレベルと自認しています。この軽さもMODxの好きな部分です。

MODxについて説明が不十分だったと思いますので、わかりやすくまとめられてるWikipediaのページのリンクを書いておきます。
このページを読んだらワクワクしてきませんか？Revolutionのほうはフレームワークとしての色合いが強くなるそうでそちらにも期待しています。

CMSとして本当に扱いやすいと思います。プラグインを使えばいちいち管理画面に入らずとも修正できます。更新しやすいですし、ファイルがツリー構造なので視認しやすいのが好きなところです。制作者で一番恩恵をうけるのはプログラミングができる人でしょうか。拡張性も高いですし、工夫とスキルさえあれば簡単に何でもできるCMSだと思います。
日本語のドキュメントがそろえば一気に普及すると本気で思っています。

MODxの第一人者になるのは無理ですが、伝道師となれるように勉強します。
そろそろ新しい本が出て欲しいんだけどなあ…

このブログを作って早3ヶ月。最初からMODxカテゴリーを作っていましたが、投稿数は77記事目となってようやくMODxの話題です。
何年も正式版にならず、開発が続いていたMODｘがついに正式版になります！0.9.6ベースなので構成自体は変わっていませんがスニペットとかパワーアップしてて、サイトの高速化も行われているようです。早速インストールしてみましたが、何も入っていないとはいえ管理画面がサクサクで爽快です。
続きを読む