日記
「佐藤可士和 × 優クリエイト特別講演会」に参加してきました
先日、「佐藤可士和 × 優クリエイト特別講演会」に参加してきました。講演でお話をお聞きし、やっぱりすごい人だなと。
講演の前半はユニクロでの仕事に関するお話がありました。
「ほとんどユニクロの人です」
- 佐藤可士和氏はユニクロがニューヨーク時にはパッケージや商品名から UT、+J などの事業、ロゴ、フォント、地図、ショッピングバッグ、セロテープ、店員が使用するペンにいたるまで、ほとんどすべての物をデザイン。
- この成功の後、「これからは作るのをやめましょう」といわれた。全世界のユニクロを作るのは無理。今はプロデュースをしてる。
「僕が見なくても僕がやったように見える」グラフィックデザインのシステム
全部を作らないけど全部同じトーンに見えるシステム。どうやったらビジュアルのコントロールのシステムをつくれるかに興味がある人のこと。
- ユニクロではロゴ、フォント、完璧なマニュアルを用意し、これにより上記のシステムを作ることができた。
- フォントはモリサワと協力しレギュラー、ボールドなどのファミリーやロシア語なども用意
- マニュアルとしてものすごくきっちり作った余白の取り方などのデザインルール
- 一つづつを作っていってもなかなか解決しない。これから大切なのは考え方をデザインすること。
- 今やってるのはユニクロの財産になっていく一部のアイコンなど。これを押さえておけば展開していける。
後半はふじようちえんでのお仕事に関するお話がありました。
思ったこと
大きな仕事であればあるほどトンマナはすごく大切だと思いました。あと、デザインはただ作ることなのではなくて、コンセプトの考え方と情報の整理を具現化することなんだろうなー。すごく勉強になりました。
第13回 Sugamo.css
いろいろな都合で雪山ツアーに行けなくなってしまったので sugamo.css に参加してきました。今回は ルノアール 新宿区役所横店 6号室 の大部屋で行われ、30人弱の人が参加されていました。人が多い分ライトニングトークが多くてよかったかも。でも濃い雑談は少なめでした。
以下ライトニングトークのメモ
hokaccha さん
Ajax、Comet、WebSocket で実装したチャット 3 種の Demo。動く Demo を見ながらそれぞれの特徴などの紹介がありました。
- いままで:リクエストに対してレスポンス。単方向 / プル型
- リアルタイムウェブ:双方向 / プッシュ型。サーバ側、クライアント側で同期できる
- polling
- XHRとかでリクエストを連発する。実際はpull
- Comet
- コネクションを張りっぱなし。リクエストを送ってもイベントがあるまでレスポンスを返さない。擬似的プッシュ型
- flash
- 普通にSocket通信
- WebSocket
- JS でできる Socket。現在は Chome でサポート
doke さん
Photoshop 用のレイヤー分の PNG 書き出しスクリプトと Flash 用の PNG 読み込みスクリプトの Demo。マクロとか作っておくのっていいことだよなぁと再確認しました。
neotag さん
border-radius などを用いて HTML の要素で時計を作り、transform で時計の針にあたる要素を回すといった Demo。:target に対して transition を割り当てていたところになるほど ! と感じました。
hitoyam さん
SVG + SMIL Animation の Demo。Abode Illutrator を使い SVG で書き出したベクターグラフィクスを動かしていました。
自分
いろいろな SVG を background-image に適用する Demo。実用的ではないですが近々ブログ記事として。
IMAGEDRIVE さん
MT のテンプレートに Microformats の自動埋め込みを入れ込んだ Demo。メタデータは CMS とか使わないとめんどくさそうなのでよさそうですしね ! でもいろんな形式があって自分はどれを使うか悩んでいつまでも実装できないでいます…。これは別の勉強会で論議できるといいなぁ。
Takazudo さん
CSS3 の Demo。特にレイアウト関連のプロパティが勉強になりました。まとめがすっきりまとまっていていい感じでした。CSS Nite が楽しみです。
Designer meets Designers 08 に出演しました
アカデミーヒルズ 49 で行われた Designer meets Designers にて講演を行いました。自分は Session 4 を担当し、 『web ブラウザ戦国時代! イマドキの IE 6 対策法』をお題に IE 6 の過去、現在、未来にフィーチャーしたプレゼンを行いました。
1つのセッションにつき、1時間の持ち時間で進められました。前日に練習した成果もあり、ほぼ持ち時間通りに納めることができました。練習にお付き合いいただいた SINAP 界隈の皆様と、タイムキーパーをしてくださった web creators 編集部の石井さん、プレゼンをお聞きくださった参加者様、ありがとうございました !!
ボリュームの都合でプレゼンに盛り込めなかった内容もあったので、漏れてしまった分は今後この weblog に載せていけたらなと考えています。
今回の経験値と反省点
- Demo や Live を混ぜた方が技術者的な参加者さんの満足度が上がりそう…?
- 1ページ1分弱の計算でスライドを 80ページを用意し練習をしましたが 40分ほどでした。本番は 110ページほど + Demo で 1時間でした。1ページにもうすこし時間をかけて解説できる流れのほうが良かったかもしれないです。
ピクセルグリッドに入社しました
3年ほどお世話になったメタフェイズを退社し、2010年 2月 1日よりピクセルグリッドという会社でお世話になることになりました。原宿にある SINAP さんのおしゃれオフィス内に間借りをしているのでしばらくは原宿で仕事をします。昔も原宿に通っていましたがまた戻ってくるとは…。
会社はかわりましたがやっていることは以前と似たことなので忙しさが一段落したら日々の研究などを weblog に post していこうと思います。
第 8 回 sugamo.css
第 8 回目の今回は池袋にあるルノワールの貸会議室で行われ、13 名が集まりました。
モジュール化の考え方、カスタム Wiki のデモと、自分が持ち込んだ WebFonts のデモと、主題から外れた治安に関する話題を主に盛り上がりました。
mod 組み について : Takazudo さん
前回の sugamo.css でもプレゼンをしたけど、先月4人しかいなかったということでもう再演してくださいました。
「モジュールごとに画像用ディレクトリを用意する」という点になるほどーと感じました。
スライドやまとめは Takazudo さんの Weblog で公開されているのでそちらを。
カスタマイズした Wiki のお話 : songmu さん
- sugamo.cms を作っている現段階のお話をしてくださいました。すごかったです。
- 言語は Perl
- 何気に APNG を使っている。
- Wiki 記法で入力するとリアルタイムでプレビューして表示できる
- Wiki 記法から HTML へのパーサーは自作。700 行くらいで正規表現のおばけ
- 差分も取れる。差分パッチを当ててリビジョンも機能する
- 「俺がすごいんじゃなくて JQuery がすごい」
- そのうちログイン機能なども実装予定
このあと、ログインの話題から Open ID の話題に派生しました。
- OpenId はATND くらいでしかつかわないよね (自分は Fastladder とかにも使ってます)
- ATND はすごいよね
など。
WebFonts の話 : 自分
- Opera 10 がリリースされたので WebFonts ネタをやりました。詳細は次あたりのエントリーにまとめたいと思います。
- WebFonts でのフォントのライセンスはどうなんだろう ? と taku_eof さんに振ってみたところ「ライセンスは GPL 3 以降ならよさそう。M+ や VL ゴシックあたりなら問題ないのではないだろうか。詳細は法律の専門家に聞いたほうがよさそう」とのこと
- ライセンスについて、1 つのフォントには、別フォントから補間するなどで複数のフォントが混ざっているためライセンスの引き継ぎが発生していことと、WebFonts のようにサーバーにアップロードされることを想定いないはずなのでライセンス問題が難しい
- (当日言い忘れたことだけど) WebFonts を使う準備は整ったけど残りの問題はアンチエイリアス。Windows XP ではデフォルトで ClearType が無効になっているのできれいな形のフォント種を適用してもギザギザ。
その他の話題
- taku_eof さん
- OPERA 9.2 はきっていい ? Wii は 9.5 に近い 9.3
- お忍びの Y さん
- Opera 10 WebFonts にバグ ? forabeautifulweb を OPERA 10 で表示すると一部の文字にフォントが適用されていなく気持ち悪い表示になる。typekit のせい ?
治安について、鉄道沿線の治安があまり良くなさそう。皇居の治安いいね など
主題も楽しいけど話題がそれて発展するのを楽しむのも Sugamo.css の面白いところです。