さぁ私の大好きなユーザインターフェース。ユーザインターフェースとはユーザのインターフェース。つまりは人間と主としてコンピュータが対話するための部分です。今回のお話は主としてディスプレイを通して人間とコンピュータが情報をやりとりする部分についてお話ししますね。

先日WIRED VISIONかどこかの記事にこんなのがありました。「聴覚と視覚では反応時間が聴覚のほうが短い」というやつですね。人間は目で見たものに対して反応するよりも、耳で聴いたものに対する反応の方が早いらしいです。それもそのはず。視覚情報はその解析に時間がメッチャかかりますからね。いまこの記事を見ている人の脳内でも実はスーパーコンピュータ並の解析作業が行われているんですよ。対して耳から入ってくる情報の処理はもっと簡潔で素早く行われることは動画とオーディオのエンコード時間を比較するのと似ているかもしれませんね。

さらに聴覚から得られた情報と記憶には密接な関係があります。皆さん思い起こしてください。青春時代に聴いた音楽のことを。音楽を思い起こすとそれに付随して当時の記憶が鮮明に蘇ってきませんか？それは音と記憶が関連付けされて一緒に保存されるからなんですね。

また、音声に関してはプレーンテキストと比較するともっと多くの情報を含んでいます。ポッドキャストを聴いて頂ければわかると思いますが同じ「馬鹿」という言葉でもテキスト上での表現と音声上での表現では持つ意味も情報も異なります。つまりは情報自体の表現力が格段に高いってことだと思うんです。

ということでこんなにも優れた聴覚からの情報。もっとユーザインターフェースに活用できないものかと私はいつも考えています。UIというと視覚的部分に傾倒しがちですが、私はSEやBGMを含めてもっともっとUIとしての音・音声がもっと注目される日がくると思うんですね。

現時点ではアラートやビープ、クリック音程度ですが、もともっと有用な活用法があるんじゃないかなって思います。なので次期メールフォームプロではaudioタグをフル活用した非常にうるさく、そしてウザいアップデートを予定しております。ある意味でお楽しみに！

ということで今回はHTMLとJavascriptの関係について熱く語っています。

なんでかわからないけどHTMLには一際熱い思い入れがございまして、まぁコレでメシ食ってる身としては熱くなるのも当然ですわな。昨今のHTML5＋Javascriptの過熱ぶりにちょっと疑問を投げかけてみました。

私的にはね「Javascriptなんて飾りです！お偉いさんにはそれがわからんのです！」という感じなんですよね。いや飾りじゃないのよJavascriptは。ハッハー♪ってことで、Javascriptでゲーム作ったりなんだりってのは本来あるべきHTML＋Javascriptの有り様とは違うじゃないかなって私思うんです。

インタラクティブコンテンツとかゲームを作りたいならFlashで作ればいいじゃない。iOSに対応させたいならObjective-Cで作ればいいじゃない。Javascriptで質の悪いゲームつくってどーすんの！？って私思うんです。

そもそもね、クラウドコンピューティングつってっけどさ、必ずしもそれらの土台はHTMLやJavascriptが最良とは思えないんだ。twitterのappクライアントなんてブラウザで見るよりも全然綺麗で使い勝手いいんだから。なんでもかんでも「ブラウザの枠の中」でやる時代はもう終わると思うのよね。

Facebookもtwitterもブラウザで見るよりもアプリで見たほうがずっと高機能だし使い勝手いいんだから。ようは役割分担だと思うのよね。HTML5にいろんな機能が盛り込まれたからってなんでもかんでもHTMLとかJavascriptでやる必要ねぇって。

画像を加工すんならやっぱPhotoshopだって。別にjsとかHTML5で画像加工しなくていいって。と、私は切に思っているのです。そんなような話です。すごい暇な人は聴いてください。

特に原稿を用意して喋ってるわけじゃないので相当グダグダでお聞き苦しいと思いますが、何卒ご了承下さい。

父の陰茎からピュッと出てうまいこと受精し母の膣からオギャアと飛び出て幾年月。こんな私も31歳を無事迎える事ができました。日常の中では忘れがちですがそんな奇跡的な偶然の積み重ねが自分だったりするわけです。

昨年のエントリからはや1年が経ち私は未だに無職です。こうして自分自身の事をログ（記録）していると恥ずかしい反面、自分自身の成長が見えるようで嬉しくもあります。とはいえ1年前から変わらずニートなわけですけど。

1年間いろんなことがあり、いろんな出会いがあり、なかなかよい30歳だったのかなと1年を振り返って思います。でも歳を重ねて私は31歳になり、30歳の自分には負けられないとも思う。毎年毎年、齢を重ねるごとに自分を成長させる事ができたのなら死ぬときにきっと満足して笑顔で死ねるのかなと。

いつ死ぬかは知り得ない。私の人生はひょっとすると31/31なのかもしれないし31/60なのかもしれない。それは誰にもわからないが、意識としては31/31だと思って生きるべきだ。悔い無く生きるためにね。

ということで自分を戒めるための行事という位置づけが誕生日なのかなと31にもなると思う。
悔い無く生きよう31歳の和田憲幸よ。

そして31歳を迎える事ができたのは本当に皆様のご高配の賜物です。
30歳の和田憲幸に携わってくれたすべての人へ本当にありがとうございます。

和田憲幸 Ver.31を1年間よろしくお願いいたします。

こういう話題なのでビデオを撮ってみました。絶好調のUstreamにあやかろうと海外ではこんなスタートアップもローンチされたとか。でも私はこういった流れに懐疑的です。ビデオはテキストの代替には絶対なりえないと思うからです。

テレビがその顕著な例ですが、映像はかなり時間を浪費します。ブログを読むのは２～３分で済みますが、ブログを観るのには５～１０分かかるためです。相手の喋るスピードにあわせて情報を得るという事は必ずしも情報を吸収する祭のベストな方法とは到底言えないと私は思うんですね。

それでも相手の表情や語調を汲みながら見ることができるのはビデオキャストならではの効能。もちろんこの市場が栄えることは目にみえてますが、やはり決してブログの代替にはいろんな意味で成り得ないですね。

ポッドキャストが流行したのは空いた時間を聴覚のみで満たす事ができる点にあります。ビデオキャストのそれと単純に比較はできませんよね。それでもビデオキャストやポッドキャストなど文章と画像だけのインターネット時代がもう少しマルチメディアに進化するのは歓迎すべきこと。

それにしてもほんとすごい時代ですよねぇ。

私は「情報」というものに強いこだわりがあります。前述の通りIT業界に身を置いているからというだけではなく、有史以来人類の文明や進化を加速してきたのは「情報」だと確信しているからです。情報という目に見えないものはなんとも形容しがたいですが、単純に言葉・文章・文字なんですよね。そして近代社会においてはさらに写真、音声、映像も加わりました。

例えば「伝統」というのも結局は情報です。もちろん「歴史」も。私が捉える「情報」とは人間の、そして地球の記憶であり記録。それが「情報」だと思っています。これってものっすごい重要ですよね。IT革命、情報爆発を経てもたらされたこの膨大な情報社会はまだ全ての人間に対して恩恵を与えてくれているわけではありませんが、それでも人類が前へ進むための革新だったと私は思います。

人間ひとりが憶えられることなんてたかが知れてます。そして伝統のように誰かに伝えられる情報量だって無限小ですよね。でも情報技術革命・情報爆発を経て「情報」へのアプローチが大きく革新した。まさにパラダイムシフトです。そして今、私はその産業に携わっている事を心の底から誇りに思っています。あぁIT産業ってスゴい。まぁこの辺の話は過去にも再三書いてきたのでかなり重複してすいません・・・。

iPhone、iPadという革新的情報端末

で、本題に入るわけですが私がiPhoneやiPadを強く支持する理由はまさにこの「情報」についてなんです。例えばパソコンは便利ですが利便性が高い「情報端末」では無い。それに関してはChrome OSやネットブックも同様で。これはあくまで私の中での「情報端末」の定義によるものですが、私が定義する情報端末とは「いつでも」「どんな場所でも」「意識せず」「情報を引き出し」「情報を発信できる」端末です。

第二の脳が実装されるイメージ

ようは自分の記憶だけでなく自身に全世界の記録が実装されるイメージと申しましょうか・・・。あぁなんと表現したら良いのだろうか・・・。パソコンじゃだめなんです。意識するから。自分の脳に3G回線がついてユビキタスになるイメージなんですが・・・。表現がものごっつヘタクソで悶々するなぁ・・・。

だから携帯電話ではダメだしパソコンでもネットブックでもダメ。あぁ！もっとうまく表現できないものかっ！
でもiPhoneを使ってる人なら私の言いたいこと、少しはわかるかもしれない。

人間の記憶・記録・思考はもはや自身を離れ世界と共有する時代がくる。
iPhoneやiPadはそれを今まさに体現しようとしてると私は推測する。

使ったことが無い人はぜひ一度、iPhoneを使ってみてください。
あれはもはやガジェットや携帯電話の領域を遥かに超越していますから。

Webデザインなんていいますが和訳するならWeb設計ですよね。そう設計が一番大事！負けない事、逃げ出さない事、投げ出さない事、設計すること～♪駄目になりそうな時～それが～一番大事～♪ってなもんです。そう。設計が一番大切なんですよぅ！ということで以下、ポッドキャストの内容とかぶります。

Web Design（設計）

まず一番大切なのは設計。そして設計を構成するのは「Target（目的・対象）」、「Method（手段・手法）」、「Approach（方向性・指向性）」ですね。これらの設計をしっかり行う事がWebサイトを制作する上でもっとも大切だと私は思います。

Information（情報）

次に大切なのが情報ですね。情報を構成するのは「Text（文字・文章）」、「Picture（写真・図解・画像）」、「Movie（映像・動画）」ですね。これらのいわゆる生の情報こそホームページで非常に大切な要素です。設計に基づく情報ですよね。

Interface Design（見た目の設計）

最後に出てくるのが見た目の設計。インターフェースデザインとは単なる見てくれではなく「Usability（利便性）」、「Accessibility（誰でも使いやすく）」、「Appearance（見た目）」、「Gimmick（仕組み・仕掛け）」のすべてを満たして初めてインターフェースデザインなわけです。ただ単に見てくれがカッコイイ！だとかカワイイ！というのをインターフェースデザインとは言いません。これら４つの要素のどれか一つを欠いたとしてもダメなんですよね。

ということで和田憲幸（無職）が勝手に提唱するWebサイトの３大要素はこんなカンジで。

AppleがiTunes Music Storeを立ち上げた時、誰がアメリカ音楽小売業でNo1までこんなに早く駆け上がると予想したでしょうか。実際、デジタルミュージック市場は肥大し、合法ダウンロードが違法ダウンロードを駆逐せんばかりの勢いにまでなりました。もちろんDRMなどを巡って紆余曲折はあったものの。

GoogleやAmazon、SONYがやりたいことはiTunes Music Storeの書籍版です。誰もが、手軽に、いつでも、安く書籍を閲覧できる仕組みをGoogleはGoogleブック検索で実現しようとしているわけです。誰がそれを阻害する権利を持っているだろうか。

反対している輩はもちろんのこと今まであぐらをかいていた人たちです。利権を守ろうと必死なわけだ。もちろん出版社側の気持ちもわかる。だってこのままじゃ食えなくなるんだから。でもどうだろう。我々、人類の祖先が海から陸へ上がろうとしたとき「陸に上がるなんて馬鹿げてる」と言った人たちがきっと魚やクジラになったんじゃないのか。そう。進化を妨げる必要がどこにある？いや、妨げているのではなく取り残されているのだろう。

なんだかんだで弱肉強食のこの世界。あぐらをかいたらやっぱりダメ。時代の先を見ないといつ何時、今回の出版社のように淘汰の波にさらわれるかわからないから。常に時代を見据えて物事を考えていないといけませんよって良い見本ですよね。出版社こそ、せっかくインフラがあるんだからもっと早めに電子書籍市場に攻めればよかったのに、おまえらがやらないからGoogleやAmazonがやってるということになぜ気づかないのだ。

進化がすべてじゃないし、新しいものがすべてじゃない。そんなのわかりきった事だが、未来を見ない人間には当然未来は無いよ。いつまでも「今のまま」が続く事はない。普遍的な社会などありえないのだ。そんなこと誰でも知ってるしわかってること。昨日、今日やってることをそつなく明日もやってればいいわけじゃない。常に向上心を持って取り組まねばならないんだよこの野郎！

ということで保守的な人間たちはいつでも前衛的で先進的な人間たちの足をひっぱるものです。時代の流れを読めない人たちにはどこかで気づいてもらいたいものですね。時間には流れがあるということを。

大きな病気もなく、事故もなく30歳を迎える事ができたのは本当に幸せな事だと思います。先日も帰り際の看護婦3名が暴走車に轢かれて死亡だとか、旅館で一酸化炭素中毒で死亡なんてニュースを見ると、いかに自分の人生が偶然の上に成り立っているのかがわかります。何かひとつでも歯車がズレていれば自分もその当事者になっていておかしくないんだなと。

自分がいまこの世に生きていられるのは本当に偶然の賜物であり、その偶然はやはり感謝の対象なんだなと30歳にもなると実感します。父と母があの夜、コンドームを着けていたら私は生まれなかったわけです。数多の偶然が積み重なって、今があるという幸福。当然、両親だけじゃなく私に出会った数多くの人々のおかげですよね。本当にありがとうございます。

日本という国に生まれることができたのも本当に幸せです。エチオピアだとかアフガニスタンだとか、そういう国にもし生まれていたら、こんなにものうのうと生きることはできなかったでしょう。経済大国であり先進国である日本という国に生まれることができたのも本当に幸せな事だと思います。

今の自分になる過程では多くの価値ある出会いがあったり、嫌な事があったり、ほとんど記憶はありませんがいろんな事があったような気がします。良いことも悪いことも含めてそれらのすべてが今この時、和田憲幸という自我を形成している事に疑いの余地はありません。だからこの世界を生きられる事を本当に幸せだと思います。

そして父 和田静雄と母 和田美智子へ。
この世に生んでくれて本当にありがとうございました。

あとどれ程、生きられるかはわかりませんが30代最初の1年をまず頑張りたいと思いますっ！

と、言うことで30歳になった和田憲幸を今後ともどうぞよろしくお願いいたします。

あとGoogle I/OとGoogle Waveね。リリースされたら世界が変わるね。簡単に言うとFriend FeedとFacebookとGoogle Appsとかをゴチャと足した感じですが、クラウドコンピューティング時代のデファクトになりうる方向性を持っている。ビジネスユース向けに展開すれば確実にセールスフォースを死に追いやる事ができるだろう。これはさっさと公開してほしいね。

と、言うニュースをダラダラとしゃべっています。あとはお便りとネットブックについてちょこっとしゃべってます。ぜひ暇な方は聴いてやってください。

あと、引き続きお便り募集しております。ご質問等々ございましたらぜひお便りを！

今回頂いたお便りではプログラムの覚え方、オブジェクト指向について、ネーミングルールとハンガリアン記法、SEO対策とHTMLタグの持つ意味について～なんかをちょこっと解説しています。すごいテキトーにしゃべっているのでいろいろ間違いだとか曖昧な部分が多い点はご容赦ください。

今回も滑舌の悪さ・気だるさが全開のため、不快感や胸焼け、めまい、頭痛、生理痛などをきたす恐れがございます。聴く場合は掛かりつけのお医者様にご相談の上、自己責任でお聴きください。

ということで、今後も和田憲幸のポッドキャストではお便りを募集しております！誹謗中傷を含めてお便りお待ちしております！

ポッドキャスト内で出てきた言葉の解説

「Tips系」
実用的な例が載っている参考書。ムック系とも言われるかな？実践的な例は少ないが組み合わせることで十分実践に応用できるので、いろいろ幅広く覚える際にとても重宝します。あと「何ができるか」を知ることができるため、トイレでウンコしながら読むと頭に引っかかってくれるので便利。

「オブジェクト指向」
オブ＝ジェクと歯垢では無い。効率的な開発を行う上での概念。各ロジック・プロセスを細分化し、提供されるAPIやライブラリ・クラス・メソッドなどを使用する事でリスクやコードの低減、プロジェクトの共有化を実現するナウい考え方です。こういう事をポッドキャストで言えよっ！というツッコミは受け付けておりません。

「ハンガリアン記法」
EXCELを開発した人が提唱した命名法。接頭語のルールを決めて誰が見ても理解しやすいソースにするための技。

「display: none;（ディスプレイ・ノン）」
CSSでその対象のオブジェクトを不可視にするやり方。DOMでよく活用しますね。

「text-indent（テキストインデント）」
CSSのプロパティ。IR（画像置換）といって画像で文字を配置しつつ、CSSが読み込めないブラウザのためにtext-indentを-5000pxなど、CSS対応のブラウザでは文章が表示されないようにする技のひとつ。

「和田美学」
実益を伴わない詭弁・理想論のこと。和田ポリシーとも言う。

「noscript SEO対策」
noscriptタグ内は一般的なブラウザで表示されないが、検索エンジンでは認識されるためnoscriptタグにリンクを埋め込んで他のサイトにバックリンクを振る邪道SEO対策。すいません・・・これ私もやってます・・・。

また、今後Web業界(主にプログラム系)で活躍したい！という方は必聴！クラウドコンピューティング時代到来の前にナニを覚えておけば良いかをテキトーに語ります。

今回は７分とやや長めで非常に恐縮ですが、ぜひ時間をとても持て余している人は聴いてみてください。

でも動きはたしかにサクサクっとしてる！！このサクサク感はChromeに通じるものを感じる…。
Webkit…その秘めたるちから…あなどれぬっ！

ということで、タブの変更がイマイチってのとカバーフローは別にいらなくね？
という点を除いて動作の軽快さは最高！サイコー！最高ですかー！！！

やはりJavascript関連の描画処理が格段に早くなっている。Javascript職人の私としてはちょっぴりうれしい。というか最近多いですよねJavascriptで高い負荷を伴う処理が。でもそれは実はすっごい合理的でWebサーバに負荷を集中させないバランサーとしての役目もあるって知ってた？

ブラウザ内で完結できることを全部Javascript側でやらせておけばサーバサイドスクリプトで無駄な処理をかなり省く事ができるんですよこれが。無駄な画面遷移もなくなるしね。

っつーことでSafari 4 Public betaは最高という方向で。

そしてポッドキャストがぐだぐだなのはいつもの事ながらすいません。
聴いた方にはお聴き苦しいものをお聴かせしてしまいほんとすいません…。

あとでデスクトップ録画した動画をアップする予定なので乞うご期待！

いつの頃からか「メールフォーム CGI」で1番上に表示されるようになっていたようで、ダウンロード数もけっこうな数になっておりまして、中途半端なものを使ってもらうわけにも行かないということで逆にうれしい反面、とても重圧です。

それでも今回のメールフォームプロ2.0は、完成度は本当に高いものに仕上がったのではないかなと思います。

マニュアル制作に４時間もかけた

マニュアルが長いんです今回のは。全20ページの超大作。そして印刷してカンジたのは文字がデカすぎるということ。半分のサイズで良かったのではないかなと・・・。でも、説明もとにかく細かく解説できたので、設置は幾分しやすくなったはず。

ということで、兎にも角にもお使いいただければ幸いです。

ダウンロードはコチラから。

ポッドキャストをAACにしてみました

ポッドキャストの録音はGarageBandでやってるんだけど、mp3のメタの中にアートワークとかを入れられないんですよね〜。ということで、m4aでアップロードしようと思ったんですが、AAC形式のファイルをFlashで読み込むためにはActionScript3.0じゃなきゃ駄目なんですよね。ってことでポッドキャストのプレイヤーをActionScript3.0仕様に改修。NetStreamを使ってflvを読み込むのと全く同じ要領で対応できました。

ActionScript3.0

取っ付きづらいね。こりはなかなか。Objective-Cをいまちょっとやってますが、なんかそれと通じる書式ですよね。オブジェクト指向言語だから当たり前と言えば当たり前ですが。プログラマさんはActionScript3.0のほうが取っ付きやすいのかも。あ、和田も一応プログラマか…。ActionScript3.0でAACを再生するためには以下のようなコードを書きます。

var mySound:SoundTransform;
var connect_nc:NetConnection = new NetConnection();
connect_nc.connect(null);
var stream_ns:NetStream = new NetStream(connect_nc);
var load_path = "IT.m4a";
stream_ns.play(load_path);
stream_ns.client = this;
function onMetaData(p_info:Object):void {
    total_time = int(p_info.duration);
    now_time = int(stream_ns.time);
}

あとはコレにボタンを押したら再生、再生している場合は停止、などの要素を付け加えればOK。再生時間はmetaから（p_info.duration）、再生ヘッドの位置はネットストリームから（stream_ns.time）直接参照できます。返す値はミリ秒なのでintをかけてます。ほぼ初AS3なので、これであってるかどうかわかりませんが・・・。

ということで聴いて頂いた方にはほんと申し訳ございません…。
これに懲りずにポッドキャストをテキトーに続けて行きたいと思います。

和田先生の次回作にご期待くださいっ！

新年ということでポッドキャストをはじめようと思います。音量が微妙に不安定なのはご愛嬌。
音量が小さいのは和田がシャイなためですのでご了承下さい。
あとプレイヤーはお手製のため機能がかなり少ないんですがホントすいません。

と、言うことでこんなシャイな和田ですが、本年もよろしくお願いいたします。

※緊張しているため言葉遣いが変ですが味に影響はありませんのでご安心してご賞味ください。