早い人なら前年の冬から始める就職活動を、大学4年の6月になっても始めずにいました。お金、というよりは自立という意味それだけで働く必要は多分にあるのですが、ではなぜデザインなのだろうか…と考えた時に行き詰まり右往左往していた記憶があります。

また当時就職が決まって安心しきっている人を見ても、そうではない人がやたら焦っているのを見ても、そのどちらも「就職すること」が目的であるかのようにその結果に一喜一憂しているのが馬鹿馬鹿しく、目的もなくあんなのになるくらいなら、就職活動すらできない落ちこぼれで良いや、と開き直ってもいました。

しかし今にして思えば、本当のところは、働く理由などほとんど関係なく、単に働きたくないという怠惰が大きくて就職活動するのを渋っていた気がします。特にこの業界は徹夜がザラで昼夜を問わずの激務だと聞いていたので、ビビってもいたのでしょう。

結局、運が大半を占めた中村の就職活動は取り敢えず成功したんですが、デザインを生業にする理由はその時もまだ見つけるにいたっていませんでした。そしてそれは新卒として働き始めても続きます。どころかJACO-BASSで働き始めてもずっと持ち続けていました。

子どもの頃から絵を書くのが好きで（下手ですが）、デザインも好きだし…でもそれだけで仕事になるもんかなぁ…と。もっと大きな野望というか野心がないと成功なんてできないんじゃないかと不安でした。

でも最近ようやくわかったことがあります。それは自分が誰かに求められたときに、それに全力で応えられることは素晴らしいということ。そしてそれが自分が一番得意とすること、好きだと思えることなら尚一層輝くのだということ。

デザインに固執するつもりはないんですが、今は、自分が一番得意とすることがデザインなのかなぁ、と薄ぼんやりと感じています。そしてその能力をもってして誰かの呼びかけに応えられる喜び、これが自分がデザインを武器にして働く原動力なんだと考えるようになりました。

もしこの先もそうやって誰かの力になりつつ、だけど自分もちゃっかり楽しむことが出来る。そんな風に歳を重ねることができればとても幸せだろうなと思うのです。

技術的にも人間的にもより自分が成長できそうな道がJACO-BASSだっただけという、ごくプライベートで直感的なことを合理的に他者に説明するができなかったのです。

正直に言って、このチームの存在意義、それも自分以外の他者にとってのそれは、まだ模索しているところです。既に社会で活動していることを考えると、それは恥ずべきことかもしれません。やる意味あるの？って疑問に思われる方も多いかもしれませんね。

でも、考えるだけであーだこーだ悩むより、実際に動いてみて実感することでしか、正否ははかれないと思います。今は少しずつでも良いから確信を積み上げていきたいと思っています。

それに、ベストな選択をしたとも思っていません。当時もし、今の視点で考えていればまた違った道も見えていたでしょう。ただ、だからと言って後悔もしていません。多分これからもしないでしょう。

選んだ道がベストかどうかよりも、選んだ道の上でベストを尽くせば良いので、もし後悔するとするならば、選択にではなく、単に努力不足にです。

大事なのは、そのベストを尽くすために楽しめるかどうか？ということで、数ある選択肢の中で一番楽しみながらデザインできるだろうという確信が、JACO-BASSを始めた理由なのです。

スライド

「IEのため」だけじゃないCSS対策。のスライドPDF

ライセンス

Creative Commons 表示-継承 2.1 日本 License

あと、前回のスライドもリクエストがあったので、ようやく公開しておきますね。
AutoPagerizeに対応して、もっと便利なサイトにしよう。こちらはHTMLです。
Tempa Playground : ウェブテコ第2回終了の方に他の発表者の資料のまとめがありますので、ご覧下さいませ

という記事とそこにつけられたコメントを目にして、ここでも広告を仕掛ける側と受け取る側に温度差があるということを知りました。

記事によれば、この戦略は“タレントを声優に起用した宣伝、集客効果の典型的な例”だそうで“劇場には多数のファンが集まった。”ようです。

しかしコメント欄を見ると

• 洋画吹き替えは声優に限るね。
• 変なタレントがＣＭしてるだけで、その映画を見たくなくなる。
• ある意味、本末転倒かなぁと（´・ω・`）

といったタレント起用に対する疑問・不満の声が多数見受けられます。というよりもコメント欄のほとんどは批判的です。ここに作る側と受ける側の意識の剥離が見られます。どうしてこんなことになっているんでしょか…

最近の洋画は人気俳優が少ないので、吹き替えを担当した日本のタレントを会見に引っ張り出し、マスコミを動員しているんです。そうでもしないとスポーツ紙やテレビに情報の露出ができなくなってしまった

と洋画系の配給会社の宣伝担当者は説明していますが、この場合露出は増えても、駄目な面を強調する結果になっているのではないでしょうか？

昔ある方から「駄目な商品は広告・宣伝することで逆に短命になる」と教えられたことがありますが、今回だとロングランどころか集客できずにズッコケちゃう可能性の方が大きいような気がします。

タレント目当てで映画を見る人もいるかもしれませんが、それはあくまでタレントを見ている（聞いている）のであって、映画を見ているのではないのかなぁと感じます。（タレントがキッカケになって映画そのものを好きになることも勿論考えられますが…）

DVDやビデオでのレンタルも含め、良い映画は長く愛されます。上映期間中だけ動員数を稼げば良いというモノではないはずで、映画そのものに期待や好意を持ってもらえなければ、その映画は本当の意味で時を超えて長生きすることができないと思います。

タレントに依存することでしか強みがないのは映画そのものの弱さなのか、それとも本質を見抜くことの出来ない広告マンの無能なのかはわかりません。タレントという分かりやすい対象にしか価値を見いだそうとしないマスコミにも問題はあるかもしれません。

もしかしたら、配給会社の宣伝担当が言うように、流行やメディア露出に左右されやすい観客の性質も考慮して、妥協の末、質より露出量を選ばざるを得ないのかもしれません。

でも、ただ1つ中村自身がイチ観客として言えることは、タレントの吹き替えよりも本物の声優さんの吹き替えの方が違和感なく鑑賞きるということです。力ある声優さんの仕事を上手くもないタレントが潰して行っている現状は、映画界にとって大きな問題だと思うのですが…現場の方々にはそういう危機感ってないのでしょうか？

とにもかくにも下手なタレントを起用するのだけは勘弁して欲しいです。

第1回目の発表は以下の通りです。

• Movable Type4のカスタムフィールドとPHP
• PHPとJavascriptでスクレーピング
• テンプレートにphpも書けるCMS「ExpressionEngine」の紹介
• Magentoのダイジェスト
• AutoPagerizeに対応して、もっと便利なサイトにしよう。

で、参加した感想なんですが、恥ずかしながらほとんどついてけませんでした。でも、じゃあそれで退屈したかと言えばそんなことはなく、参加者それぞれのプレゼンを見て聞くだけで、皆さんの個性というか話術なんかを知ることができて楽しかったです。

それにwebやデザインの仕事に携わっている人たちと出会えるというのが一番大事というか面白かったです。知識量や技術もさることながら、会社勤めの方、自分たちで起業されている方、職場環境一つとっても本当に色々あるんだと実感しました。

今回は残念ながら2次会途中で抜けることになってしまいましたが、また機会があれば参加したいと思います。まずはそれまでに知識を蓄えないといけないなぁ。

以前、取材モノの撮影の際に、カメラマンとインタビュアーの役割を明確に分けておかなかったせいで、写真もインタビューも焦点がぼやけた中途半端な仕事になってしまった、という失敗談を記事にしたことがあります。

その時に、取材モノの撮影においては役割を分担して、それぞれの役割に専念して撮影に臨む必要があると学びました。

今回は取材モノではなく、モデル撮影でしたが、そのモデルの機嫌・表情一つで良い写真にも悪い写真にもなりますから、事前にモデルをリラックスさせて楽しませるような仕掛けが必要だと考えました。そこで中村は、自身はカメラマンに徹して、メンバーであるtokoに“子どもと遊ぶ役”として撮影に参加してもらうことにしました。

何故tokoなのかと言うと、実は彼女には大学時代、大道芸サークルに所属し、多くのステージで観客を楽しませてきたという経歴があります。幼稚園や子どもの沢山いる場所でのステージもあったでしょう。その経験を見込んでtokoに撮影に協力してくれるよう頼んだのです。

その申し出を快く引き受けてくれた彼女は、当日レパートリーの中から、分かりやすくて手軽にできるバルーンアートを現場でモデルのお子さんに見せてくれました。

最初は緊張していたモデルも、バルーンアートを目の前でやって見せて、できたものをプレゼントするとちょっとづつ緊張も和らいで、最後には「もっとつくって！」と撮影そっちのけで、バルーンアートをおねだりしていました。（これはこれでちょっと困りましたが…）結果、望んだ写真を撮ることができ撮影は成功に終わりました。

撮影の前から、子どもがモデルということで、「お菓子を用意しよう」とか「オモチャもいるだろう」とか、いつもより気を遣っていましたが、tokoのパフォーマンスがやはり一番重要だったように思います。彼女がいなければ撮影は失敗してかもしれません。本当に感謝！です。

大学時代にやっていたこと、しかも一見、広告やデザインとはかけ離れた印象のある大道芸が、仕事の鍵を握ったりしちゃうんですね。経験はどこでどう活きるかわからないもんだなぁとつくづく感心するとともに、それをきちんと応用できる能力も育てないと駄目だなぁと感じます。

普段の会議なら、仕事の話や技術的な話をするんですが、今回は少し趣向を変えて、皆でライブでも見に行こうということになりました。えっ？メンバーで遊びに行っただけじゃないかって？…そうです、その通りです。仕事はそっちのけで皆で遊びに出かけました。まーお盆ですしね。

で、そのライブというのが、このブログで何度も紹介している「空団地」の出演するライブだったんですが、見る度に凄いライブを見せてくれます。しかし今回は「音楽を聞いて楽しい」だけでなく、彼らがライブ会場という空間や僕らがそこで過ごす時間をも作り出していることに気づいて驚きました。

例えばBGMだったら、ロマンチックなムードを演出して恋人たちを盛り上げたり、楽しい食事の空間を彩ったり、強く自己主張するのではなく、その空間にとけ込み時間を紡いでいきます。それと同じように、今回、空団地のライブ（音楽）がJACO-BASSの集いを豊かなものにしてくれたのです。

音楽そのものが素晴らしいということも大事だけど、それが人とどう関わっていくのか？そこまで考えられるミュージシャンってただ好きで音楽をやるより、豊かな音楽を作ることができるような気がします。

デザイナーも同じで、人が過ごす空間や時間をいかに作り上げられるか？単にモノを作るのではなく、そこまで出来てはじめて一人前と言えるのでしょうね。

例えば、数年前に「CMのCM」というキャンペーンがありました。（キャンペーン自体は毎年継続しているみたいで、今年もやってます。）このキャンペーンに関して書かれている面白い記事をご紹介します。

• CMのCM
• スットコドッコイCM

紹介されている“某正直なチャンネル”の意見が全てだとは思いませんが、これは、何かと叩かれる某掲示板の中にだってこういった的を射た批判もあるという一例で、webの可能性を垣間見ることができます。

以前トンデモデザインという記事で紹介した、商品レビューを見ても、実際に使う人・使った人と作り手の間に大きなズレが生じていることが見て取れます。（実際はデザイナーも使い手側に属していますが）

どれもwebという場所・ブログや掲示板というツールがなければ表に出てこなかった意見ばかりです。それら一つ一つの意見が実際どこまでの影響力を持っているかと言えば、正直今はまだあくまで個人のつぶやきレベルに過ぎないでしょう。

そしてそれが大きな影響力を持つかどうかは、webというツールにでも消費者にでもなく、デザイナーや作り手側の企業の肯定的意見だけではなく、否定的意見に晒される覚悟や、それに対する謙虚な姿勢、小さな声でも拾い上げていく努力にかかっていると思うのです。

仮に膨大な情報全てに目を通すことは不可能だとしても、「ちばロゴ」のように顕著な意見は、良きにつけ悪しきにつけ自分の中に蓄積していかなければ、実用に耐えうるデザインはなかなか生まれてこないのではないでしょうか…

クライアントの方とデザインの話をしていると、たまに上のような言葉を聞くことがあります。デザインの素人とは“デザインについては専門的に勉強していない”という意味でしょう。でもよく考えてみると、デザインに素人と玄人ってあるのかな？と思います。

ここ数日、仕事でひらがなのロゴを作ることになり、参考になるようなロゴはないかと、書籍やサイトを探していると、そんなことを考えさせられるデザインに出会いました。それが以下のロゴ。

【参考】 新しい千葉県ロゴの作成について

デザイナーは「仲條正義(なかじょうまさよし)」という方で、デザインの業界では非常に有名な方です。受賞歴も華々しく、業界の重鎮と言っても差し支えないでしょう。ところがその重鎮がデザインした千葉県のロゴの評判があまり芳しくなかったようです。

具体的な批判の内容は痛いニュース(ﾉ∀`)とその周辺記事をご覧になっていただくとして、主だった内容を以下に書き出します。

• 洗練されたデザインって宣伝する割に全然洗練されてない
• 税金の無駄遣い
• とにかくダサイ。フォントそのまま流用のがマシ

ちなみにJ-CASTニュースの記事によると、

「デザインをやっている人たちには好意的な評価をいただいていますが、（これだけ反響を呼ぶのは）意外だった。意図していたところを踏まえると、広報効果としてはあまり…」

とのことで、どうやらデザイナーには受けが良かったようです。

当然、デザイナー以外の方でも「このロゴが良い」という方がいたり、話題になった時点で成功では？という意見もあるくらいなので、一概にこのデザインはダメということでもありません。個人的な好き嫌いの感情はあっても、（ロゴ）デザインの良し悪しは何で決まるのか？という問いにはなかなか答えを見いだせません。

しかしながら、そういうデザイン論が交わされる時、「何も知らないだろうから」ということで、いわゆる素人の意見は無視されがちです。でもデザインされたモノに見て・触れて・使うのはそのいわゆる素人なんです。その人たちの目線で語られることの中にもデザインの真実は含まれているんではないでしょうか…

事実、上のロゴの批判の中に、「ロゴなんかを変えるよりももっと実際的に変えなきゃいけない部分は沢山あるし、そっちに予算を割いて欲しい」なんてとても鋭い意見もあったくらいです。デザイナーよりもむしろそれ以外の方のほうが冷静に見てるんじゃないかな…とさえ思えます。

ですから、クライアントや多くのパートナーには「デザインについては素人なので…」なんて遠慮せずにどんどん意見を言って欲しいと思っています。

デザインをする上でデザインの素人・玄人の垣根なんて余計なモノはいりません。必要なものは目の前にある問題を解決しようとする姿勢と、そのためにクライアントとデザイナー、その他多くの仕事に携わる人たちが一丸となること、だと思います。

みなさん、はてなスターをご存知ですか?

はてなスターは色々なサービスをリリースしている「はてな」という会社が作った、とても珍しいサービスで、はてなのアカウントを持っている方や、OpenIDでログンイできる人であれば、誰でもボタンを押す事で、記事に対してスターを付ける事が出来ます。詳しくは、はてなスターはじめてガイドをどうぞ。

「スターを付ける事に何の意味があるの?」と思われる方も多いかもしれまねんが、理由は単純です。面白いと思った記事に対して、ポチポチと好きなだけスターを付けるだけでいいのです。たった、それだけで、記事を書いている人を、とても嬉しい気持ちにさせてくれる素晴らしいサービスなのです。

ですので、このブログを読んでくれて、面白いと感じた記事があれば、ぜひスターをつけて下さいね。

引用スター

ちょっと面白いスターの使い方を紹介しておきます。

例えば、この言い回しが面白いとか、この発言がスキ!という文章があれば、その文章をマウスで選択してからをクリックしましょう。すると、その文章が引用され、スターの上にマウスカーソルを乗せると、引用した文章がハイライトされます。

スターの消し方

基本的にスターを消したいと思う事は無いかもしれませんが、もし消したい場合は、消したいスターの上にマウスカーソルを乗せて、しばらくそのままにしておきましょう。

すると、「この☆を削除しますか?」というダイアログが表示されますので、返事をするだけです。簡単ですね。

なのに、今年一番忙しいこの時期に壊れるだなんて、嫌がらせか。この暑い中、昼も夜も休ませずに酷使してきたその仕返しか。どうやら僕の愛情は一方通行だったようです。

でも、ま、よく頑張ってくれました。とりあえずお疲れさま。

本命だけで勝負して、それがクライアントの意にそぐわなければ、その時点で仕事が頓挫してしまうので、この教えは至極まっとうな気もします。

しかしながら、中村は「クライアントに見せる案は少なければ少ない程良い」と考えています。なのでデザインする際は大概、1案だけ引っさげてプレゼンに出かけます。

初めて仕事をするクライアントや、「複数案作って」と要求されれば2～3案作ったりもしますが、本当はこれ！と言えるような1案をドカーンとプレゼンできればそれに越したことはないと思っています。

複数案あれば選択肢も増えて、クライアントに喜ばれそうなもんですが、実はそうでもなかったりします。なぜならクライアントがデザインを依頼してくる場合、明確なビジョンを持って発注される方は極希だからです。

漠然としたイメージはあるものの、それを具体的な言葉や形で示すことができない相手に対し、複数の回答を用意しても、余計な選択肢を与えて、より混乱させることになりかねません。

ですから、オリエンやヒアリングで得た情報を基に、デザイナー側でイメージを膨らませ、そこから生まれる幾つものアイデアの中から、最も相応しいと思える回答を導き出します。これには捨て案や第2候補を作らないで、全力で1つの案と向き合える分、総じて質が高くなるという利点もあります。

とは言え、クライアントにも色々なタイプの方がいるので、できるだけ柔軟に対応しようとは思っています。場合によってはラフ段階で複数の案を提示して、一緒に作り込んでいった方が良い結果を生むこともあります。

要は最終的に良いものを創る上で、どういうやり方が良いのか？結果だけでなく方法についてもきちんと考えておかなければならない、ということですね。

クライアントの性格や、デザインする対象の性質、納期や予算など多くの要素がありますが、それらを把握して最善の方法を導き出す。これもデザインの重要な要素の1つだなと感じます。

まず、WordPress のテーマでは、テーマフォルダのstyle.cssというファイルにスタイルを記述するのが基本です。Sandbox では、構造をそのまま使えるのであれば、miyoshiさんの記事に書かれてあるように、テンプレートの継承を利用して、テーマを作成する方が望ましいのですが、商用サイトを作る場合は、どうしても構造を変更してしまう事がほとんどです。

ですので、あくまでベストの方法ではなく、僕の方法であるという事だけ先に述べておきます。

スタイル編集の下準備

では、先ずはディレクトリ構造を説明します。sandbox ディレクトリの中に、以下のディレクトリを作成します。

• css - CSS ファイルを格納します
• img - サイトデザインで使用する画像を格納します
• js - サイトデザインで使用する JavaScript ファイルを格納します

よくある形ですが、この様なディレクトリを作成します。
そして、style.css には、

この様に記述しています。つまり、4つの CSS ファイルをインポートし、かつ古いブラウザには、クラッシュを防ぐために CSS を読み込ませないようにしています。

楽に、厳格に、そして未来を見据えてた CSS 管理

さて、4つのCSSですが、基本となるスタイルは default.css に記述します。これは、ブラウザによる差異を気にせず、CSS の仕様に従った正しいCSSを書きます。

次に、reset.css は、Eric Meyer氏の方法を参考に、多少手を加えたものを使っています。1ピクセルのずれも許せないWebデザイナのためにResetting Againという記事でも紹介されていますが、ブラウザ毎の特有のスタイルの差を取り除いてくれます。

hack.css は、ブラウザ独自のCSSバグを潰す為のCSSです。これについては、詳しく後述しますが、正しいスタイルとバグを潰す為のCSSを分けているのは、管理を容易にするのと、恒久的に正しく表示される様にする為です。

最後に font.css ですが、これは、YUI の Font CSS を利用させてもらっています。デザインによっては、px 単位でフォントサイズを指定する事も仕方ない場合がありますが、基本的には、フォントサイズを指定したくはありません。なので、折衷案として、font.css でブラウザ毎のサイズの差を無くして、%指定しようという方針です。

この表にあるように、YUI Font CSS を利用すると、100% で 13px になります。

ブラウザのCSSバグを潰す方法

CSS のブラウザ毎のバグを潰すのに、僕はCSS Browser Selectorを利用しています。これは、JavaScript でブラウザの判別を行ない、HTML の html 要素に、ブラウザやOSの名前のclassを埋め込んでくれるというものです。

例えば、Mac で Opera9 を使っている場合だと、class="opera opera9 mac js" となります。

default.css にこのように記述していているが、

IE6 や IE7 のCSS解釈のバグで、ズレが生じた場合、hack.css に

頭に .ie6 (もちろん html.ie6 でも良い) の様に記述する事によって、CSS 優先度の関係で、IE6 であれば、 .ie6 に書かれた内容に、IE7 であれば .ie7 に書かれた内容で default.css に記述されたスタイルを上書きしてくれるのです。

覚えておきたいテンプレートタグ

独自のJavaScriptを読み込む場合は、header.php にファイルパスを指定して読み込むのですが、ドメインを変更した場合でも一々修正せずに済むように、WPのテンプレートタグを使います。

bloginfo('stylesheet_directory') は、使用しているテーマのディレクトリまでのパスを補完してくれます。

サイト画像も img タグで埋込む場合は、このテンプレートタグを利用した方が管理が楽になるでしょう。

同様の理由で、css で背景画像などを読み込む場合は、相対パスを使って指定するのが望ましいです。

の様に指定します。

まとめ

スタイルの編集やその管理については、色々な方法がありますが、多人数ではなく一人で管理する場合だと、これくらいが丁度良いと考えています。

大人数であれば、Subversion を利用するなどのバージョン管理を行ったり、CSS を更にモジュール毎に細分化したりなどが必要かもしれません。

さて、次回はどうするかまだ決ってませんが、プラグインあたりについてでも書こうかと思っています。ここを読んでくれている方で、何かリクエストがあればお気軽にお寄せ下さい。

まずはデザイナーとエンジニアの違いという記事をご覧ください。多少古い記事で恐縮ですが、興味深い記事です。

ここでいうエンジニアとはプログラマーやコーダーといった方々のことを指し、デザイナーとはグラフィックデザイナーのことを指すのだと思われます。JACO-BASSで言えば、中村はデザイナーで大竹くんはエンジニアですね。

そして下記のように、デザイナーとエンジニアの違いで最も顕著なのが“共有”という概念の有無だと思います。

デザイナーのポートフォリオサイトってないの？
デザイナー別に実績が一覧できるサイトがあればいいなぁ、と思って聞いてみたのですが「あんまない」とぴしゃり（泣）。これがあるといいと思うのですが・・・。

デザイナーって勉強会やっているの？
エンジニアはよく勉強会やっているので、デザイナーは？と聞いたらこれもあまりないとのこと。

デザイナーには共有という概念が希薄である

これは大竹くんと仕事をするようになって意識するようになったことですが、デザイナーは以外と閉鎖的な環境で仕事をしています。

（特に年配の）デザイナーの中にはwebを毛嫌いするような人もいたりするので、ネットを利用した共有という概念をそもそも持たない人すらいます。

かたやwebデザイナーも含むコーダーやプログラマーといったエンジニアは、webに対する知識や姿勢がそのまま仕事にかえってくるので、webを最大限利用しようとします。当然と言えば当然ですね。

共有が業界を変える

しかしこの違いは、2つの業界が育つスピードの差になって現れているように思います。webにおいては、どうあるべきか、どうしていくべきか？という目的や方向性すらある程度共有されている感があるので、web全体がまとまりを持って発展を続けている印象を受けます。

それに比べてデザインの業界はと言えば、皆がそれぞれ好き勝手にデザインを解釈して好き勝手にデザインをしている状態で、誰かがリーダーシップを取ることもなければ、目的や方向性を共有することもなく、何となくクライアントや消費者のニーズ（あるいは好み？）に合わせて変化しているに過ぎません。

それが悪いことだとは思わないのですが、ほんの少し共有の概念を持ち込むだけで、デザインの世界の底上げも可能になるし、より良いデザイン（業界）の姿も見えてくるのでは…と思います。

それほど大それた事で無くても、勉強会を定期的に開いたり、ブログで技術や知識を公開する程度のもので十分だと思います。それだけで前回の記事で触れたような“不誠実なデザイナー”は随分と減るんじゃないかなぁ。

って言うは易し、行うは難しですね。ぼやくだけじゃなくて、中村もまずは勉強会が開けるくらいの知識と実力をつけねばなりませんね。

ユーザーや消費者、クライアントからすれば、例え1人前だろうがなかろうが、デザインを仕事にしている時点でプロとして認識されるのが当たり前なので、“何年目”なんてあってないようなものですが…

しかし、今自分の周りにいる多くのクライアントやパートナーのことを考えると、結果を求めてはいるものの、その仕事を通して“後進を育てよう”という意志を持っていることがよくわかります。

ある人はこう仰います。「今の業界には良いデザイナーが本当に少ない。ロクでもないデザインで法外な報酬を取るデザイナーや、その逆に必要以上に報酬を下げて“安かろう悪かろう”の感覚でデザインをするデザイナーが沢山いる。」

そしてこう続きます。「そういうデザイナーがあふれかえると、そのデザイナーだけでなく、業界やデザインそのものへの信用が失われる。今この業界は実力をもった若い世代をまともな感覚を持ったデザイナーとして育てなければならない。」

上のような危機感を持って後進を育てようという意志のある人はどれくらいいるんでしょうね…こういう方が多くいればいる程その業界の未来は明るい気がします。

中村もまだまだ若輩者といえ、僕より若いデザイナーはいくらでもいます。育てるというと横柄かも知れませんが、その発想は常に持っていたいです。それが後進のためだけではなく、業界、ひいては自分自身のためになるのだと思います。

それに最近では、それを判断するのは自分じゃなく他人であって評価は後からついてくる、ぐらいに気軽に構えています。とは言え、才能がある！と信じ切れているかどうかは甚だ怪しいのですが…

でも、そんな中村もごくたまに「才能がある」と褒めて貰えることもあります。そう言って貰えると嬉しいしすごく励みになります。

しかしそれと同時に思うことがあります。それは「自分に才能があるとしたらそれを伸ばしてくれた人がいる」ということです。

中村は今まで多くの人に励まされながらやってきました。友人や家族をはじめ、ライバルやクライアントの方々がいたからこそ今でも無謀な挑戦を続けることができています。

特に中村が1年勤めた会社の上司の方々には感謝してもしきれません。クライアントに認められるたびに、今こうやって腕１つで闘っていけるのも、あの1年があったからこそだと強く思います。

何と言っても、大学出たての使いものにならないヘボを取りあえずは現場で通用するレベルにまで引き上げてくれたのですから。

勝手に思ってるだけですが、中村にとっての師です。そうだと思える人に出会えたこと、最近は以前にも増して幸福なことだと感じるのです。

WordPressがMovableTypeより便利だと感じる点として、テンプレートを編集した直後に、変更が反映されるという点です。

なので、制作側に関してはWPの方がよりスピーディーに開発できると思うのですが、WPのテンプレートはphpになっており、テンプレートタグ以外にも自分で関数を作ったりできるため、柔軟性が高いものの、構造を弄り過ぎると理解しにくくなる傾向があります。

今では、CSS + (X)HTML によるウェブデザインが浸透してきましたが、構造設計がずさんな場合、意味の分からないクラスやIDが乱発を招き、せっかくのMVCの分離の理念が崩壊してしまいます。

しかし、ひとつのサイトを作る度に、毎回いちから堅牢で柔軟性に富んだ構造を設計するのは大変ですし、時間もかかり過ぎてしまいます。ウェブ制作に慣れた人であれば、自分の構造パターンができあがっているかもしれませんが、僕はWPでサイト制作するのであれば、Sandbox テーマを元に構造設計を行なう事をお勧めします。

Sandboxは他のテーマと比べて何が違うの?

このテーマの最大の特徴は、自動的に分かりやすい class や id を適切に割り振ってくれる所にあります。

例えば、トップページであれば、body class="wordpress y2008 m06 d13 h10 home loggedin" の様に、
また、ブログカテゴリであれば、body class="wordpress y2008 m06 d13 h10 archive category category-blog loggedin" という class が body 要素にセットされます。

自動的に意味付けされた class や id がセットされるHTML要素は、body と div id="post-{n}" と li id="comment-{n}" ({n} は WordPress システム内における id)の3つの部分です。

セマンティクスな class と id についての詳しい説明は、Miyoshiさんの記事Sandbox テーマとSandbox 1.2をお読み下さい。

つまり、これを使えば、

という様に、CSS だけでヘッダーのスタイルを自由に変更できます。このサイトも、背景画像を変える事で、トップとそれ以外のページでロゴのサイズを切り分けています。

サイドバーは Widgets で管理したい

サイドバーは、直接 sidebar.php を直接編集するよりも、せっかくテーマがWidgetsに対応しているのであれば、管理画面のデザイン > ウィジェットで管理したいです。

例えば、ホームとブログカテゴリと、それ以外のページで、サイドバーの表示を変更したい場合はどうすればよいのでしょうか。

それには、まず sidebar.php に簡単な分岐を入れてあげましょう。

!dynamic_sidebar(1) というのは、現在のウィジットで選択できるサイドバー1 のことです。この例ではサイドバー3まで使用しています。

しかし、Sandbox テーマでは標準で2個のサイドバーしか使えませんので、3個目を使えるようにする必要があります。

サイドバーを増やすには、functions.php の370行目付近、

register_sidebars() の数字を好きな数に変更するだけです。サイドバーを左右に設置したければ、sidebar-2.php というファイルを作成して、どのページでどのサイドバーを使うのかを指定して、

テーマの中で、この様に呼び出せば、2本のサイドバーもウィジットで管理する事ができる様になります。class は div class="sidebar-2" とでもしておきましょう。

まとめ、Sandbox はまだまだ進化していっています

他のテーマと違い、出来上がったスタイルを提供するのではなく、カスタマイズし易い構造を提供してくれる SandboxはWordPressの成長に共なって、バージョンアップされています。

また、全く構造に独自の変更を加えなければ、Sandbox Designs Competitionというギャラリーに投稿できます。色々な作品を見て、インスピレーションを得るのにも大いに役立つでしょう。

次回は、スタイル編集についてもう少し掘り下げて紹介します。

第1回は、インストール編です。

Subversion を使ったインストール

WordPress本体とプラグインの一部はSubversionを使ってインストールする事で、インストールと更新作業にかかる時間を大幅に軽減する事ができます。サーバに ssh でログインできて、svn コマンドを利用できる事が求められますが、最近のモダンなサーバではこれらを利用できる事がほとんどでしょう。

例えば、DreamHostやCORESERVER(XREAもかな)には標準でSubversion がインストールされていますし、SAKURA Internetも自分でインストールする事で使えるようです。

さて、インストール方法についてはInstalling/Updating WordPress with Subversionというドキュメントが用意されていますので難しい事はありません。

一度やってしまえば一々ファイルをダウンロードして、FTPでアップロードする…という作業が馬鹿らしくなってしまうくらい簡単だと感じられます。

例えば、サーバのヴァーチャルホスト を利用して、www.example.com というサイトを作る場合、

というコマンドを打つだけで、数秒後に最新版のWordPressのインストールが完了します。
これだけだと、日本語表示ができませんので、日本語の言語ファイルもインストールします。

ここでは、この記事を書いている時点での最新版である2.5.1の日本語ファイルを例にしていますが、バージョンに応じて変更して下さい。

なお、日本語環境をオンにするには、wp-config.php を修正しておきましょう(基本的にはインストール後です)。

続いてプラグインのインストールですが、Plugin Directoryに登録されているプラグインは全てhttp://svn.wp-plugins.org/のリポジトリに格納されていますので、ここに登録されているものは全て、本体と同様にSubversionを使ってインストールすることができます。

例えば、Google XML Sitemaps と Contact Form 7 と 拙作の Limited Category Lists Widget をインストールするには、

とするだけで、インストールが完了し、後はプラグインの管理ページで有効化するだけです。いちいちダウンロードしてアップロードするのに比べて、楽だと思いませんか?

Subversion を使ったバージョンアップ

バージョンアップする場合も簡単で本体の場合は、トップディレクトリで、

とするだけです。あとは、wp-admin/upgrade.php を実行しましょう。
言語ファイルは仮に本体のバージョンが2.5.2だとすると、

となります。
プラグインは、各プラグインのディレクトリに移動して svn up コマンドを実行します。例えば、Google XML Sitemaps の場合であれば、

で更新が完了します。

ファイルをダウンロードして解凍してアップロードして…という旧来の方法であれば、ファイルを送受信している時間だけで何分もかかっていたところが、この方法だと数分以内に完了できますので、Subversion が使える環境の人は利用しない手はないでしょう。

まとめ、シェルスクリプトを使いましょう

これら、svn コマンドを使ったインストール作業は、非常に簡単ですが、同じコマンドを何度も打つのも面倒な作業に違いありません。

そこで、例えば以下の様な単純なシェルスクリプトを用意して、インストール作業は勝手にしてもらう事にしておいた方が楽でしょう。

このような内容を installWP.sh のような名前を付けて保存し、インストールしたいディレクトリにコピーします。そして、ファイルに実行権を与えます chmod 777 installWP.sh

あとは、./installWP.sh の様に実行するだけで、自動的にインストールしてくれます。

わずらわしい作業に時間を奪われる事なく、サイト制作に時間を使う事ができるというわけです。

次回はテンプレート編です。

サイトのアクセス解析と言えば、今では Google Analytics が一般的になってきましたが、最近になって新たな対抗馬が注目を集めています。その名も Woopra です。

現在、ベータテストが行われていますが、一日のページビューが10,000以下のサイトだけとなっており、登録してから、1〜3週間くらいで利用開始できます。

他のアクセス解析と比べて、Woopra 最大の特徴は、デスクトップアプリケーションが用意されている点と、リアルタイムでアクセス解析してくれる点です。

リアルタイム解析を利用して、ユーザビリティーの向上へ

リアルタイムのアクセス解析情報はLiveタブを開いたページに表示され、どの要にサイトを辿っていっているか表示されます。

ブログベースのサイトではあまり効果はないかもしれませんが、ショッピングサイトであれば、どの様にサイトのナビゲーションが機能しているのかが把握しやすいので、ライブ解析は非常に効果的でしょう。

ログのみの解析では、あくまで予想の範囲でユーザーの行動を評価するしかありませんが、Woopra のライブ解析を利用すれば、滞在時間も考慮したスマートな解析が可能となるでしょう。

Woopra と Skype を組み合せれば、離れた場所にいるユーザーの方に協力してもらい、綿密なユーザーテストが可能となります。

ウェブサイトは実際の店舗と比べて、改善が滞りやすいものですが、 こちらからユーザーをナビゲートできないウェブサイトは、実際の店舗よりも改善や工夫が必要です。

そのための対策として、アクセス解析はフィーリングと違い、明確な数字を挙げてくれる重要な情報になります。

顧客を逃さないためにも、シビアなサイトチューニングを日々繰り返していく必要があるのではないでしょうか。

これまでゴールデンウィークは旅行に行くこともなく、実家に帰ることもほとんどなく、家でノンビリ過ごしてたので、今年もそうなるだろうなぁ…なんて思ってたら全くそんなことありませんでした。

大学時代の友人が久しぶりに帰ってくるってことで飲みに行ったり、地元の友人のトラブルに巻き込まれたり、知り合いの方の銀婚式パーティにお呼ばれしたり、JACOメンバーで集まったり…

ええ、仕事全くしてません。遊びほうけていました。こんなとこでカミングアウトするのも何ですが、今年のゴールデンウィークは最初から最後までプライベートな時間に費やしました。何だったら実家にも帰れば良かったな、とか思いつつ。

でもゴールデンウィークに限ったことではないのですが、休日はそうやって思いっきり遊んだり、自分自身のごくプライベートな時間に使うことって結構大事なことなんじゃないかなぁと思います。

もちろん休日にこそ向上心を持って知識を蓄え、技術を磨くことも大事ですし、やむを得ず仕事しないと行けない休日もあります。ですが、ただただ仕事に追われるような休日は無味乾燥だと感じます。

とにもかくにも仕事をするのは良くても、仕事に追われるのは嫌です。休日のうまい過ごし方をもっと模索していかないとな、なんて思います。

ミュージシャンに例えて説明すると

それでは、ミュージシャンはどの様にして売れていくのかを例に挙げて説明しましょう。

ミュージシャンは自分達の音楽を多くの人に聞いてもらいたいわけですが、そのためには何をすれば良いのでしょうか?

• 良い曲を作る
• 演奏をする
• 宣伝をする

大きく分けるとこの3つが挙げられるかと思いますが、これらを全部ひっくるめて言うなれば、音楽活動をしているという事になります。とてもシンプルですね。

ミュージシャンは総じて、音楽に関する活動を続ける事で成功していると言っているわけですが、Web で物事を成功させたい場合も同じ事が言えます。

• 良いサイトを作る
• サイトを使ってもうらう
• 宣伝をする

これらを、全部ひっくるめて言えば、ウェブ活動をしているという事になるのです。これはどういう意味なのでしょうか。

ウェブ活動って何?

どの分野にも同じ事が言えますが、ある分野で一流になるには、当然ながらその世界での活動に従事する必要があります。

ウェブの世界での活動に従事すると言う事は、ウェブに触れる時間を多く持つという事です。ウェブはインタラクティブであり、フレキシブルです。常に変化が求められていて、新しいモノに貪欲です。

Amazon というと、既にナンバーワンの知名度を持つECサイトですが、その見た目や機能はまだまだ進化を続けています。Amazon ですら成長を続けている現状であって、まったく進歩しないECサイトは時代に取り残されていくだけかもしれません。

また、アメリカ民主党の大統領候補であるバラック・オバマ候補は、予備選が始まる前に多くのアナリストが彼は資金集めの段階でリタイアするだろうと言われていましたが、実際には、1ヶ月で$32M(33億円)という過去最高の金額を集めるという偉業を成し遂げ、圧倒的有利とされていたヒラリー・クリントン候補と大接戦を演じました。

なぜこの様な事になったかというと、彼の選挙事務所が様々なウェブサービスを通じて毎日プロモーションを行ない、更には支援者が支援活動をするためのソーシャルネットワークサイトを設けるなど、考えうる限りウェブを使い倒した結果からなのです。

こういった様に、ウェブの世界では、ウェブの世界で活発に活動する事が成功に繋るというわけです。

ウェブは金のなる木ではない、努力の貯金箱である

サイトを作ったが、ほとんど更新せずほったらかしにしているとか、自社サイトをまともに使った事がないとか、更には生活の中でネットを使う事があまり無いとか、ウェブを使って何かしたいという企業や事業者なのに、この様な状況になっていないでしょうか? それは、ミュージシャンなのに、まったく音楽に触れていないと言う事と同じではないでしょうか?

色々と参考にしようと、サイトを覗いたりして調べるのはもちろん結構な事ですが、それだけで満足してはいけません。音楽の良さは聞いてみないと分からない様に、サイトの良さも実際に使ってみて初めて分かるのです。

サイトを運営するのであれば、それは実際の店舗と同じ様に、成功するための努力をしなければなりません。店舗に店員がいなければ営業できないのと同じで、ウェブサイトも更新や管理をするための人員（もちろん、教育が必要なのは言うまでもありません）がいなければ、まともな運営はできませんし、成長もしなければ利益が出るはずがないのです。

インターネットバブルが終わり、実力がものを言う時代になってきて、Web2.0 という流行り文句も現実の努力が伴わなければ、張子の虎に過ぎない事が誰の目にも明かになってきたわけですが、お金をかければ良いのではなく、あくまで自分達の活動次第で成否が決まります。

つまり、ウェブは金のなる木ではなく、努力を貯める事で利子がついて返ってくる貯金箱なのです。

Works更新で一気に4件もアップしたのは久しぶり、というより初めてかも知れません。そうです、最近仕事が増えているんです。自慢してすいません、嬉しくてついつい書いてしまいました。

地道にやってきた甲斐があったなぁ…なんて思いつつ、でも一番はやっぱり運が良いというか、縁に恵まれてるからだな、と感じます。

でもその反面1人で抱える仕事の量が増えています。メインで動けるのは中村と大竹くんの2人だけ。デザインは中村、コーディングは大竹くんと完全に分担しているので、それぞれ1人で全ての制作に手を回さなければなりません。

ちょっとずつのしかかる作業とプレッシャーが大きくなってきています。

それでJACO-BASSもそろそろ新メンバーや制作パートナーを本腰入れて探そうかなと思っています。新メンバーに関しては法人化もまだなの�