トップ >> 2006/02

絞り込みについてとか

■FLASH LABOイタログ

次ぎやるべきことリスト。

・半絞り込み・絞り込み・ソートの機能とボタンを配置する
・たくさんのサムネイルをロード中に、サムネイルの幅を変えるとおかしくなる。
 ロードされたものの出現位置が変なのでなおすこと。
・他3人のデータをアップ。

ってかんじ。
メモメモ。

フォトグラファー絞り込み

■FLASH LABOイタログ


イタログマップ

撮影者別絞り込み機能をつけました。似顔絵付きなので汎用性はないです。
絞り込みっていっても、まだ真希ちゃんとナオッチの写真がないので悠介と柳だけで絞込みです。
サムネイルをオーバーした時にでる解説ウインドウに似顔絵アイコンをつけてみました('u')

解説パネルのデザイン変更

■FLASH LABOイタログ


イタログマップ

解説ウインドウのスポット・日時の表示を目立たせてみました。
どうせスポットと日時は半角英数なんだからデバイスフォントやめちゃおーって思って、↑こんなかんじにして、時間を強調してみました。撮影した時間が表示されるのって結構面白う事だよなーって再確認。旅行の記録写真としてもわかりやすくていいかなと思うんででかくしました。


関係ないけど悠介のカメラは時間がずれてみたいで、撮影時間の誤差を計算して、エクセルで一括調整したりとかしました。なんで10ヶ月と25日間13時間32分もずれてるの悠介のカメラ…('m')

しまえるツール

■FLASH LABOイタログ


イタログマップ

左のメニューをちょっと作りこんでみました。ツールを出したり引っ込めたりできるようになったアイコンが、マップアイコンと時間アイコンのふたつです。ほかのアイコンはまだ何も起こりません…。


サムネイルの横表示数を多くした時にマップが下にきてごちゃつくなーと思ったときとか、閉まってしまえるので便利かなーと思います。

ハイブリッドエンジニアリング

■FLASH LABOイタログ

今イタログでやってること・悩んでることとかに関係しそうなことが載るって思って、読んでたら気分的に参考になったので、メモっておこうと思います。


なぜ「デザイン」という行為、「デザイナー」という職業は誤解されるのか
http://d.hatena.ne.jp/ConquestArrow/20060217


エンジニアの方が優れたユーザインタフェースデザインができる理由
http://d.hatena.ne.jp/fromdusktildawn/20060216/1140097146


エンジニアがダメなUIデザインをする原因
http://www.milkstand.net/fsgarage/archives/000819.html


「本当に素晴らしいデザイン」とは、PICASAの変なスクロールバーみたいなものを言う
http://www.fladdict.net/blog-jp/archives/2006/02/picasa_1.php


※このブログは閉鎖的で外にリンクしないようにしてるので、
お手数ですが外サイトにはコピペおねがいします。


グラフィック・デザイン・プログラミング・アニメーションを掛け持ちしてる自分としては、これからどういうこと考えて仕事とかモノヅクリしていけばいいかについていい刺激になりました。


自分のグラフィックレベルだけとか、デザイン、プログラミング、アニメーションレベルとかひとつずつをみるとできないことがたくさんあったりしてションボリしちゃいます。ですが、テにショクもってる分野が複数あるので壁にぶつかって…
例えばプログラムでできないことたくさんあるでー(t_t)って落ち込んでも、グラフィックでは綺麗なのが作れた!(゚u゚)とか…別の分野に逃げたりとかして、モチベーションはそんなに下がらずにポジティブにやってこれたと思います。壁を越えなきゃ解決にはなりませんが。プログラミング一筋の人よりは、一時的に気分ドン底とかはないんじゃないかなとか思います。
上の記事を読んでみて、ハイブリッドにテにショク持って、複数の視点を持ってる人ならではの発想や閃きってのも大事なんだなーって感じました。
なんかやるきでてきたかんじです('u')

マップ・サムネイル繋ぎとキー操作

■FLASH LABOイタログ


イタログマップ

サムネイルをマウスオーバーすると、撮影したマップ上のポイントとサムネイルが線で結ばれるようになりました。
あと、右上のマウスホイールで操作できることを伝えるアイコンを変更。
[↑][↓]キーでマウスホイール操作と同じことができるようにしたので、操作できることを伝える[↑][↓]キーのアイコンを追加しました。ホイールとかキーを操作すると、アイコンが点灯するようにしました。


なぜ[↑][↓]キーの操作を追加したかというと…
フラッシュのマウスホイール操作はwindows限定なんです(t_t)
macの人は操作しようとしても利きません。
なのでホイール操作以外でも操作できるようにしないといけませんでした。
画面内にボタンを追加してもよかったのですが、
ごちゃついてきそうだったのでやめて、キー操作にしたのです。
はい。


それで結局、windowsのユーザーがきたときと、macのユーザーがきたときとで、
出てくるアイコンを変えるようにしてみました。
windowsのひとはマウスアイコンとキーアイコンがでて、
macのひとはキーアイコンだけが出るようにしてます。


これでmacユーザーもいちお対応できたことになります。

インターフェイスのデザイン変更中

■FLASH LABOイタログ


イタログマップ

使いやすさを考えて作っていたのに使いやすくなさそうになってきた気がして前回悩んでましたが、とりあえず、まとまってきました。まだ途中ですが、なおった部分をアップしてみました('u')/


まず、サムネイルをクリックして大きくなるとき。
選んだサムネイルを中心に持ってくるために、サムネイル全部が左右移動してしまっていました…。
縦移動の処理は残しつつ、全体の横移動はなしで、選んだサムネイルだけが左右の中心へ移動するように変更てみたら結構使いやすくなったので、一安心。


それから、マップが背景全画面をしめていて、ズームした時に結構ごちゃごちゃする原因になってたと思います…そこでマップを丸の中に収めてみました。たぶんあんまりマップが邪魔にならなくなった感じがします。スッキリーアンド存在感アップかも。


えーと…そんでもって。サムネイルをオーバーしていると、撮影場所がマップの中心にフィットするようにしてみました。サムネイルと場所との関係がわかりやすくなったかなーって思います。


あと、左にあるメニューですが。
まだ機能していません。とりあえずまだデザイン的に置いてみてるだけで…今後、マップとかタイムバーとかを出したり閉まったりするのに使ったり各種設定のツールを作ってメニューから操作できるようにしてこうと思ってます。とりあえずはマウスオーバーまでしかしないです。


あ。悠介の撮った写真がふえています。
そうそう。撮影者別検索もツールとしてつけないといけないや。

悩中。

■FLASH LABOイタログ

イタログ。
なんだか、どの方向に作ってけばいいのかわからなくなってきたかんじです。
とりあえず。のこりのやるべきことを決めて、イタログとしては完結させちゃって、
その後リソースとして暖めていこうと思います。


イタログでやること。
・撮影者別絞り込みツール
・絞り込みで[×]になったサムネイルを消す機能
・タイムバーを画面下一面に置くレイアウトに変更
・マップとサムネイルとのレイアウト関係を使いやすいように考え直す


仕事が忙しくなるのでとりあえずイタログとして完成させちゃいたいところです(゚ロ゚)

CD TITLE

■CREATEグラフィック


「まよわ~ずに~Sey Y~eee~e~s.」
「どんなときも~どんなときも~ 僕が僕らしくあるように~」
今日のオフィスは1991ヒットチューンづくしです。
チャゲアスとか槇原敬之とか浜田省吾とか15年前の懐かしい曲がずっと流れてます('u')
小田和正とかイントロがかかっただけで「うわぁなつかし!」とか声が上がったりしてます。


昨日会社の15周年だったので、
記念に15年前の1991年のころの曲を集めた
CD・CDラベル・CDジャケットを作ってプチサプライズしました。
でですね、スタッフ全員の15年前の写真とか組み合わせてジャケット作ったわけですが…
なにかCDのアルバム名みたいなのを考えて入れてみたんです。
cando corporation 15thと
15本のキャンドル(candle)を組み合わせて。


15candlesってタイトルにしたわけです。
candleとcandoはつづりが近かったのですが
「d」の後に「o」がないと「cando」にならないので、
円状に15本キャンドルを配置した「o」っぽいパーツを作って、
↑のように15cand*lesってかんじにしてみました。


でも、結局誰にも気づいてもらえませんでした(t_t)
15年前の写真の方にすごいインパクトとか興味とかがいって、
タイトルには目がいかないんですね。
タイトルはジャケットの表とラベルにあるんですが…。


なんか自分から言うほどのことでもないような気がして
気づいてくれればうれしいんですが…。


それとも気づいても「へー」くらいで終わるようなことなんかも…。
アイデアって思いついたら自分の中だけで盛り上がってしまってることってあるし。
だれか気づくまでそっとしとこうと思います('u')a

無反応キーボード

■LIFE STYLE

今朝PCを立ち上げたらマウスは動くのに、キーボードがひとつも反応しませんlでした…。
なくなって気づくんですね…不便さって(t_t)
色々やってみた結果PS2ポートがおかしくなったみたい。
とりあえず、倉庫にあった埃っぽいUSBのキーボードを使ってます。
マイキーボード買おっかなー('u')

マカロンとペンチ

■LIFE STYLE

昨日はバレンタインです。
後輩の入江君がイタリア研修から帰ってきたので、
貸してたスーツケースを受け取りに行ったら
イタリアお土産にチョコをばらばらとくれました。
バレンタインデーってチョコレートの存在価値が換わってしまう日ですね。
たまたまでも男の人からはチョコがもらいづらい日だなーって思いました。
入江君ありがとー。


おくみんからマカロンもらいました('u')
全部違う種類。ラベンダー味はおくみんが自分で食べてました。
自分が食べたいものチョイスだったんだね(゚u゚)
ありがとーどうもごちですー。


そんで、ポストにナチュからバレンタインチョ……ペンチが…お?ペンチ?
ペンチ…ペンチ…って何に使えばいいんだろー…?
打ちそこなった釘とか、釘を刺さすように何か注意された時とかに、
引っこ抜くのに使わせてもらいますです。


もったいなくて食べれないチョコペンチだけど、アリガトー('u')/
勇気を出して完食させていただきまーす。

ワインラベル

■CREATEグラフィック


15年前の1991年ものの15周年記念オリジナルワインラベルを作りました。
今日貼って今日のんでしまうワインのラベルです。

15th Anniversary

■CREATEグラフィック


うちの事務所が15周年を迎えました。柳が入社して5年くらいです。
節目の年なので色々作ることになり、ヒロエはオリジナルマグマグカップ担当。
柳と大志君で、当日店でかける91年のヒットチューンのジャケットと、オリジナルワインラベルを作ることに…。とりあえずジャケット完成です。(まだプリントアウトしてないけど)


スタッフ全員の当時の写真でレトロなかんじで作ってみました。
日ごろ使わないフォントとか使ってみました。
うーん新境地かも('U')


曲のチョイスは高味さん担当。
こんな感じです。


Say Yes / チャゲ&飛鳥
どんなときも / 槇原敬之
会いたい / 沢田知可子
あなたに会えてよかった / 小泉今日子
愛は勝つ / KAN
Lady Navigation / B's
はじまりはいつも雨 / チャゲ&飛鳥
ラブストーリーは突然に / 小田和正
Won't Be Long / BubbleGum Brothers
さよならイエスタデイ / TUBE
Eyes to me / Dreams Come True
ネオ・ブラボー!! / サザン・オールスターズ
二人静 / 中森明菜
少年時代 / 井上揚水
しゃぼん玉 / 長渕剛
ジュリアン / プリンセス・プリンセス
Shake Hip! / 米米CLUB


DISKひとつにはいらずもう1枚…


I Love You / 尾崎豊
PIECE OF MY WISH / 今井美樹
ZUTTO / 永井真理子
冬がはじまるよ / 槇原敬之
Good-bye My Loneliness / ZARD
Crime Of Love / 氷室京介
BEAT EMOTION / 布袋寅泰
卒業 / 渡辺美里
クリスマス・イブ / 山下達郎
それが大事 / 大事MANブラザーズ
部屋とYシャツと私 / 平松愛理
君がいるだけで / 米米CLUB
悲しみは雪のように / 浜田省吾


音楽・テレビに疎かった柳にはタイトルだけじゃわからない曲がちらほら…
小5は森で遊んでたか、サッカーしてたなー。

シネマ・DVD

■VIEW CINEMA/DVD

・レジェンドオブゾロ
・フライトプラン
・エレクトラ
・ホステージ
・妖怪大戦争
・ダブルバウンド
見た。
メモメモ。

絞り込み機能拡張でリアルタイム化

■FLASH LABOイタログ


イタログマップ

時間の絞込みツールを機能拡張して設置しました('u')
この前まではタイムバーのタブをドラッグするたびに再読み込み・再整頓してたし、マウスリリースしないと結果がわからなかったの不便でした。
今回は、その辺を改善してみました。
ドラッグ中選択時間エリアから外れたものは、リアルタイムでサムネイルが暗くなるようにしました。
これでドラッグでタブをいじっている間結果が変化していってわかりやすくなりました。

マップスポットとサムネイルの連携

■FLASH LABOイタログ


イタログマップ

だいぶ形になってきました。
マップ上にスポットがたくさん散らばってて、近いもの同士はくっついてひとつになるし、ズームしていくと、分離したりとか・・・その辺が出来上がりました。ちょっと目新しいかんじの機能かもしれません。


スポットをクリックすると、その場所でとった写真のサムネイルが全部出てきます。
塊になったスポット(x9って表示してあるやつとか)をクリックすると、ミラノ・ベローナ・ヴェネチア・フィレンツェ・ピサ・ローマ・バチカン・ナポリ・カプリ島のサムネイルが全部出ちゃいます。


マウスホイールでマップズームしたり引いたりできるます。ズームするとどんどんスポットが分離していくので、ベローナだけみたりとかカプリ島だけ見たりとかでしるかんじです。


サムネイルの変でマウスホイールをスクロールすると、サムネイルが縦スクロールします。


画面上の黒い細い帯はサムネイルの表示を操作する部分で、端をドラッグすると、サムネイル表示幅が広がって、画面内にたくさんサムネイルを表示できるようになります。


とか、まー便利でサクサク閲覧できるように作ってこーと思います('u')


あとは、コメント表示と時間絞込みツール設置と、撮影者絞込みツールをつくれば出来上がりかなー?

インタラクティブマップ

■FLASH LABOイタログ


イタログマップ

実験です。
世界地図をgooglemapみたいにインタラクティブに操作してエントリーを地域ごとに閲覧する仕組みを考えてみました。


・マップをドラッグすると、マップつかんでずらせます。
・マップをダブルクリックするとその位置が中心になります。
・マウスホイールでズームです。('u')スムーズで便利。
・地域ごとのポイントの数字はエントリーの数で、
 ズームするとドンドン細分化して分離していきます。

ポイントの分離がまだいまいちです・・・
くっついたらポイント同士が半分ずつ近づいて間の位置にいかないと変なのに
ちゃんと行ってくれないのところで、詰まってしまってます・・・。

これもちゃんと作れば色々応用できそうなリソースなので
じっくり作ってこうと思います。

地域カテゴリ絞込み(テキストメニュー型)

■FLASH LABOイタログ


イタログ

地域カテゴリのサムネイルだけを再整列するツールを作りました。
ほんとはマップ方にするつもりなんで、とりあえず骨組み作りってことで仮に作ったかんじです…。

時間帯でサムネイル絞り込み

■FLASH LABOイタログ


イタログ

イメージしてたものがけっこうすぐに形になりました。
白い帯の部分が、最初のエントリーから最後のエントリーまでの時間…
始点と終点をドラッグして動かせます。
始点・終点を動かすとプレビューする時間帯が変化して、
始点から終点間での中にあるサムネイルだけを再整列させられるツールです('u')