久しぶりにDreamweaverを起動しました。
このところデザインばっかりで、がっつり構築をやる機会があんまりなかったんですが、たまにやるととても楽しいです。

ちょっと情報量の多いページだったので一気に集中して調子よくCSSを書いていたところ、突然のクラッシュ。
なんでやーと思いつつ、もう一度開くもののやっぱりクラッシュ。
仕方なくテキストエディタで開きなおして原因になりそうなところを探すも、それっぽい記述がない。

ぐぐってみると、こんな記事がヒットしました。

Windows では、CSS ファイルを編集してファイルサイズがちょうど 8192 バイトになるか、または 8191 バイト分だけ増加すると、Dreamweaver は強制終了します。また、CSS ファイルのサイズを変更するまで、Dreamweaver を起動することができません。ファイルサイズを変更するには、別のテキストエディタで CSSファイルを開き、スペースやタブなどの空白文字を含む 1 文字または 2 文字を挿入します。

該当ファイルのサイズが約9KBと表示されていたので、ためしに半角スペースを挿入してみるとちゃんと開けるようになりました。
ちなみにファイルサイズは8,660byte。これもまた謎。

なにはともあれ、あっさり改善方法が見つかってよかったです。
まさかファイルサイズで引っかかるとは思わないので、原因不明のクラッシュに悩む前に覚えておくと得かもしれません。

ポーランドのジャチェック・ウツコというデザイナーの話です。
建築家だったジャチェック・ウツコは、シルクドソレイユのショーを観たことをきっかけに「新聞のアートディレクター」になろうと考えました。
彼は紙面をリデザインし、それによって数多くの賞を受賞した結果、東ヨーロッパの新聞購読率を100%に高めることができたそうです。

ジャチェック・ウツコは問う「デザインは新聞を救えるか？」

↑ここからスピーチの様子が見れます。

やっと「デザインとはデザイナーのお遊びじゃなくて、社会の問題を解決する大切な行為」ということが、広がってきている

と、ナガオカケンメイさんが以前ブログで書いていましたが、はっきりとした形でデザインの力が人々に大きな影響を及ぼしたすごい例だと思います。
ちなみにウツコさん、4ヶ月くらい前に来日されてたみたいです。クリエイターズ・サミット2009のスピーカーとして招かれていたそうな。
同じくスピーカーで出演されていたビジアキの福井信蔵さんがブログにてそのときのことを書かれています。

Talk at the Creator’s Summit 2009

ジャチェック・ウツコが手がけた新聞の紙面が下記から見ることができます。
彼の「新聞でもなく、雑誌ですらなく、ポスターが作りたかった」との言葉どおり、このままのデザインで駅とかに貼られていても全然違和感がないです。

Jacek Utko News design

去年の10月に発売された、雑誌Pen 2009年11/15号 (No.256)にて「未来に残したい50の傑作『世界デザイン遺産』」という特集企画がありました。

20世紀に入ってから現在に至るまで、約100年の間にデザインされ、
いまもなお、現役のデザインとして活躍している50の傑作をピックアップ、
これからも残しておきたい「世界デザイン遺産」として認定した。

という企画なのですが、安藤忠雄の地中美術館をはじめ、Adrian Frutiger制作の『Frutiger』など、まさに20世紀を代表する作品が選出されています。

その中のひとつ、「ロンドン地下鉄路線図」の記事は特に興味深かったです。
現在駅で当たり前のように見ることのできる路線ごとに色分けされた幾何学的な路線図。
とても有名なのでご存知の方もたくさんいらっしゃるかもしれませんが、一般的な路線図のベースになったのがこの「ロンドン地下鉄路線図」なのです。
デザインを手がけたのはHarry Beckという地下鉄従業員(電気技師)で、地下鉄の乗り換えをわかりやすくするため、それまで使用されていた路線図から駅と駅の物理的な位置関係を排除し、水平・垂直・斜め45度の直線だけで描かれた新しい路線図を考案したそうです。
これが発行されるなり瞬く間に人気となり、Beckの路線図は一般に浸透していったとのことです。

この話でおもしろいのは、Beckがデザイナーでなく、地下鉄の従業員だったということ。
誰よりも地下鉄に携わっている人が、どうすればもっとわかりやすく、快適に人々が地下鉄を使えるかを考えた末にできたことが、世界中に広まっている。
この

1.本気でそれがよくなるように考え、
2.いらないものを省いてできるだけシンプルにした結果、
3.人々の役に立っている

というのがデザインの理想の姿だと私は思います。

こうして作られたデザインは何十年経っても色あせないし、見えないところできちんと社会のためになっています。
そんなデザインができるように自分も頑張らなければ！！と思う毎日です。頑張ります！！

ウェブサイトを作る上で最も重要なことは、魅力的なコンテンツがあることだと思ってます。
極端な話、そこさえ満たしていれば、見た目はどうだっていいのかもなあと思うこともあります。
魅力的だと思うコンテンツは人によって違いますが、そういうコンテンツのあるサイトは何度でも訪れたくなります。

そんなわけで、私的になぜか何度も訪れてしまうサイト。

～世界のどこかでRoots飲んでゴー！～　アローマからの手紙

缶コーヒーRoots アロマブラックのプロモーションサイト。
アローマというキャラクターが「何か」を探して世界中を旅していると設定です。

まず、名前を登録すると「しんあいなる○○」と名指しで手紙が届きます。
このサイトが公開されたのが今年の夏頃で、そこから定期的に手紙が更新されているので、はじめてサイトに訪れた人はすでに30通くらいポストに手紙がぶっこまれてます。
サイトによるとほぼ毎週手紙は届くそうですから、アローマとはかなり親しい間柄のようです。

肝心の手紙の内容はというと、行く先々の国で起こった出来事をアローマなりのユーモアな切り口で報告してくれています。
同封されている貼り絵風のイラストをながめながら、見知らぬ土地とそこにいる彼に思いを馳せます。
仕事で疲れたとき、作業がひと段落ついたとき、ふとした瞬間に「アローマはどうしているだろう？」と彼を思い出します。アクセスして手紙が届いていたりしたら、なんだか心があったかくなります。
正体のわからない「何か」を求めて世界に羽ばたいていくような彼ですから、きっと大変自由奔放な性格なのでしょう。
そんな彼もこの手紙を書いているときだけは私のことを思い出してくれているに違いありません。
異国の地を旅する彼にとって、自分の存在が支えになっているのかもしれないと思うと、なんだか彼のことがとても愛しく思えてきます。

…こんな感じで、なんだかよくわからないけど、アローマからの手紙が楽しみになってしまうサイトです。
イラストも素敵なので、みなさんもアローマと文通してみてはいかがでしょうか！？

「とにかくいろんなサイトを見て目を肥やせ。
　できれば日本のサイトより海外サイトを見るほうがいい」

というものがありました。
でも、英語がわからないのであんまり海外サイトを見るのがすきじゃなくて、日本のサイトばっかり見てるのですが、久しぶりに「すごい！！」と思えるサイトを見つけました。海外サイトでした。

Balsamstudio – graphic design – art direction

たぶんポーランドにあるデザイン会社のポートフォリオサイトです。
制作実績がすごいです。シンプルなデザインほどデザイナーのスキルに良し悪しが左右されると思うのですが、どれをとっても完成度が高い。
ロゴマークからパンフレット、Webサイト、コーポレートフォントまで、ブランドイメージがきれいに統一されてます。
すべて同じデザイン会社が手がけているのかはわかりませんが、ここまで徹底したブランディングを行う企業の姿勢にもほれぼれしますね。

末筆となりましたが、新年おめでとうございます。
今年もドアズをよろしくおねがいします！！

アルバムエキスポという写真展が開催されてたので行ってきました。

デジタル全盛の時代にあって、カタチにしてのこすことよりも、
データで保存すればよいという風潮に警鐘をならしつつ、
シンプルに「アルバム」の豊さや楽しさを伝え、
「アルバムをつくる」という行為をいま改めて
スタンダードなものにするための大きなきっかけとしたいと思います。
アルバムでのこしていく。
みなさんもぜひ「アルバムエキスポ」で、
その楽しさと大切さを体感してください。

これがこのイベントのコンセプトだそうです。

メイン企画は、「THANKS! ALBUM EXHIBITION～50人のアルバム展～」。
50人の著名人が各個人の持つアルバムを展示しているとのことでした。(ちなみに私の目当てはCoccoです)

Coccoは2枚の写真を展示していました。
1枚は小さいころ(たぶん2つか3つくらい？)の彼女と彼女の姉が仲良く2人で写っている写真。
もう一枚は17歳の彼女が鏡に映った自分自身を写したバストアップのヌード。
ものすごく対照的なその2枚の写真が、見開きのアルバムの左右に貼り付けられ、マスキングテープで可愛くデコレーションされている、という印象的な作品。

入場時にもらったパンフレットの中に、「写真のことば」というフリーペーパーがありました。
ここにCoccoの写真に対するインタビューが綴られていたのですが、彼女は、「アナログの限りのあるフィルムで、今だ、という瞬間を撮って、自分で焼く。」という行程をすごく大切にしていて、デジタルによって残すのが簡単になってしまったことがとても嫌なのだそうです。それによって覚えなくなってしまったことが。

デジタルどっぷりな生活をしている身としては、展示写真も相まって、なんだか考えさせられる内容でした。
「写真のことば」はWEBでも公開されているので、よろしければ読んでみてください。

Coccoインタビュー『プリントのちから』 | 写真のことば

余談ですが、DragonAshのKjの展示作品に、MEGUMIが写っているのにちょっとビックリしました。
奥さんだから当たり前といえば当たり前なんですがなんとなく。。

その人は桜井亜美という名前で、作風を一言でいえば「女子高生の書いたSF小説」。
現実離れした世界があまり好きではなく、本は数冊しか読んでいないのですが、その作家さんの作品の装丁がとてもきれいで、ジャケ置きされていると思わず手に取ってしまっていました。
その装丁というのが、ほとんど同じ女の子をモデルにしたコントラストの強い写真なのですが、本の装丁というのは落ち着いた色が多いので、ジャケ置きされているとほんとによく目立つデザインなんです。
そのモデルの女の子も、ものすごい美人というわけじゃないんですが、一度見たらちょっと忘れがたいような鋭角的な魅力を備えていて、その強い色彩の写真にとてもよく合っていました。

それで、何度か本を買ううちに、その表紙の写真を撮っている人が同じ人だということに気付きました。
その写真家さんは蜷川実花さんです。すごく有名な写真家さんなので、知ってる人も多いと思います。
名前を知ると、ファッション誌でもよくその名前を見かけることに気付きました。

いつか個展を見に行きたいなーと思っていたのですが、先日、西宮で写真展が行われていることを知り、行ってきました。
三連休の最終日だったのですが、個展の日程も終わりに近かったのであまり人はいないだろうと思っていたところ、予想外に賑わっていました。
開催されていたのは大宮美術館というところで、ちょっとアクセスしづらい場所にあるのですが、最寄り駅を降りた瞬間、明らかに同じ目的だろうという人が何人も前を歩いてました。
そして女の子率が異様に高い。美大通ってて写真が趣味な森ガール的風貌の可愛い女子たちがてんこ盛りです。
やっぱり蜷川実花は女の子に人気があるんだなあとか思いつつ、10分ほど歩いたところで到着したので、チケットを購入して中へ。

初期の写真から最新作まで、代表作を集めた写真展のようでした。
いくつかの部屋に分かれていたのですが、部屋によって展示されている写真のコンセプトが違う様子。
しかしどれも美しい写真です。

蜷川実花特有の、とろりとしたキャンディのような強い色がこれでもかというほど迫ってきていました。
息苦しさを覚えるような極彩色の世界です。
その中に、あの女の子をモデルにした一角もありました。
パンフレットによると初期にあたる作品らしいのですが、あのころ感じた美しさは変わらず。

ところで、知っている方も多いとは思うのですが、蜷川実花はPhotoshopなどを使った画像加工は一切行わないそうです。
本人いわく、そういった作業にうといからとかなんとか(うろ覚えです)。
普段Photoshopを使う作業に慣れていると、あの色彩がフィルムや光の工夫で表現できるなんて、ちょっと信じられないような話ですよね。
ちなみに、蜷川実花が好んで使っているのは、コダックのウルトラカラー100UCというフィルムだそうですが、これはすでに生産終了しているそうです。
デジタルカメラの普及でフィルムの需要が減ったからなんでしょうか。なんだか残念な気がします。

ひととおり館内を見て回り、最後にもう一度あの女の子のコーナーを覗き、ポストカードを購入して満足して帰りました。
大宮美術館では今週末まで開催しているようなので、予定の空いている方はぜひ足を運んでみてください。

asahi.com:朝日新聞社 – 蜷川実花展 地上の花、天上の色

WordPressでソースコードを記事に表示させたいとき、便利なのがSyntaxHighlighter。
もちろんこのブログにも入ってます。
disBlogで使用しているのは、SyntaxHighlighter Evolvedというバージョン。

これを入れると、こんな感じ↓になるんですが、

…

…なんか…

…このビビッドな緑のラインが微妙…
行間ももう少し空けた方が見やすい。

ということで、ちょっといじることにしました。

ところで、SyntaxHighlighterにはいくつかテーマがあります。
上の画像はデフォルトですが、ダッシュボード→設定→SyntaxHighlighter→Defaultから、テーマ以外にもいろいろと設定がいじれます。
「Miscellaneous」という項目から、ナンバリングを非表示にしたり、また、変更した状態をプレビューできたりするのでけっこう便利なんですが、あらかじめ設定された項目以外の変更は出来ない様子。
ということは、CSSを変更するしかない。

CSSは、wp-content→plugins→syntaxhighlighter→syntaxhighlighter→stylesというところに、テーマ別で入っています。
デフォルトの状態から変更したので、今回使ったcssは、

・shCore.css（基本css）
・shThemeDefault.css（デフォルトテーマcss)

の2つ。
この2つをダウンロードし、念のためバックアップをとる。

SyntaxHighlighterが表示されているページのキャプチャを取り、例の緑色をPhotoshopで抽出すると、「#6CE26C」っていう値をゲット。
このカラーコードを元にCSS内で検索をかけてみると、

.syntaxhighlighter .line .content

を発見。好きな色に変える。

次は行間を変更する。
shCore.cssの一番上の方に、

.syntaxhighlighter,
.syntaxhighlighter div,
.syntaxhighlighter code,
.syntaxhighlighter table,
.syntaxhighlighter table td,
.syntaxhighlighter table tr,
.syntaxhighlighter table tbody

っていうところがあるので、そこのline-height値をいじる。

…このように、普通にcssをいじる感じで好きなようにカスタマイズします。
そして、完成したのがこれ↓

<?php
include_once(ABSPATH . WPINC . '/rss.php');
define('MAGPIE_OUTPUT_ENCODING' , 'UTF-8');
define('MAGPIE_CACHE_DIR' , './cache');
define('MAGPIE_FETCH_TIME_OUT', 30);
define('MAGPIE_CACHE_AGE', 60*60);
$rss = fetch_rss('http://waratsuyoshi.jp/feed');
$maxitems = 3;
$items = array_slice($rss->items, 0, $maxitems);
?>

ところで、このエントリを書き終わったあと、ふと気づくとプラグインがバージョンアップされて↑に書いた設定すべてが消されてました。
あわててローカルのcssをアップするも、バージョンアップに伴い仕様そのものが変わったもよう。
仕方なく、本サイトから最新バージョンのプラグインをダウンロードしてきて、もう一度cssを修正しなおしました。
というわけで、気合入れてカスタマイズしても、バージョンアップでふりだしに戻ることがあるので気をつけてください。

でも、cssそのものは不要な記述が減ってすっきりしていじりやすくなってていい感じでした。

nicholことデザイナーの勝田です。
デザインと構築が主な仕事で、このブログの作者です。
Wordpressの構築は素人なので、のめりこんで作ってたら、いつのまにかたかみーに初投稿を奪われていました。なんと。。

それはそうと、このブログのサイドに社長andチーフディレクターのブログがアーカイブされているのですが、ここでちょっとハマった問題について書きたいと思います。

RSSをアーカイブさせる方法は、大きく分けて

1.プラグインを使う
2.直接phpを書く

があると思うんですが、「余計なプラグインを入れるな」というチーフディレクターからの命令により今回は後者の方法を選びました。

phpはまったくわからないため、ググってソースを探してたら、WebTecNoteさんで

[WP]wordpressでRSSを取得して表示

という記事を発見。さっそくテンプレートに書き加えてみる。

これでRSS表示はOKなんですが、このままだと日付表示ができない。
ここでたかみー参戦。
PHPの知識があるたかみーに手伝ってもらいつつ、日付表示のためのソースを打ってみる。

でも、出ない。。

RSS側では日付はpudDateで囲まれてるから、素人考えでは、

<?php echo $item['pudDate']; ?>

でいけるんじゃないの？とやってみたけどひたすら表示されない。
あきらめかけたころ、

RSSフィードを取得して各ブログの新着記事を日付順にソートして表示する

という記事を発見。やってみる。

…出た！！！

でもなんで？とソースをよく見てみると、pudDateがpubdateになってることにたかみーが気づく。
まさか、こんなことで？？と思いながらはじめのソースに加えてみると、

いけました。

なんということでしょう・・

あまりに簡単なことに、脱力してしまいました。
これを機に、PHPも勉強せなあかんなあ、と思った一日でした。

ちなみに、完成したソースがこれ↓です。

<?php
include_once(ABSPATH . WPINC . '/rss.php');
define('MAGPIE_OUTPUT_ENCODING' , 'UTF-8');
define('MAGPIE_CACHE_DIR' , './cache');
define('MAGPIE_FETCH_TIME_OUT', 30);
define('MAGPIE_CACHE_AGE', 60*60);
$rss = fetch_rss('http://doors.co.jp/toblog/feed');
$maxitems = 3;
$items = array_slice($rss->items, 0, $maxitems);
?>
<ul>
<?php if (empty($items)) echo '<li>No items</li?>';
else
foreach ( $items as $item ) : ?>
<li>
<span>
<?php $item_date  = $item['pubdate'];
       $out_item_date  = date('Y.n.j', strtotime($item_date));
       echo $out_item_date; ?>
</span>
<a href='<?php echo $item['link']; ?>' target="_blank">
<?php echo $item['title']; ?>
</a></li>
<?php endforeach; ?>