あとは、このサイトも開業にあわせて更新しないといけない。忙しくて試せていなかった新しい技術等いろいろ組み込んでリニューアルする予定。
]]>
10/27（土）フェスティバルホールで行われた「世界のCMフェスティバル2007 in OSAKA」に行った。「世界のCMフェスティバル」は、世界中の CM をオールナイトで上映するイベント。1981年、ジャンマリーブルシコフイルムライブラリーがパリで「La Nuit des Publivores」を開催したのが始まりで、日本では1999年から開催されている。
世界の CM ベストセレクション500本が次々と上映されるこのイベントは 22:30 から翌朝 5:30 まで5部構成で進行し、途中の休憩ではスポンサーからワインや焼酎が振舞われる。イベントに来ているのは広告関係者ばかりかと思いきや大学生くらいの若い人が多く活気に満ち溢れていた。
]]> 一番盛り上がったのは、Honda (UK) - Civic の CM の 118-118 によるパロディが紹介されたときだった。これもおもしろかったが、個人的に気に入っているのは、RENAULT（ルノー）の CM。RENAULT はユーモアのある映像やキャッチコピーが良かった。特に印象に残っているのは以下の3つ。コピーの和訳は自信なし。
YouTube - Renault ad
"The safest cars are French" (最も安全な車はフランス)
YouTube - Renault Clio "Slow is ugly" Commercial
"Slow is ugly" (遅いのは醜い)
YouTube - Renault
"Priorité au sport" (スポーツを優先)
RENAULT はこの他にもいくつか上映され、どれもおもしろかったので今後の CM にも注目したい。
このイベントで世界のいろんな CM を見ることができてとても楽しめたし、広告の仕事をしている自分にとって勉強になることがたくさんあった。ぜひ来年も「世界のCMフェスティバル」に参加したい。
]]>
最近、盛り上がりを見せる Twitter。「今、何をしているの?」という質問に対する回答を共有するシンプルな Web サービスだ。
自分の場合、この前大学を卒業したのだが、一緒に卒業した友達が今どういう新生活を過ごしているのかっていうのは結構気になる。
使い始めたころは何がおもしろいのかわからなかったが、一週間ほど使ってみて知り合いのユーザーが増えてくると何をしているかというどうでもいいことが意外とおもしろい。
以下は自分のアカウント。
流行りは放っておけないタイプ。
]]>
先日、初めて iTunes Store を利用して音楽を購入した。最近お気に入りの Mando Diao というスウェーデン出身のロックバンドがいる。 このバンドの CD で販売されていない曲がオンライン配信で販売されていることを知り、iTunes Store で発見。
]]>2曲目は The Beatles の A Hard Day's Night のカバー、3曲目はアルバム未収録曲。
A Hard Day's Night は、Mando Diao らしい荒々しいサウンドでアレンジも良い。試聴後すぐに購入ボタンを押してしまった。その後 Cinderella も購入。この曲も良かった。
CD で販売して欲しかったが、今回のように自分の好きなアーティストの曲がダウンロード限定で販売されるようなことが増えてきたら、iTunes Store のようなサービスを利用することが増えそうだ。
]]>
Mercedes-Benz Mixed Tape は、Mercedes Benz がフリーで提供するコンピレーションアルバム。応募の中から選ばれた楽曲をサイトからダウンロードすることができる。ジャンルは R&B、Jazz、Funk、House、など様々だが、全体的に落ち着いた雰囲気に統一されているので BGM には最適。
アルバムは10週間ごとに更新され、現在では15回目を迎えている。]]>
Mercedes Benz のサイトには最新のアルバムしか公開されていないので、ダウンロードしそびれた過去のアルバムは sexyadmin Broadcast Station からダウンロードした。
TABUREBIT の楽曲詳細ページに楽曲を試聴する為のサウンドプレーヤーを設置した。
TABUREBIT は、インディーズレーベルのサイトなので、コンテンツとして楽曲の試聴はできたほうがいい。2004年の公開当初は、ストリーミング配信を行っていた。一年ほど前にリニューアルし、ポッドキャスティングに対応させたのだが、楽曲詳細ページには MP3 ファイルへのリンクがあるだけで、ブラウザで再生するには QuickTime などのプラグインが必要だった。
]]> これでは使い勝手も見栄えも悪いので Flash でオリジナルのサウンドプレーヤーを設置しようと思い、いまひとつ理解できていない ActionScript を勉強しながら作った。まだまだ使いにくい点はあるが、とりあえず再生と音量調節はできるので公開することにした。今後、インターフェースや機能を改善していく予定。
考えていることとしては、
その他、気になる点などあればどうぞ。
]]>
来月、ユニクロはニューヨークにフラッグシップショップをオープンする。それに先駆け、これまでニューヨーク店のティザーサイトだったサイトがグローバルサイトとして公開された。
この全世界に向けた一大プロジェクトは、総合クリエイティブディレクションを佐藤可士和氏、グローバルサイトの制作を中村勇吾氏が手がけている。アートディレクターやインテリアデザイナーも含め、各ジャンルで活躍しているクリエイターが集結したプロジェクトなので以前から興味を持っていた。
]]> ロゴは、”美意識ある超合理性”をキーワードに制作されている。ニュアンスを排除した骨格だけのタイポグラフィーは、一見そっけなく見えるが、綿密な設計図に基づいて構築していると、制作した佐藤可士和氏が語っているのを前に雑誌で読んだ。合理性が美意識になっているユニクロの本質がロゴに表されている。そして、中村勇吾氏の制作したグローバルサイトは、Uniqlo Explorer という商品紹介のインターフェイスが斬新だ。トップページから Uniqlo Explorer へ進むと、商品のサムネイル画像が敷き詰められる。
トップページの写真にサムネイル画像が重なりまるで絵画のように見える。サムネイル画像をクリックすれば商品の詳細画面になり、画面をクリックすると再びサムネイル画像が敷き詰められる。この商品を見る操作感は気持ちがよく何度も繰り返してしまう。
今後も店舗と連動したコンテンツなど、様々なコンテンツが追加されるようなので、店舗のオープンやサイトの更新が楽しみだ。
<input type="image" src="button.png" alt="検索" />
この方法は、src 属性で画像の URI を指定して画像を表示するが、画像を使わない方法でボタンを作成し、そのボタンを CSS で image ボタンのように見せることはできないだろうか。CSS でサイトのデザインをする際、見出しなどのテキストと背景画像を置き換えるテクニックがよく使用される。同様にこのテクニックをボタンにも使用できないか試みた。
]]> 表示確認は IE 6、Firefox 1.5、Netscape 7.1、Opera 9、Safari 2、Mac IE 5.2 で行った。input 要素の type 属性の値を submit に指定したボタンを使う。type 属性の値が reset や button の場合でも同じ。
<input type="submit" value="検索" class="button" />
CSS でボーダーを消し、背景に画像を表示し、テキストを text-indent で見えない位置へ移動する。cursor の値を pointer にすれば、カーソルを画像ボタンにマウスオーバーした時と同じ形状にすることができる。
.button {
width: 46px;
height: 20px;
border: 0;
background: url(button.png) no-repeat 0 0;
text-indent: -9999px;
cursor: pointer;
}
ボタンのラベルとして表示するテキストは、value 属性の値なので text-indent は適用されないと思っていたが、IE、Firefox、Netscape では適用され背景画像と置き換わった。
しかし、Opera と Mac IE ではテキストが見えたままで、Safari では背景画像も表示できない。テキストはそのままラベルとして使うほうが良さそう。
次に input 要素の代わりに button 要素を使用したボタンで試した。
button 要素は、ボタン専用の要素で input 要素で作成されるボタンと機能的には同じ。この要素は内容をラベルとして表示する。
<button type="submit" class="button">検索</button>
CSS は input 要素ボタンの時と同じスタイルを指定する。
.button {
width: 46px;
height: 20px;
border: 0;
background: url(button.png) no-repeat 0 0;
text-indent: -9999px;
cursor: pointer;
}
button 要素を使えば Safari でも背景画像が表示でき、Opera でもテキストが見えなくなった。しかし、まだ Mac IE 5 ではテキストが表示されたままなのでバックスラッシュハックを使って Mac IE にだけ letter-spacing を指定する。
/*\*//*/
.button {
letter-spacing: -9999px;
}
/**/
この方法で表示確認を行ったすべてのブラウザでテキストを背景画像に置き換えることができた。
実際に作成したイメージボタンのサンプル。
CSS でボタンをデザインする際、背景画像を表示してテキストをそのままラベルとして使う時は input 要素を使用し、テキストを見えなくする時は button 要素を使用するのが良さそう。しかし、button 要素は Netscape 4 に対応していないので注意。
]]>
80GB の iPod
今まで CD から取り込んだ曲にアートワークを追加するには自分で画像を用意する必要があったが今回のバージョンアップでアートワークを自動的にダウンロードできるようになった。（iTunes Store アカウントが必要）
ライブラリの表示には CD を並べたようなインターフェースが新たに追加された。アルバムのカバーから曲を選び再生することができる。
矢印キーやマウスのスクロールホイールによる操作で左右のアルバムへ移動できるので、数多いアルバムの中からでもスムーズに曲を選ぶことができる。
]]>
ついに MacBook Pro普段使っている Adobe Creative Suite や Macromedia Studio はユニバーサルバイナリ対応されていないが、Mac OS X に組み込まれている Rosetta によって動作する。動作が遅くなってしまうという問題点があるようだが、今のところそんなに遅くは感じない。
]]>
このサイト takumadesign のロゴを作った。
ロゴタイプは正円を基準に最小限の要素で制作した。文字のデザインはとても楽しくて気がつけば小文字を全て作っていた。まだまだ未熟だが、せっかくなので小文字の他に大文字・数字・約物も作ろうと思っている。
]]>
au のウォークマンケータイ W42S に機種変更。楽曲をケータイに転送するには au Music Port か SonicStage を使うのだが、本体内蔵の 1GB フラッシュメモリには LISMO Music Store で購入した曲か au Music Port で CD から取り込んだ曲しか転送できない。MP3 などですでに PC に取り込んである曲を転送するには SonicStage でメモリースティックに転送するしかない。この辺が少しややこしい。
]]>
先日リニューアルした Last.fm。エキサイトとの業務提携により日本版が公開された。
いままで友達に勧めても英語だからと誰も始めてくれなかったが、この日本版の公開で日本でも始める人が増えればもっと楽しくなりそう。
エキサイト ID を持っていればすぐに始められるが、持っていなくても Last.fm x Excite から進むのが分かり易いと思う。
]]>サイトデザインは全体的にグラデーションがかかり丸みを帯びたデザインに。サイトカラーは以前と同様に赤を基調としているが、ログイン後ヘッダーのスイッチで黒に切り替えられる。
ラジオプレーヤーは Last.fm Player から Last.fm という名前になり、iTunes などの再生履歴をサーバに送る AudioScrobbler プラグインと統合された。
自分の Windows では iTunes を D ドライブにインストールしていて、iTunes にプラグインを追加し曲を再生しても Now Playing タブに曲の情報が表示されなかった。iTunes を C ドライブにインストールし直して表示することができた。
]]>
このサイトの構築にも使用している Movable Type が 3.3 にバージョンアップした。
新たな機能としてエントリー・タグ機能が追加されタグ・クラウドを表示することが可能になった。近々このブログもエントリーをタグで管理できるように変更する予定。
これを機に作りかけで長く放置していたこのサイトも作り込んでいこうと思う。