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

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

ってかんじ。
メモメモ。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

イタログ
イタリアに行った時の写真がすごいあります。ひとりで680枚くらいとったので４人分だとすんごいになりそうです…。
選定してもかなりあるので、ブログでアップできる仕組みに対応できるようにしつつ、画像ビューアーサイトのプロトタイプを作ってみよーと思ったんですよ('u')

で。
ある程度できたのでここにのっけてみました。

えーと…
マウスホイールで縦スクロールるのでサムネイルを見るのが楽です。

それと…
ブラウザのサイズを変えると自動でサムネイルの並びを再整列します。

あと…
閲覧中こまごまロードしないように、最初にロードしちゃっています。
最初見ているときちょっと処理が重いですけど、後々こっちのほうがストレスなくみれるんでこうしてます。

で…
画像のコメントが１文字ずつでます。ゲームみたいです。

えーと…あとは
今後ですね。
撮影者、地域、時間でサムネイル縛りしてソートできる機能つけようと思ってます。
ちょこちょこ拡張してきますですー('u')/