トップ >> 2006/05

感覚操作タッチパネル

■■Bookmark■■ヤンプー


タッチパネルのインターフェイスを使った仕組みのアイデアが形になったアート作品(?)です。感覚的な操作で使いやすくてなおかつスムーズで心地よいです。
かなりこっていて難しいことをやっているとおもいます。
物理計算もすごいし…一番すごいと思ったのは、複数の座標を同時に把握していること。
ATMなどのタッチパネルは、画面スレスレに赤外線か何かが通っていて遮断された部分から座標を判断する仕組みだったと思います。このやり方だと複数の点を判断するのには適していないはずです。
さらにおもうに、PCをベースでマウスの機能を使って作ると座標をひとつしか処理できません。
既存のものを使わないオリジナル作品なのかなとおもいます。


Multi-Touch Interaction Research

・タッチ
・ドラッグ
・ズーム、回転(ドラッグしたままふたつの指の距離をはなしていくとズームできます)
・ラクガキ
・タイピング
などなど感覚的にすごいいろんなことができます。
QuickTimeのムービーがはってあるのでぜひみてみてください。

日立のこの立体映像技術や、Helio Displayっていうこれなどの空気に映し出すディスプレイと組み合わせたらすごいSFなかんじなモノができてしまいそうな予感ですね。

PC VS MAC

■■Bookmark■■ヤンプー

Apple - Get a Mac - Watch The TV Ads

MACとWINの比較広告のCMです。
MACとPC(WIN)が漫才(?)してます。

MACだってフリーズするのに…。

ただでリサイズ

■application■■ヤンプー

リサイズ超簡単!Pro

朝、言うタイミングがありませんでしたが「BOSS土曜はご馳走様でした」
今日は実用的なフリーソフトを見つけたので紹介します。ただです。
16pixel周囲の広範囲をアンチエイリアスしてくれる
高性能なリサイズフリーソフトです。
(※FLASHは4pixelまで…)
PhotoShopをもっていないクライアントさんもおおいですよね。
最近MovableTypeで更新してもらうコンテンツも増えてきました。
クライアントサイトサイドの作業工程で使ってもらうと便利だと思いました。

インターフェイスもわかりやすいと思います。
一度説明すれば大体の人は使えるようになりそうです。
色補正はありませんが結構機能的です。
・縦固定、または、横固定でリサイズできる
・リネームして書き出せる
・JPG BMP PNG TIFを書き出せる

ちなみに.NETでつくられているみたいです。

へたうまえかきうた

■■Bookmark■■ヤンプー

YouTube - スプーのえかきうた

NHK教育の番組一場面がYOU TUBEではやってます。
840000アクセスものが…広島市の人口の7割くらいのもりあがりです。

うちのニーズにぴったり しっかりプリント

■application■■ヤンプー

ホームページ見たまま印刷

CSSでプリントアウトのレイアウトが崩れてしまう。
この問題を解消するシェアウエアがありました。
IEのプラグインっぽいかんじですかね。
インストールするとプリントアイコンがツールバーに出てきます。

ふつうブラウザでプリントアウトすると…


こうですが。

ホームページ見たまま印刷を使うと(ひねりのないソフト名ですが)

きれいにできます!
10~49人用で3,582円(税込)です。
もととれそうです。
とりあえず一週間お試し版をおとしてみました。

博報堂に入りたくなるリッチコンテンツ

■■Bookmark■flash■■ヤンプー

Hakuhodo & Hakuhodo DY media partners Recruit 2007

大志君曰く。
最近、大手でフラッシュを使ったリッチなリクルートページが増えているそうです。
博報堂も然り。
十分普通の1サイトになるくらいのボリュームがぎっしり入っています。
…社員の紹介部分とか特に。
ただ情報を見せるだけじゃなくて、興味がわくポイントがおさえてあるなーと思いました。このサイト。

Flash内のテキストエリアのスクロール機能が作りこまれています。
ブラウザの縦幅に合わせてテキストエリアの縦幅も変化するので
使いやすくなっています。

入社案内のパンフレットではよくある、
時間軸で社員の一日を紹介する手法を
フラッシュでうまく見せているFleshman's days ↓

必見です。
サムネイルをオーバーするときの見出しの出し方と音の出し方が上手だと思います。
しっかり読みたくなります。
細かいところで…一番上の列、社員の顔サムネイルをオーバーしたとき、その人のサムネイル全部を順を追って、自動で見出し(音声付)を見せているのがわかりやすいって思いました。
自分がもし博報堂に入社したらどんな生活をするのかをイメージしやすい…というかしてしまうつくりだなーって思いました。
戻るボタンが"close"って表記になっているのが微妙です…。

最初音なしでみたんだですが、音つきでみると雰囲気のまとまり方が違いますね。
やっぱり音って大事です。というか影響力ありますね。

キーボード人形劇

■■Bookmark■flash■■ヤンプー

Send An Elf

キャラクターをキーボードで操作できます。
A-Zまで26とおりの動きがあります。
あとマウスを動かすと歩いたり、クリックするとジャンプしたりします。
プレゼンとかで連動すると面白そうです。

SENDするとどうなるのかよくわかりませんでした…。
カード会社のお遊びコンテンツかも。

奥行きスクロール

■■Bookmark■flash■■ヤンプー

Mutualresponse 6th project

韓国のなんかのギャラリーイベントのレポートのサイトですかねー?
マウスホイールをスクロールすると、メニュー手前から奥にスクロールします。

絵のパーツがメニュー

■■Bookmark■flash■■ヤンプー

valentine06 kitdashit

バレンタインメッセージの投稿サイト。
自分の書いたメッセージをしゃべるキャラクターもパーツを選択して作ることができます。


スクロールで大きい写真を見せるしっかりした仕組み

■■Bookmark■flash■■ヤンプー

the Oval partnership

シンプルですが写真を見せる操作感がきれいにしっかり作ってあると思います。
・勝手にゆっくりスクロール
・バーをドラッグ
・マウスホイール
写真の縦幅を固定して並べられるので、外部読み込みも可能。
写真メインでのビューアーのひとつの完成系なきがしました。

新聞自動生成

■■Bookmark■flash■■ヤンプー

NEWS MAP

各地のニュースを表示する実験コンテンツ。
新聞のように重要ニュース記事を大きく重要でないものを小さくしてあったり、
カテゴリに色分け整理がされてたり作りこまれています。

ドラマの登場人物とリアルをつなげたブログ

■■Bookmark■■ヤンプー

安部礼司の公式ブログ

一見ただの個人ブログに見えますが実は…

日曜、ラジオでラジオドラマの番組を聴いていました。
NISSANが提供するTFMのラジオドラマ番組「あ、安部礼司」
平日の夕方やっている西村雅彦のラジオドラマのような雰囲気です。
平凡な30代会社員安部礼司さんの平凡なドラマです。
平凡でアベレイジって名前のネイミングセンスにひかれて聴いていたら、
番組の流れの中で、ブログの紹介が織り交ぜられていました。

理髪店で名刺入れを忘れるというシーンで理髪店の店主が
名刺入れの中身を確認して、安部さんの名詞を見たとき…
安部さんがブログをやってることを知ってURLを口ずさむという流れでした。

きになってブラウザを立ち上げてURLを打ってみると
素人が書いてそうなデザインのブログが…
あ。コメントのやり取りもある(゚ロ゚)
ドラマの中の架空のキャラクターが、
一般ユーザとブログを通じてコミュニケーションしてます。

おもわずRSSに登録しちゃいました('u')
ドラマの内容も、
上司に怒られたりとか
オフィスで成分分析(最近うちでも流行った)が
ドラマの中で流行ってて安部さんの名前を入れると50%が「嘘」だったりとか…。
普通の生活にありそうなシナリオなので、
ユーザーは主人公の安部さんに感情移入しやすいのか
それともエントリーの書き方がいいのか
なんかけっこうコメント数もあります。
普通に安部さんに向けた共感の声とかのコメントが多いですね。

一般ユーザーと毎週放送される架空の人物が
もっとコメントのやり取りをたくさんしたら
面白いのになーとおもいました。

今は番組中に流れた曲がきになった人に返事するくらいなので…。
ま-TokyoFMのひとも暇じゃないんでしょね。

QRコードについて

■■ヤンプー


今日社内でQRコードのことがでたので、知ってることを書いてみようと思います。


■QRコード
・文字情報を"0"と"1"のデータに分解して、白黒のドットでコード表にしたものです。
・30%破損しててもスキャンできるような復元コードをつけることができるので
 印刷面がかすれてたり、カメラのピントがぼやけてても読み取れる。
・右下角には■がありません。これによって、
 スキャンしたときの角度がずれていたりさかさまだったりしても正常に読み取れます。
・いまやほとんどのケータイにはスキャン機能が付いている。


■便利だったQRコード
・gooブログをケータイでみれるようにしたかったとき、
 そのブログのURLが入ったQRコードがあったので、URLを入力する手間が省けた。
・水木しげるロードの妖怪ひとつひとつにQRコードが張ってあって妖怪の説明が見れた。
・自分のケータイプロフィールサイトのURLがスタンプになるシャチハタのスタンキー。
アスキーアートを読み込む
関係者用入場証に
・バス停 運行情報


■QRコードの作成CGI
QRcode cgi
QRコードのススメ


■コンなのに便利そう
・シャレオとかのマップサインにQRコード
 マップを持ち歩けるので便利かなと思います。
・アクセスマップにQRコード
 電話番号・住所・ケータイで見れるサイズのマップなどが入ったURLを
 QRコードにしてアクセスマップページに載せると、会社訪問される方に便利かなーと思いました。
・トイレットペーパーの柄にQRコード
 スポーツニュースや経済ニュースのケータイサイトのURLを載せておくと
 トイレで雑誌を読む人とかいるし見るかなーと思いました。
・迷宮アトラクションにQRコード
 アトラクションや美川ムーバレーなどでRPGみたいに進む道などのヒントを載せておくと楽しそう。

情報が沢山。

■■Bookmark■flash■■ヤンプー

CASE Studies

イタリアのサイトっぽいです。更新ものじゃないかもしれませんが、映像・音声・テキストの情報がびっちり。裏では、FLASH8からの機能でテキスト映像を含めて、画像をロック処理からはずしてしまうcacheAsBitmap機能で処理の高速化を図ってるみたいです。パネルを移動させたら絶対に選択してしまう(パネルのドラッグでマウスリリースしたら絶対選択してしまう)のが操作的に残念なかんじです。

ヒトゲノムの情報をビジュアル化

■■Bookmark■flash■■ヤンプー

GENOME MAP

ヒトゲノムについての詳しい情報を素人にもわかりやすく見せているコンテンツです。
耳垢が乾燥している人と湿っている人。酒が強い人弱い人。
塩基ひとつのちがいで人の個人さがでるでることもあるようです。

見せたい情報をFlashの単純な仕組みで作って表示しています。少々操作が不便ですが、好奇心をくすぐる形だと思います。
詳細はポップアップで表示されています。全部Flashで表示したほうが、閲覧はしやすいですが、知りたいことが書いてあるページをBookMarkできる点ではポップアップにしていて正解かも。

戦争とノーベル賞のマップ型インタラクティブ年表

■■Bookmark■■ヤンプー

Conflict Map

主な機能
・1900年から2002年までに起こった戦争・紛争をワールドマップにアイコンで表示
・年代を絞り込む機能
・マップのズーム機能
時間軸の表示エリアを絞ったり広げたりずらしたりできる機能が使いやすいなーって思いました。

落書き画像検索

■■Bookmark■flash■■ヤンプー

retrievr - search by sketch - search by image

マウスで描いた絵に近い、flickr内にある画像を検出するサイトです。
落書き部分はFlashでできています。色やペンの太さが返られます。
精度は高くないですが、flickrにはきれいな写真が沢山集まってるので、リストアップされた結果の画像を見るのも楽しいですよ。

ただ。一度ブラウザを落としてしまうと、まったく同じ絵(不可能)を書かない限り、そのときのサムネイルにヒットしないので、面白い写真があったらすぐにお気に入りにいれとかないといけないですね。