takumaの「デザインはあれでアートはそれで」

デザイン好きです。
ユザビリ大好きです
Takumaです。
　

【間違い探し】

１ 学力・能力などの状態や度合いを試すこと。試験。検査。「仕事の適性を―する」「知能―」「ペーパー―」
２ 事物の良否・性能などを試して調べること。試験。実験。「ブレーキを―する」「―放送」「―飛行」(by Yahoo!辞書)

えーと、遊んでるわけではないのです。(楽しんでるけどｗ)
WEBデザイナーの皆様。「3分で出来るユザビリ改善」のお時間です。

突然ですが、さてもんだいです。

Q1：どこが違うでしょう？
(※画像にある「1と2」の違いを探して見ましょう)

・・・わからねーよ。
⇒はい、ごもっともです。(Takumaも、ちょっと時間がかかった)

今回の題材は「マージン」ということで、Googleの開発者オフィシャルサイトでのユザビリテストを題材として借りてきました。

さてお答えです。

A：１位表示ページの周りのマージンがSERP2の方が、広い。

でした。このようにABテスト等のユザビリ/ユーザエクスペリエンステストを人知れずgoogleは行っているとの事です・・・きずかねってｗ

こういう、テスト結果を自分のデザインに反映できたらカッコイイですよね～♪

この他のテストの報告や「stemming（ステミング）」テストというのも行われたそうです。

stemming（ステミング）解説：一部抜粋————-

他には、たとえばswimを検索してもとswims,swimming,swimerなども同じ意味として判断し、強調表示します。

stemmingは同じ単語から派生した単語の違いを取り除きます。
一方で、同じ意味を表す単語の「synonym（シノニム：同意語・類義語）」の強調表示も実験しているようです。

たとえば、”home”と”house”はsynomymです。

————————————————-

うーむ。検索ポータルならでわのユザビリですね。
(さすが、Google・・・)

▼原記事：Search experiments, large and small▼

http://googleblog.blogspot.com/2008/08/search-experiments-large-and-small.html

▼日本語解説記事：海外SEO情報ブログ・メルマガ▼

http://www.suzukikenichi.com/blog/can-you-find-differences/

「Ajaxでニュース年表」
ニュース好きです。
WEBダラダラ閲覧大好きです
Takumaです。
　

【年表】

歴史上の事件などを年代の順を追って記載した表。「日本史―」(by Yahoo!辞書)

学生時代。世界史の授業はレポートの枚数で点数をもらってました。
無駄に書き込まれたレポートを作って、テスト受けなくても落第を免れた経験あり。
Takumaです。(テスト受けたけど・・・勉強しなかったしｗ)

さてさて、教科書問題(ドクトor竹島)で国鳥のキジが虐待を受けていて・・・
というちょっと微妙な感じになっている今日この頃。

けして世界史や日本史という学問が悪いわけではありません。
そして、今の積み重ねが年表を積み上げていくのでしょう。

ならば・・・

「ニュース⇔WEB(Ajax)⇔年表」ってありなんだ。
はい。やっているところを見っけました。

▼メディアジャム：ラボブログ▼

http://info.mediajam.info/timeline/

▼解説ムービー▼

なんか、WEBのいいとこ取りって感じですね。
おもしろいの作るな～♪

「Googleサジェストがメジャーデビュー」
Google好きです。
WEB2.0大好きです
Takumaです。
　

【Ajax】

Webブラウザのみで動作する（別途プラグインを要求しない）、既存の技術の組み合わせであることが特徴。技術自体はこの用語が発生する前から存在していたが、Ajaxという名前が付けられたこと、GoogleがGoogle マップやGoogle サジェストにこの技術を利用したことで有名になり、Webアプリケーションの可能性を広げるものとして注目され始めた。さらに、Googleでは、デスクトップアプリケーションと遜色のない電子メールクライアントであるGmailやGoogle Calendarでも積極的にAjaxを採用し、Ajaxの実用性がGoogleのWebアプリケーションを通じて世間に認知されはじめている。(by ウィキペディア辞書)

クリエイターとしては、ブラウザのデフォルトサイトは「Google」
⇒機能美とGoogleのツール類に依存してるからｗ

ディレクターとしては、ブラウザのデフォルトサイトは「Yahoo!」
⇒人間くささ満載で、おもしろいからｗ

というわけで、結局のところ「Yahoo!」がちなTakumaなのですが・・・

今をさかのぼる事、4年前の2004年。
声たからかに「WEB2.0」の時代だ！！と叫ばれていた時代。
(国内だともうちょっとあとだったけどｗ)

「Googleサジェスト」なるものが生まれました。
検索窓にキーワードを入れると、予想キーワードがベロっとでてくるアレです。

今では、ポータルサイトだけでなくYoutubeとか様々な場所でみるようになったあの機能。Googleがトップに正式採用しました。(このタイミングでするんだって感じｗ)

さながら、AAA(スリーA)からメジャーデビューですね。

▼ Google：TOP▼

http://www.google.co.jp/

一応、正式発表がコレ。(はい英語です。)

▼ Google：Official Google Blog - Atom▼

http://googleblog.blogspot.com/2008/08/at-loss-for-words.html

というわけで、あの時代「すげーこれFlashじゃないやん！！」とか
騒いでいたTakumaですが、気づけば遠くへ来たもんだ。

なんか、一つの時代の終わりを感じさせる出来事で
センチメンタルになっている今日この頃です。

ゲーム好きです。
ボンバーマン大好きです
Takumaです。
　

【ボンバーマン】
基本的なシステムは、キャラクターを動かしながら十字（シリーズによっては同心円状に広がるものもある）に広がる爆弾を配置して敵を倒していくシンプルなもの。爆風は火力アイテムを取るたびに1マスずつ広がっていく。途中に障害物（ブロック、爆破可能ブロック）がある場合、爆風はそこで遮断される。自キャラ自身も爆風に弱いが、ファイアースーツを取ることで爆風内でも生き延びることができる。(by ウィキペディア辞書)

さてさて、ゲームをしていても
「最新動向調査中です　d(ゝω・´★)」
と上司に言い張れる、Ajaxのゲーム紹介のコーナーです。

今回はAjax版ボンバーマン。
キャラクター自体は違うものの(ハドソンに怒られるからか？)ゲーム自体は完全にボンバーマン。爆弾がダイナマイトになってたりするけど・・・ボンバーマンです。

れっつぷれい！！

▼ Dynamic 3 Column Layout Generator▼

http://www.e-forum.ro/bomberman/dynagame.html#top

以前に「Ajax版マリオ」「Ajax版マリオカート」をご紹介してきましたが・・・
完成度が確実に上がっています。

アクションRPGがAjaxで作られた海外事例を見たことがあるぐらいなので、不可能でないのは分かっているのですが・・・いいよね。夢があって。

WEB設計＆デザイン好きです。
CSSコーディング趣味でならｗ
Takumaです。
　

【直感】
［名］(スル)推理・考察などによるのでなく、感覚によって物事をとらえること。「―が働く」「将来結ばれる運命であることを―した」(by Yahoo!辞書)

CSSの個別の調整とか
CSSレイアウトが壊れた場合とか
CSSの追加とか

できるけど・・・

CSSの基本レイアウトがどうも苦手 d(ゝω・´★)
(※いやだめだろｗ)

って人たち・・・

「でてこいやーーーー！！」ヽ(｀Д´)ノ

・・・週明けは、朝に出勤するユウイツの日。
生活サイクルが狂ってて、朝5時にMHFでチャットしてましたTakumaです。

さてさて、上で週頭から叫んでいた件ですが
直感的にCSSの基本レイアウトが作成できるサイトを見っけました。

▼ Dynamic 3 Column Layout Generator▼

http://www.pagecolumn.com/

まー、完全グリッドレイアウトなので、日本の商用サイトの基礎部分に使用するには調整が必要かとは思いますが、楽チンだな～♪

なんというか、ただ普通にコーディングが出来るだけというレベルとプロというレベルの線引きが難しくなっている気がする。

・W3Cの標準仕様を熟知している。
(※現実的な問題がしっかり線引きできてる。：_blankのとか)
・ブラウザの動向とハックを理解している。
(※これは、けっこう大変ですよね。)
・クローラールールの改変をSEOレベルで反映できる。
(※ここまで出来れば、安心して任せられますね・・・まるなげｗ)

はー。コーディングまで現役はできないよ～
まー。昔、死ぬほどしたのでお腹一杯ということで。

あと、気になったのは、このサイトのコピーライトが
「Copy rights 2008 - 2012. All rights reserved.」ってなってた事かなｗ
2012まで更新する気がないのかな？

構造デザイン好きです。
設計の仮説検証大好きです。
Takumaです。
　

【IE8】
マイクロソフトはIE7リリース直後（2006年）より次期IEの開発をスタートさせた。2007年12月5日にIEBlogに投稿された記事により、名称がInternet Explorer 8になったと正式に発表された[6]。(by ウィキペディア辞書)

まずは、題名だけ見てみよう。
「MS、IE 8にプライベート閲覧機能を搭載か」
http://www.itmedia.co.jp/news/articles/0808/21/news075.html
とか
「マイクロソフト、「Internet Explorer 8」にプライベート閲覧モードを追加へ」
http://builder.japan.zdnet.com/news/story/0,3800079086,20379053,00.htm

あーそういう機能追加なんだ・・・使わないかもな
とか思っていたら、開発者はやばいかもデス。

プライベート閲覧機能：「履歴を残さずにWebを閲覧できるプライバシー機能」

！？

もっと詳しく調べてみると・・・

— 一部抜粋 ————————————

米国時間7月30日付で提出された申請書類によると、両商標はウェブブラウザに関係するものだという。申請書類には、Cleartracksは「ウェブサイトにアクセスした後、検索履歴を削除するコンピュータプログラム」に関係するものと記載されている。また、Inprivateについては、「ウェブブラウザの履歴およびファイルのキャッシュ機能を無効にするコンピュータプログラム、および他者がユーザーのウェブ使用状況を追跡していたときには、そのことをユーザーに通知し、さらには他者が追跡した際に得られる情報をユーザーが制限できるようにするコンピュータソフトウェア」との記述がある。

————————————————-

というのも可能らしい。
まー「履歴」はいいかもしれない。

「ウェブブラウザの履歴およびファイルのキャッシュ機能を無効にするコンピュータプログラム、および他者がユーザーのウェブ使用状況を追跡していたときには、そのことをユーザーに通知し、さらには他者が追跡した際に得られる情報をユーザーが制限できるようにするコンピュータソフトウェア」

・・・アクセス解析の情報の信憑性に関わるかも？(将来的に特に)

ネットの商用観点からの媒体価値といえば、低価格でのマーケティング情報の取得と費用対効果の把握が即時にできる所。という側面があるのですが・・・

その大本の生情報の信憑性は大丈夫なの？と思ったわけです。
当然、設計者としては、改善の方針やそのアイデアの基になるアクセス解析情報は、その企画と設計の成果確度を挙げる為に必要不可欠な情報なわけでして。

利用者というよりは、開発と企画陣営としての
「！？」がほとばしった今日この頃です。

デザイン好きです。
Ajax大好きです。
Takumaです。
　

【装飾】
［名］(スル)飾ること。美しく装うこと。また、その装い・飾り。「店内を―する」
(by Yahoo!辞書)

最近に珍しく忙しい今日この頃。
部のサービス整理から予算獲得のお偉方予算獲得資料まで、おおよそ「Webデザイナー」という名刺の肩書きがギャグになり始めています。Takumaです。

さてさて、そんな事をいっても
「コーディング」は一線から身を引いても「デザイン」は現役。

装飾系のAjaxを見ると試してみたくてウズウズしています。
今回は、そんな気になったAjaxライブラリ達をご紹介。

■■■■■■■■■■■■■■■■■■■■■■■■■

▼CSS Decorative Gallery / Demos ▼

http://www.webdesignerwall.com/demo/decorative-gallery/decorative-gallery-index.html

クリップや、映像マーク、セロハンテープ、光沢など、様々な装飾が可能というコレ系はもうこのライブラリで良くない？という感じの素敵なもの。

⇒ダウンロード

⇒日本語解説ページ

■■■■■■■■■■■■■■■■■■■■■■■■■

▼wrapScroll version 0.9.6▼

http://www.webdesignerwall.com/demo/decorative-gallery/decorative-gallery-index.html

画面の上下スクロールに対して、アイコンが追いついてくるスクリプト。
一見たしかに、イライラしそうなのですが(広告だと特に・・・)

ブログのようなページ遷移あまりしない(毎日、トップの記事だけみてサヨナラ)という導線があたりまえのようなコンテンツにはリピーター獲得の手段として「RSSマーク」のおっかけっこをさせて気づいてもらってもいいのかも？と思ったりしています。

意外とRSS自体、一般ユーザーには利用されてないしね。

⇒ダウンロード

⇒日本語解説ページ

■■■■■■■■■■■■■■■■■■■■■■■■■

▼http://www.glassbox-js.com/#Home▼

http://www.glassbox-js.com/#Home

ガラスのように透明感のあるデザインをコンテンツに適用してくれるのがglassbox.js。
1Gのメモリしか積んでいないWindowVistaマシンが他の処理を遅延させてでも表示させている、あのエフェクトです。

igoogleとか見たいなレイヤー情報を取得してオブジェクトを重ねられるAjaxを併用実装するとWindowsVistaのデスクトップみたいな感じになるかもですね。

⇒ダウンロード

⇒日本語解説ページ

■■■■■■■■■■■■■■■■■■■■■■■■■

▼MooTools 1.2 Image Protector▼
http://davidwalsh.name/mootools-12-image-protector-dwprotector

ちょっと、装飾ではないけれどもご紹介。

・右クリックで「別名で画像を保存」
・デスクトップに画像をドラッグ
・右クリックで「背景として画像を保存」
・右クリックで「デスクトップの背景に設定」

というのを実行してくれるスクリプト。よくギャラリーサイトが使っているやつですね。個人の作品を高画質で公開していたりするときに必要なのかも。

ちなみに、お察しのとおりmootools利用です。

⇒ダウンロード

⇒日本語解説ページ

■■■■■■■■■■■■■■■■■■■■■■■■■

あ～試してみたいのが、いっぱいだ～♪

Flash好きです。
Ajax大好きです。
Takumaです。
　

【開発】
１ 土地・鉱産物・水力などの天然資源を活用して、農場・工場・住宅などをつくり、その地域の産業や交通を盛んにすること。「農地を―する」「未―」
２ 新しい技術や製品を実用化すること。「新製品を―する」
３ 知恵や能力などを導きだし、活用させること。「子供の情操を―する」→注入》(by Yahoo!辞書)

「HTML」に＋「Flash」＋「Ajax(javascript×XML)」＋新鋭：「Silverlight」

WEBサイトを構成する技術/言語＆ソフト(製作側面：システムとはちょっと別の話)は、リッチ表現という市場の中で戦国時代を迎えています。
(※今までもずっとあったのだけど、ここにきてまた激化している)

そんな、最近の事情を以下で解説している。

▼Flash、HTML、AJAX：ウェブアプリ戦争に勝利するのは ▼

http://builder.japan.zdnet.com/news/story/0,3800079086,20378869,00.htm

こんかいは、この記事に準えてお勉強したいなと思います。

■基本的にHTMLと仲良しはJavaScript■■■■■■■■

大昔といっても1990年代のブラウザ戦争から暫くは、そのブラウザのオリジナリティーの差別化の為に、CSSも含めJavaScriptも完全に同期した動作をすることは無かった。

近年。Ajaxが(基本的に新しい技術でないのに)はやり始めたのは、上記が改善されてきた点と高速通信のインフラが整ったことが要因であるといわれている。

というわけで、トップシェアであるIEの次期最新バージョン8でもデフォルトで標準に準拠している点からも、もう数年はこの業界認識とスタンダードは変わらないと考えるのが順当だろう。

■音声とか映像はFlashでしょ・・・3Dも！？■■■■

そもそも、リッチ表現というバックリとした言葉だが、掻い摘んでいうと「なくてもサイトとして成立する要素」という感じである。

音なら無くても・・・サイト見れるジャン。(どーにかなる)
映像無くても・・・サイト見れるジャン。(どーにかなる)
HTML無くても・・・！？ 何も写らないジャン。(どーにもならん！！)

という感じである。

でも、WEBという表現インフラと広告媒体が、一定の作業をこなす事で、その表現の可能性を広げられるならパフォーマンスを最大活用すべきというFlashやSilverlightのポジショニングも納得いく。

その「一定の作業をこなす事」が「プラグインのインストール」である。
つまりは新しいソフトを導入しないと、写らないのである。

■もっと広がるリッチ表現の可能性 ■■■■■■■■

さてさて、ここまではエンドユーザから見た際のお話でした。
エンドユーザーから見れば、簡単にストレス無く見れれば・・・

「Ajaxでメインイメージのアコーディオンスライド」しようが
「Flashでメインイメージのアコーディオンスライド」しようが
関係ないのが実情です。

⇒Ajaxサンプル
数年前までFlashでしかされてこなかった、動的表現は直線的なものであればAjaxで可能となっている良い例である。

それでも、エンドユーザーにより上質な「ユーザエクスペリエンス」を提供する為というハードルを考慮した上で、FlashやSilverlightを利用すると決めた場合。

そこについて両陣営は以後、このような表現を開発していると表明している。

AdobeのFlash Playerの新バージョンであるバージョン10では、並はずれた改善が行われている。3Dグラフィック処理、特殊効果、ビデオストリーミングの改善、ハードウェアアクセレレーションを利用したグラフィック、文字列処理などの機能がそれだそうです。

■開発はSilverlightに乗り換えるのか■■■■■■■

Silverlightは音声や動画ストリーミングのサポートなど、いくつかの切実に必要とされる機能を備えているが、Flash陣営からシェアを奪う為には、「3D技術を最初に扱えるようになれば、開発者がSilverlightを使う大きな理由ができるだろう」という専門家の意見を掲載している。

つまりは、「乗り換え」がされるだけのパフォーマンスと理由がSilverlightにないと、行われないわけである。

以前、このブログで紹介した以下の記事に通じる「乗り換え心情」が伺える。

▼Takumart.net：「9倍すごくないと・・・」▼

http://www.takumart.net/wordpress/archives/447

んで、それぞれの陣営がアピールしているメリットを紹介。

▼Silverlightの利点(※一部抜粋)▼
MicrosoftのSilverlightの売り文句の中で重要なのは、プログラマーの生産性だ。SilverlightはMicrosoftの. NETプログラミング技術で使われているのと同じC#やVB.netに基づいているため、多くのプログラマーは有利なスタートを切ることができ、 Microsoftの評価の高いプログラミングツールも利用することができる。

▼Flashの利点(※一部抜粋)▼
Flashも豊富なプログラミングツールを持っており、もちろんアプリケーションのデザインに役立つPhotoshopやIllustratorなどのツールとも緊密に連携している。また、インターネットユーザーは比較的迅速にFlashのソフトウェアを最新バージョンにアップデートするため、安定しており一貫性のあるプログラミング基盤となっている。

■ぼやき兼まとめ■■■■■■■■■■■■■■■■■

少なくともここしばらくは、1つの技術が支配的になることはないだろうことは明らかだ。各陣営の支持者は、ライバルの利点を指摘しているという風に記事では、まとめられているが、同感である。

人間、次から次へと欲はでてくるし、他社の技術との差別化ポイントを打ち出していく限り、この状況は変わらないと考えられる。

しかし、新しい参入技術が既存技術に食いつぶされていくことも容易に想像できるが、Silverlightに関しては、バックボーンがでかいので、数年は細々と生き残っていくのでは無いだろうか。

セカンドライフのような話題性が無い限りは、バズ効果をねらった開発は行われないと感じているのがTakumaの率直な印象です。

■＋α：その他のきになったキーワード■■■■■■■

・Canvas：ブラウザ上に図を描くために策定された仕様
⇒解説ページリンク

・SVG：XMLベースの2Dベクター画像記述言語
⇒解説ページリンク

・Gears：Webアプリケーションをオフライン状態でも使用可能なブラウザ拡張機能
⇒解説ページリンク

・BrowserPlus：Gearsに対し”繋がっている”ことが前提であるシステム
⇒解説ページリンク

休み好きです。
長い休み大好きです。
Takumaです。
　

【お盆】
盂蘭盆(うらぼん)のこと。
↓
【盂蘭盆】
7月15日を中心に祖先の冥福(めいふく)を祈る仏事。江戸時代からは13日から16日にかけて行われ、ふつう、迎え火をたいて死者の霊を迎え、精霊棚(しょうりょうだな)を作って供物をそなえ、僧による棚経(たなぎょう)をあげ、墓参りなどをし、送り火をたいて、霊を送る。現在は、地方により陰暦で行う所と、一月遅れの8月15日前後に行う所とがある。精霊会(しょうりょうえ)。盆。お盆。盂蘭盆会(うらぼんえ)。魂祭(たままつ)り。うらんぼん。《季 秋》(by Yahoo!辞書)

さー、お休み気分が抜けておりません。
（すみません。ブログさぼってました・・・）

昨日は、小学校の頃の旧友達と飲んでおり、「人間が丸くなったねー」を連呼されましたTakumaです。

そうか・・・あの頃はそんなに角があったのか。
（後輩の諸君。お母さんキャラの幼児期は角々人間だったのだよ私もｗ）

そんな、今でも昔でもない微妙な感覚の中で鬱々仕事ライフがスタートな訳ですが、そういえば高校生くらいの時に「私はジェダイになります」を宣言していた気が・・・
（今はデザインのできるウルトラマンが夢です。）

職場の後輩の一部には、「Takumaさんのパダワン(弟子)にしてください！！」という輩まででる現在進行形の(残念な？そんな事ない！！)事実です。

で・・・突然ですが、帝国軍がアメリカに襲来しました。

▼サンフランシスコにデススター(Byスターウォーズ)が襲来▼

http://current.com/items/89204971_death_star_over_san_francisco

よし。ハンズにライトセイバーを買いにいかねば！！
(↑いいかげん仕事しろ。)

前衛芸術好きです。
アヴァンギャルドは大好きです。
Takumaです。
　

【ロシア・アヴァンギャルド】
ロシア・アヴァンギャルド（авангард）とは、19世紀末頃から、ソビエト連邦誕生時を経て、スターリン台頭時までの、ロシア・ソヴィエト連邦における前衛、特にマルクス主義的な文学・芸術の一傾向、およびそれに携わり活躍した芸術家の一群によって展開された芸術運動。
表現上の変革と政治的な革命とを重ね合わせたことにその特徴がある。彼らは、近代においての芸術や大衆の生活にかかわるさまざまが、すぐれて社会的・政治的な問題であることを認識していた。革命後の理想的新生活や美を純粋に追及し、芸術家のやりかたで様々に構成する事に成功した。
しかし芸術的な彼らの政治学は、スターリンを中心とした現実政治の巨大な力によって閉塞状態に追い詰められる。この強大な権力は「ロシア・アヴァンギャルド」の理念を排除し、結果的にこの国のすぐれた芸術家らを挫折させ、唯物論的な「生産主義者」へ転向させる圧力となった。生産主義者らは宗教・芸術の打倒を掲げ、芸術の伝統や古い観念よりも生産効率を高める実践的運動を進めることになった。(by ウィキペディア辞書)

さてさて、抽象絵画とデザインとボヤキで出来ているTakumaですが・・・
前世はソビエト時代の絵描きさんかも知れないと思う今日この頃です。

というのも、先日これを見てきました。

▼bunkamura：ロシア・アヴァンギャルド▼

http://www.bunkamura.co.jp/museum/lineup/08_moscow/index.html

マルク・シャガール/ナターリヤ・ゴンチャローヴァ/ニコ・ピロスマニ/そしてカジミール・マレーヴィチなどの20世紀ロシア美術の進んできた様子を見て取れます。

実は当時、大きく二つの方向性があったそうです。
・ロシアの民衆芸術などを意識し、プリミティヴなものを見直す方向。
・ピカソらが始めたキュビスムなど西欧の前衛的な美術運動を積極的に取り入れ発展させていく方向。

ちなみにTakuma自身は後者が好きです。
（というか、時代が近いせいか・・・自分の作品に近い印象を受けた。）
ですが双方共に、当時の時代背景というのが非常に色濃く現れていると感じました。

「青春の」と展覧会名がされている通り、挑戦的な作品が多かったのですが、同時に時代の流れ(戦争や革命)が絵を描く人間達の心を変え、また変わらないという妙な錯覚の中でナチュラルハイになっていました。

平面構成が好き！！グラデーションが好き！！挑戦的な作品が好き！！
という方は、是非行ってみてはいかがでしょうか？
(8/17まで・・・のこりわずか)

作品達にパラサイトされないようにご注意をｗ