2010年2月26日金曜日

電通開発 ザッピングエンジン 【ぐるりん】を試してみた

こんにちは。
2月26日。今日はオリンピック女子フィギュアスケートの日です。
東京は小雨。ほのかに暖かい気温です。

電通がプロデュースしたザッピングエンジン【ぐるりん】から招待コードが
届いていたので、試してみました。




ぐるりんって、何?


そうですね。
よくH.I.S.など旅行代理店が企画している
ミステリーツアー
のイメージがぴったり。


旅行代理店が
今話題になっている観光スポットを選別しして、
様々な場所に連れってくれるんですね。


さらに、
このミステリーツアーの最大の“ウリ”は、
あなたが興味を持ったスポットでは、
同じ趣向の場所へ連れてってくれるところ。


ガイドさんがこうつぶやきます。

「あら、この温泉、気になったの?」
「うん」
「じゃ、他の温泉も入ってみる?」
「入りたい!」
「なら、こちらへいらっしゃい。」


というのを、
ザッピングエンジンという名で、
Web 内で誘導してる感じです。


うん。
分かるようで、分かりませんね。


機能面の詳しくは...


※【MarkeZine】より画像を参照


以下サイトを参考にしてください。
-------------
■ぐるりんについて (オフィシャルサイト)
http://gururin.com/guide/about

■MarkeZine「検索に疲れたあなたに、テレビみたいにサイトをザッピング」
http://markezine.jp/article/detail/9543
-------------




長くなってしまいましたが、
ぐるりんを実際に試してみた、個人的な感想を言いたいと思います。

あくまで個人的な感想だから(自信ないですよ)、
コメントも頂けると嬉しいです。

↓↓↓↓↓↓

全体的に誰が何の目的に使うのかが、
今のところ、分かりにくいことが感じた。

今話題になっていることは何なのか、
などは例えば Newsing などのサイトを見ればよい。

ましては、ブラウザによっては向き不向きだけの問題か、
非常に重く感じた。
※IE 7 や Firefox で検証


また インターフェースに関しては、
親切とは言えない。
単純に矢印の向きが並んでいるだけで、
ポインタのロールオーバーでテキストが表示されるだけだ。

以下、ロールオーバーした時のテキストだが、
---------------------
・矢印が左向きなら「1つ戻る」(しかも何が?)
・矢印が右向きなら「オートプレイ」(オートプレイ?)
・矢印が下向きなら「深堀る」(関連ページを見るじゃダメなの?)
---------------------
と、説明にも不十分すぎる印象がある。


↓インターフェース(部分)




まだ試験的な段階だから、
という見解もあるが、
この状態でローンチしたら、
リピーターの獲得は難しいだろう。


しかし、
今広告の主流となっている SNS 的な面からのアプローチは
感じることができる。

それは【深堀る】という機能。

例えばニュース一つに関しても、
様々な意見が飛び交う。

2ch を見れば一目瞭然。

様々な意見が飛び交うからこそ、
みんな面白がって書き込む。

また一時期、話題になった各新聞報道を読み比べる
あらたにす」も同じテーマだろう。
しかし、新聞媒体と言う点では面白さが半減してしまうことが
どうしても否めないように思える。

僕たちが知りたいのは、
匿名を装っている報道ではなく、
自分の名前を出しているような人の話を聞きたいんだ!
※なんちて。


まだ試験的な段階だからだろうか、
【深掘る】にも1つしか関連サイトへの誘導がなかった。


しかし、実際にこのサービスが広まった時に、
興味がある情報に関連するページを
ぞくぞくと自動的に検出して
(しかも、ある程度信用できる!)
誘導してくれるのであれば、
オモシロイ。

様々な意見が飛び交う世界に
簡単に飛び込むことができるのだからね。



以上、個人的な感想でした。

公開されたら、
是非お試しくださいね!



そうそう。
やっぱりミステリーツアーって興味があります。
M 属なのでしょうかね?

たまに H.I.S でミステリーツアーなんてやっているけど...
飛行機ですよ!

飛行機まで使って、
どこに行くか教えられないって、
まぁ、なんて贅沢なんざんしょ!


キャビンアテンダントなんかで、
行き先ばれないのかなぁ~とは疑問ですが...


ちなみに H.I.S. では
今、こんなミステリーツアーがあるようです。
------------------
海外ミステリーツアー4・6日間
34,800円~99,800円
http://www.his-j.com/tyo/tour/9xxx/o-mystery11-a.htm
------------------

行きたいなぁ~


2010年2月25日木曜日

六本木ヒルズの屋上 SKY DECK に行ってきた

こんにちは。
Web ディレクターのほにゃららです。

前回、六本木ヒルズの森美術館で開催されている
医学と芸術展」の紹介をしましたが...

本音をいいますと、
六本木ヒルズの屋上に行きたかったんです。

知ってました?
屋上に行けること。



どこ?
ここです。



わ~お!エクセレント!!
心、踊り出しますねー。

例えばシチュエーション。

彼女「こわーい」
彼氏「俺につかまってな」
彼女「離さないでね」
彼氏「離すもんか。一生...」

 :
 :
 :



わ、わ~お。


というわけで行ってきました。



森美術館がある 53 階 から 300円追加して、
(美術館は招待券だったので、通常は分かりません...)
さらにエレベーターに乗り込むと...


ちん!(エレベーターの音)




この矢印の向こうは、
大パノラマが...!


その通りです。
見てください、この解放感!

ひゃほ~!


手が逆ですね。



すごく寒いです。
寒いから、人もいません。

今がシーズンですよ~。



ちなみに屋上の中心はヘリポートになっていました。





見渡すと...




ん?




これなんでしょう?
なんだと思います?





はい、タイム制限 10 秒。

チっチっど~ん!


答えは...




そうです!
答えはスベリ台です!!


ちゃんと滑れるようになっており、
大人でも...



無理でした。
体重が原因のようです。


しかも、ケガしないように、
柔らかくふにゃふにゃ。

安心。




ちなみに、
情報を与えてくれたのは、
優しい警備員さんでした。




是非、
あなたも六本木ヒルズの屋上 SKY DECK に行って、
優しそうな警備員さんに聞いてくださいね。


次は「アート」とか、
言ってくれるかもしれませんよ!



もちろん、
東京大パノラマも忘れずに...

2010年2月22日月曜日

森美術館 【医学と芸術展】に行ってきた

あれれと思う天気。
今週もこんな天気が続くのでしょうか?
昨日の朝日はまぶしいほどの光で...

ということで、
昨日は森美術館で開催されている【医学と芸術展】に行ってきました。



まずは開催概要...
簡単に要約すると、
「ウエルカム財団からコレクション借りたので、人間の生と死の意味をもう一度考えましょうよ」
という軽く、何だか重い....。


作品数はトンデモなく多く(森美はいつもそう)、速足鑑賞。



とにもかくにも、
代表的な作品だけピックアップ!

下はダミアン・ハーストの作品【外科手術(マイア)】。
ちなみに写真じゃなくて“絵”です。

なにか感じられました?



次はヤン・ファーブルの【私は自分の脳を運転するII】。

自分の脳みそ、自分で操作しちゃるわ!という意味づかいが、
可愛らしい人形から伝わってくる、かもしれません。



白宜洛の作品。(作品名は分かりません)


ネコに心臓のせてる。
「おいおい、もっと身体、大切にしろよな!売りもんじゃないんだからさ。」
という声がバクバク聞こえます。

※ちなみに「ネコ」って“一輪車”のことです。


はい、最後。
ジル・バルビエの【老人ホーム】。


ファンタスティック・フォーなんで、
もう手が元に戻りません。

それでも超人達は、
自分たちのコスチュームを脱げないところが、
人間らしいですね。


う~ん。
感想を語るのは好きじゃないので、言いませんが。

好きな作品を見つけることは、
やっぱり面白いですね。

例えば、
今回の展覧会に好みの作品がなくても、
「何故かな~?」と考えるのは、とっても楽しいです。


メメント・モリ。
同じ意味かもしれませんね。

ある種。



本展覧会は、
来週の日曜日(28日)までの開催です。

興味がある方はお早めに~。


※写真は全てWeb上にあったものを流用・利用しております。
削除する必要がある場合は、ただちに掲載削除させていただきます。

2010年2月19日金曜日

How to SketchFlow? (2)

第 2 回【とりあえずサイトフローを作ってみよう!】


前回では【Expression Blend SketchFlow】の
アプリケーションを開くことを学べたかと思います。

次なる課題は!
「とりあえず、サイトフローを作ってみよう!」です。
とはいえ、この回で全て作るわけではありませんよ。

ゆっくり、まったり、ほんのり丁寧に行きますので、
ご安心を。



1.前回保存したデータを立ち上げる

前回作りましたデータの保存場所からフォルダを開いてください。
その中の [●●●.sln] がExpression Blend を再度開くファイルです。





2.Expression Blend 画面紹介

Expression Blend を立ち上げると、
前回の画面が表示されるかと思います。

ここでは
このツールさえ分かっていれば、SketchFlow が使える!
というものだけを紹介しますね。


※上図はデフォルト画面で番号を記してありますが、場合によっては異なることがございますので、参考レベルとしてご確認ください。
---------------------------------
1) キャンバス
言葉のまま、キャンバス。

2) アセット
道具の集合。
絵を描く時でいうと [筆] や [パレット]のようなもので、
何をする時にここから道具を選びことが多いです。

3) ツール
アセットと同様。

4) オブジェクトとタイムライン
キャンバスにどんな“モノ”を並べているのかが、
ここで分かります。

5) プロパティ
各道具に対しての状態を確認、編集することができます。

6) SketchFlow マップ
Web で言うならばツリー図。
言葉のまま、画面の流れが地図ですね。

7) SketchFlow アニメーション
キャンバスに配置した“モノ”に動きをつけるときに使います。
---------------------------------

いかがでしょうか?
「んな、言葉で言われても分からんよ」という方、もちろんです!
実際に使って、一緒に学んでいきましょう!



3.Expression Blend の画面を自由にレイアウトする

デフォルトで用意された画面はどうも使いにくい。
と思う方、「正解」です!

ユーザーは千差万別。
ディスプレイが小さいユーザーにとっては、
定められたレイアウトは、反って使いにくい場合があります。

という方に朗報!!
Expression Blend はツールを自由に配置できるようになっています。

さぁ、
あなただけのレイアウトを組んでください。


レイアウト方法は簡単。
各ツールのタブをドラッグして、
配置したい箇所に持っていくと「赤いライン」が表示されます。
そこにドロップするだけで配置することができます。



もちろん、
ツールの縦横の幅も調整することができますので、
是非試してください。



4.サイトのフロー図を作る

Expression Blend の画面環境も整った。
では、サイトフローを作っていきましょう!

と、と、と、と...
サイトフローを作るといっても、
どんなサイトにするのかをまず考えなければなりませんね。

そうですね。
では、今回はお試しなので単純な会員などの「アカウント作成」する
ページの構成を想定してつくりましょう!

----------------
個人情報入力 → (エラー表記) → 確認画面 → 完了画面
----------------

このような流れです。


まずは画面の [SketchFlow マップ] を見てください。
[画面 1] と表記されているものがあるかと思います。

このページをサイトの一番始めの画面 (ページ) とすると、
[画面 1] は“個人情報入力”ページですね。

次に必要な画面は“確認画面”なので、
ページを作成しなければなりません。


ここではページの作成の方法を
お教えしますね。



いかがですか?
上図のようにやると [画面 2] が生まれたかと思います。
これで“確認画面”ページを作ることができました。



5.SketchFlow マップの各画面の名前を変更する

上記のようにして画面を増やしていくと、
すべて [画面 ●] なので、
何が何のページなのか、分からなくなってしまいます。

そんなときのために、
名前を変更しておきましょう。


[SketchFlow マップ] の [画面 ●] にポインタを合わせて、
右クリックするとプロパティが表示されます。

ここに [名前の変更] がありますので、
クリックすればオーケーです。



変更できるのは名前だけではありません。
[画面 ●] の色も変更できますので、
例えばエラー画面なんかは“赤色”にしてみてはいかがでしょうか?

※矢印も同じようにして色を変えられますよ。




6.画面を増やしていこう

上の 4 と 5 と繰り返して、
必要な画面を作っていきましょう。

ここで注目してほしい点は、
画面を増やすと、[キャンバス] のタブが増えていることです。



確認できましたか?
[SketchFlow マップ] で作られた画面は、
自然とファイルとしてデータが生み出されている、
ということです。

つまり、
ページがあるということですね。


さぁ、つくった [SketchFlow マップ] を見てみてください。
単純ながら、立派なサイトフローができたでしょう!

おめでとうございます。


ですが!
SketchFlow の魅力はこれでは、まだ、
引き出したとは言えません。


次回は、生成したページにテキストやボタンを配置していきます。

近日中にはアップしますね。
お楽しみに~!

2010年2月17日水曜日

How to SketchFlow? (1) 

第 1 回【まずは開いてみよう!】


初のシリーズ“How to SketchFlow”は、超初心者向け。
「PowerPoint は分かるけど、Expression Blend なんて、触るのが怖い~」と言う方、必見ですよ!


一回目はタイトルのまんま、「SketchFlow」作成画面までを分かりやーすく、
紹介していきますね。


※ちなみに画像を見ていけば基本的に進め方は分かるようにしています。
テキストはリラックスできるよう、僕のささやかな心掛けです。
気になさらないように...




1. Expression Blend を立ち上げる

まずはデスクトップ画面、左下のスタートボタンから、
[Expression Blend 3] を起動させましょう。



SketchFlow をスタートするなら、
Windows のスタートボタンから。

何事もゴールを目指すには、
スタートすることが大切なんです、と Microsoft さんは伝えているんですね。



2. 新しいプロジェクトを立ち上げる

スタートできたら、Expression Blend が立ち上がります。
暫くきれいな画面を眺めていると、
下のような画面が表示されますので、
[新しいプロジェクト] を選択しましょう。





3. プロジェクトを決める

次はプロジェクトの内容を決めましょう。
ここでお待ちかね [SketchFlow] という文字が発見できます!
始まりますよ、いよいよ。



選択項目に [言語] がありますが、
基本的に [visual C#] のままで問題ありません。
お好きな [名前] [場所] を指定して、次に進みましょう!



4. 起動完了

さぁ、見てください。
下の画面のように表示されましたか?

ならば...
無事に起動することができましたよ!



カッコよく言うならば、
物語はここから始まります。


次回はとりあえずサイトフローを作ってしまおうです。

近日中にはアップしますね。
お楽しみに~!

2010年2月16日火曜日

コレジャナイロボ のワークショップに行ってきた

先先週の土曜日にザリガニワークス主催の
コレジャナイロボ】ワークショップに行ってきました。


Webには全く関係ありませんが、
非常にデキがよかったのでアップしちゃいますね。


はい。
これがワークショップの雰囲気です。



開催場所がIID。
小学校(?)を改装してできたものです。
そう、リノベーションというものです。かっこいい~



↓ご存知【コレジャナイロボ】。お手本ですね。



同世代の仲間と3人で参加しましたが、
僕ら以外、セレブリティなお子様。


そりゃ品がよろしくて、
お話させていただきましたよ。

ありがとう。
君にとっては僕はおじさんかもしれないが、
とっても嬉しかったよ。


まずデザインを決めるそうです。
配られた木材をあれこれいじって、なんとなくロボのイメージに。



次は色づけです。

正直、1時間半のワークショップでここまでやれるとは、
思ってもいませんでした。

はい。乾燥させています。



と、ととと...!
僕らが乾かしている内に隣の可愛いセレブっ子は、もう仕上げていました!

子ども(特にこの子)は迷いがない!
すごい武器を持っています。


これは「虎」です。
寅年ですからね。がお~。


というわけで僕らも次の工程に。
乾燥したらデザインした形に糊づけ。


マジックペンで顔を描いて...

完成です!
どうですか!?めっちゃかっちょいいでしょ?



もう、ついでですから、
仲間たちのもアップしちゃいますね~

ど~ん!なかなかの迫力!




【コレジャナイロボ】はネットでも買えますから、
もし欲しい、お子さんにプレゼントしたい!という方は是非!

以下リンクはっておきます。
------------------
■ザリガニワークス オフィシャルサイト
http://www.zariganiworks.co.jp/

■コレジャナイロボ オフィシャルサイト
http://www.zariganiworks.co.jp/korejanairobo/
------------------

2010年2月12日金曜日

サンプル版 アップ !!

お待たせしました!
SketchFlowのサンプル版が完成しましたよ~。



ふぅ。
慣れてしまえばチョイチョイでした。

こちら DDF のサーバにアップしましたので、
実際に試してもらえます。

http://www.ddf.ne.jp/cl/hiromichi/Sample_01/TestPage.html

ちなみに下層ページは
------------
1)商品詳細 ← Expression Blend 画像をクリック!
2)アカウント作成(数ページ) ← 右カラム“Sign up!”をクリック!
------------
がありますよ~。

基本的にオレンジ色のボタンはクリックして進めますので、
試してみてください~


※なにか修正なんかあれば、連絡ください!!




ちなみに...
参考にしたサイトは「アマゾン」、ならぬ「トマソン」!
知ってますか?トマソンを。

かの千円札裁判で有名になった赤瀬川原平が発見した芸術ですよ。

注意してください。
生み出したのではいです。
発見”したんですよ。


まぁ、こちらも興味があれば、
言ってください。
僕も発見次第、写真アップしていきますので。

2010年2月2日火曜日

SketchFlow を使う下準備

SketchFlow を使うために何が必要なのか、を紹介しますね。

そもそも SketchFlow という単独のアプリケーションソフトはない、ことはご存知ですよね。
SketchFlow はマイクロソフトの Expression Blend 3 に含まれたアプリ機能の一部です。

ということは、言わずと Expression Blend 3 が必要、ということですよ。
いいですね?ほほほ。

では準備しましょう。
-------------
■必要環境
OS
Windows® XP Service Pack 2以降、Windows Vista、Windows 7

■必要ソフトウェア
Windows Internet Explorer 7以降、FireFox 3.0以降
.NET Framework 3.5 Service Pack 1以降
Silverlight 3
Expression Blend 3

■推奨ハードウェア
1GHz以上のプロセッサ
1GB以上のRAM
2GB以上のハードディスク空き容量
1024 x 768 以上の解像度、24ビットカラー表示をサポートするディスプレイ
-------------

推奨ハードウェアは MS さんの記述のため、
最低ラインとして考えていただきたく...
あればあるだけ安定して動くようです。

ちなみに個人的には
----------
2 GHz以上のプロセッサ
2 GB以上のRAM
----------
は確保!した方がいいようですよ。
(弊社Silverlight エバンジェリスト曰く...)