iPad上でHTML5 Widgetを走らせて遊ぼう
昨日の「HTML5: W3C Widget とその応用を考える会」は参加者も多く、私自身とても良い勉強になったが、そこでも予告した通り、iPad発売を記念してWidgetのサンプルをいくつか用意したので、ぜひともお試しいただきたい。 手順は以下の通り。 ステップ１. iPadにCloudReadersをインストールする（iTunes ストアへのリンク） ステップ２. 以下のWidgetをダウンロードする Download 3dClock.wgt (2.5K) ー CSS3を使った３D時計 Download TimeTrial25.wgt (7.8K) ー タイムトライアルゲーム Download JSCalc.wgt (3.4K) ー 電卓 Download QuadraBench.wgt (2.5K) ー Canvas のベンチマークプログラム ステップ３. iPadをPC/Macに繋げ
直感的なUIとhand-eye-cordinationの話
下のビデオは一歳度児がiPhoneのフォト・アルバムの機能を使っている姿を撮影したものだが、これを見ると「直感的なUI」とは、まさに人間が赤ん坊のうちにマスターする"hand eye cordination（目からフィードバックを受けながら手先を動かして物をコントロールする能力）"に合致したものなのだということが良く分かる。 【追記】参考までに、私が特に好きなUI関連の書物二冊へのリンクを張っておく。特に「誰のためのデザイン」はUIが単なるソフトウェアやウェブ・サイトのUIデザインの問題ではないことに目を開かせてくれる良書だ。 ・誰のためのデザイン?—認知科学者のデザイン原論 ・Envision Information
ウェブサービスAPIにおける『成りすまし問題』に関する一考察
先週の末に、はてなのウェブ・サービスAPIを使ったMash-upアプリをFlash上で作り始めていきなりつまずいたのが、Cross-Domainセキュリティ。satoshi.blogs.comから取得したswfファイル上のActionScriptからb.hatena.ne.jp下にあるRSSフィードだとかXML-RPCにアクセスができないのだ。 「確か方法があったはず」と調べてみると、はてな側がサーバーにcrossdomain.xmlというファイルを置いて明示的にCross-Domainアクセスを許可していなければならない、という。そこで見つけたのが、「Flashから各APIの操作、データのロードができるよう、サーバ上に「crossdomain.xml」というポリシーファイルの設置をお願いしたい。」というはてなアイデアへのリクエスト。2006年の2月にリクエストが出されているのだが、11月
優秀な主婦はイベント・ドリブン（event-driven）方式でパンを焼く
昨日のエントリーで、「人は一つの仕事を処理するときには、それを小さな仕事に分割して、順番に処理する」と書いたが、「パンを焼く」という仕事を例に取れば、こんな風になる。 １．イーストを３０℃のお湯と一つまみの砂糖とまぜて１５分間予備発酵させる ２．ボールに強力粉、予備発酵させたイースト、砂糖、塩を入れて良く混ぜる ３．こね板の上で生地をこねる ４．ボールにラップをして室温で１時間発酵させる（一次発酵） ５．適当な大きさに生地を分割し、丸めて形を作る ６．オーブンに入れ、３０分発酵させる（二次発酵） ７．オーブンの温度を２００度にして１８分焼く これは、ソフトウェアで言えば「手続き型のプログラム」であり、人間が一連の作業を把握するのに最も適した記述の仕方である（その証拠に、実際のどのレシピブックを見ても、レシピは必ず「手続き型」で書かれている）。 興味深いのは、このレシピにおける、「１５分予備
プロトタイプを重視するカルチャー
最近、UIEJのメンバーの間で「うみがめ」というGoogleの「20%ルール」に相当するルール作りの話が盛り上がっている。ルール作りはおおいに結構なのだが、「なぜうみがめが必要か」というプリンシプル（相当する良い日本語がないが、あえて選ぶなら「筋」－詳しくは「プリンシプルのない日本」参照）を見失って「ルールのためのルール作り」に陥らないで欲しい、というのが私からのお願いである。 そこで、今まで私がプロトタイプ作り、ベータ版サービスの重要性に関して言って来たことをまとめてみた。 １．UIEのような会社にとって何よりも大切なものは、賢くてクリエイティブな人。そんな人たちが働きたいと思うような、そして彼らがクリエイティビティを最大に発揮できるような環境を提供することが大切。 ２．本当のイノベーションはごく少人数でおこすもの。一人とか二人とかのクリエイティブな人が、「こんなもの作りたい」という情熱
Life is beautiful : アップルにして欲しい次の革命
うわさされていた通り、ビデオ iPod を発表したアップルだが、はっきり言ってどうでも良い（もちろん私は買わない）。あんな小さな画面でミュージック・ビデオを見せる、なんていうことがスティーブ・ジョブスの本当の狙いではないことは明白だ。 今回のアナウンスメントでもっとも重要なのは、ディズニーがiTunes 向けの動画配信のパートナーとなったことある。ディズニーは、ABC、ディズニーチャンネル、ESPN などの主要なテレビ局を持つ巨大コンテンツ会社。そのディズニーのCEOの Iger 氏が自ら舞台に上がってアナウンスをしたのだから、これの意味することはビデオ iPod なんかよりも桁違いに大きい。 私がなぜこのパートナーシップに特に注目しているかというと、iTunes Music Store で音楽業界に革命をもたらしたアップルには、ぜひともこれをテコにしてもう一つして欲しいことがあるからだ。
Life is beautiful: CGMサービスの主役はサービスそのものではなく、ユーザーが作ったコンテンツ
少し前のことだが、ある会社にCGMサービスのベータ版に招待された。先方としては、私にこのブログで紹介して欲しかったらしいが、とある理由でまだ紹介していない。今日は、その「とある理由」の解説。 新しいもの好きの私としては、さっそくユーザー登録をして自分なりのコンテンツ作りをしてみた。サービス自体はけっこう良く出来ており、出来たコンテンツも悪くない。そこで作ったコンテンツをこのブログで公開しようと、Permalinkを抜き出してブログに貼り付けるテストしてみたのだが、それがうまく行かないのだ。ログイン済みのユーザーがそのリンクをたどるとちゃんと私のコンテンツにたどり着くのだが、新規ユーザーがそのリンクをたどると、私の作ったコンテンツではなく、ユーザー登録画面が表示されてしまうのだ。 その会社としては、できるだけ多くの登録ユーザーを集めようと、そんな設計にしたのかも知れないが、これは私のようなブ
携帯電話サービスのユーザー・エクスペリエンスは誰が責任を持つべきか？
携帯電話業界で世界最大のイベントは、毎年初めにヨーロッパで開かれる「GSMカンファレンス」。今年は、その北米分科会がシアトルで開かれるのだが、そこでしゃべる機会をいただいた。「せっかくの機会だから、少し刺激的なテーマを」と考えたのがこれ。スティーブ・ジョブズのプレゼンにならい、文字の羅列を避け、画像中心の資料を私のスピーチで補足して行くスタイルだ。 まずは得意のユーザー・エクスペリエンス（＝おもてなし）の話から。「リッツ・カールトンなどの高級ホテルに一歩踏み入れるとそこは別空間。そのユーザー・エクスペリエンスを提供しているのはいったい誰でしょう？」と始める。「おもてなしの責任者は、ホテルを設計したアーキテクトでもなければ、ホテルを建てたゼネコンでもありませんよね。それはサービスを提供しているリッツ・カールトンそのものです。」と話を進める。 そこで、一呼吸おいて、「では、携帯電話サービスの場
Life is beautiful: 見たい番組の存在は『放送後』に知ることが多い、だからYouTube
ここのところ、YouTubeのお世話になることが多い。日本のマンションに置いてあるSharpのガリレオに予約録画しておいた日本の番組をネット経由で視聴することが出来るとは言え、テレビガイドとにらめっこをしながら「どの番組を予約しようか」と時間を費やすほどのテレビ好きではない。そもそも、あらかじめ見たい番組を知っているケースはごくまれで、知り合いやブログを通して「こんなおもしろい番組をやっていた」という情報を『放送後』に得る場合がほとんどである。 そんな時に役に立つのがYouTube。今週だけでも、「ハルヒの最終回」が放映されたことを人気ブックマークで、「サラリーマンNEO」というNHKらしからぬ面白い番組が放映されていることを知り合いのブログで、「プリンス小林が再びホットドックの早食いチャンピオンになったこと」をこのブログのコメント欄で、それぞれ知った。 どの情報も『放送後』に入手したため
色や大きさを後から変更できる AQUA風ボタンの作り方
二日ほど前のブックマークの人気エントリーに入っていた、「AQUA風ボタンの作り方リンク集」を見てつくづく思ったのだが、Photoshopは奥が深く、同じような効果を作り出すのに何通りも方法があるのが興味深い。そこで、今日は、Photoshopにも関わらずあえて全てをベクターデータで書くという特殊な技法（知り合いのデザイナーから教わった技法）でAQUA風ボタンを描いてみた。 まず最初に、"Rounded Rectangle Tool"で適当な大きさの角の丸い四角を書く。角の丸みは、Radiusの値で変更できるが、この場合は16pxとした。 この時自動的に作られたレイヤーをダブルクリックして、レイヤースタイルのInner Glow属性をオンにする。Blend ModeはMultiplyで、Opacityは４０％程度が適切、色は黒にする（黒にしておくと、後でメインの色を変更したときにここを変更し
Web2.0時代らしいエンジニアのクリエイティビティの引き出し方
Foxnews の "Lerning From Google" という記事を読んだ。特に目新しいことは書いていないのだが、その冒頭に書いてある、 The top executives at Google recently admitted that they kind of let their employees invent and develop whatever they think is cool and the company has no problem putting it online to see what happens. 【意訳】Googleの重役たちは、エンジニア自身がカッコいいと思うものであれば、何であれ（誰にも了解を取らずに）作ってしまって良く、会社としてもそれをそのままサービスとして公開してしまってユーザーがどう反応するかを試してみる、というやり方が全然かまわ
Life is beautiful : ソウル（魂）のあるもの作り
ソフトウェアエンジニアとしてのキャリアの大半をマイクロソフトで過ごした私であるが、一度だけ「アップルの文化」を肌で経験したことがある。アップル・ニュートンのチーフアーキテクトとして知られるスティーブ・キャップス（参照）としばらく一緒に働いた時のことだ。彼からは本当に色々なことを学んだ。直感的なユーザーインターフェイスの大切さだとか、常に新しいものを作り出そうとする姿勢だとか、私の考え方に最も大きな影響を与えたトップ１０人の一人である。 そのスティーブとたまたま「マイクロソフトとアップルのどこが違うか」という話題になった時に、彼が言った言葉が今でも心に残っている。 「マイクロソフトのプロダクツにはソウル（魂）が無い」 この言葉には本当にまいってしまった。 私がマイクロソフトでOSの開発に関わっていた９０年代の前半は、やはりアップルが最大のライバルで、いかにして相手よりも良いものを先に世の中に
Life is beautiful: ビル・ゲイツの面接試験―私の場合
マイクロソフトの採用面接がユニークであることは、「ビル・ゲイツの面接試験－富士山をどう動かしますか」という本で一時話題になった。もちろん、私自身もマイクロソフト本社で面接官として数え切れないほどのエンジニアの面接を担当し、自分なりに工夫して作り出した試験問題を幾つも用意していた。今日は、その一つを披露して、得意のうんちくを展開しよう。 ［問題］ 二次元座標上に、それぞれの辺がX軸・Y軸と平行に置かれた長方形Aと長方形Bがあるとする。その時、長方形Aと長方形Bが一部でも重なるかどうかを判断する条件式を書け。フォーマットは、CやJavaなどのコンピューター言語でも良し、単なる数式でも良い。制限時間は３０分。ただし、考えていることを声に出し、ホワイト・ボードを使って自分の考えのプロセスを説明しながら解くこと。 もし、これからプロのソフトウェア・エンジニアを目指そうという理科系の学生がこのブログを
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Life is beautiful: Google Map ブックマーカー