Yasuhisa Hasegawa - Yasuhisa Hasegawa (Page 36)

10年以上前からあったライフストリーム

ライフストリーム [http://www.atmarkit.co.jp/fwcr/column/ore01/01.html] (Lifestream) といえば去年あたりからよく耳にするようになった言葉。様々な利用者のネット活動をリアルタイムに追うことが出来るライフストリーム。FriendFeed [http://friendfeed.com/yhassy]のようなサービスを使って複数の利用者の活動を観覧することも出来ますし、自分で作る [http://www.yasuhisa.com/is/lifestream/]ことも可能です。最近出てきた情報の見せ方なのかと思っていましたが、10年以上前から「ライフストリーム」とい言葉は同じような意味合いで使われていたみたいです。イェール大学では、1996年に The Yale Lifestreams Project [http://cs-www.cs.yale.edu/homes/freeman/lifestreams.html] というプロジェクトを立ち上げています。「Lifestream とは」

microformats

Microformatsとモバイルの関係

様々なアプリケーションを立ち上げるパワーもなければ、並べて眺めるだけの十分なスペースもないモバイル環境。それゆえデータの連携は使いやすさを向上させるひとつの鍵といえますし、ウェブサイト間で出来るのであれば、モバイルブラウザひとつ立ち上げておくだけですべて完結するかもしれません。 iPhone では vCard や iCalフォーマット (ics) をブラウザからダウンロード出来ないようになっています。つまり、カレンダーに書き留めておきたい情報がウェブ上にあったとしても、一旦カレンダーに切り替えて自分で書き込まなくてはならないというアナログチックな作業が必要ということになります。そこで Microformats を摘出して、自分が利用している Web サービスへ情報を自動入力するという形であれば iPhone だけでなく他のモバイル機器でも考えられるソリューションだと思います。 Bookmarkletを使うやり方もありますが、現状 iPhone では Bookmarklet の保存の仕方が大変面倒 (パソコンと同じようにはいかない) です。もちろん Greasemonkey も使え

４種類のコラボレーションタイプ

「コラボレーション」は「Collaboration」の音訳ですが、多くの方が使う言葉になりました。様々なシチュエーションでコラボレーションという言葉を耳にするようになりましたが、単に「共に働く、協力」では説明するのは難しいですし、協力する相手によってコラボレーションの形や接し方も変わってきます。Harvard Business Review に掲載されている Which Kind of Collaboration Is Right for You? [http://harvardbusinessonline.hbsp.harvard.edu/hbsp/hbr/articles/article.jsp?value=BR0812&ml_subscriber=true&ml_action=get-article&ml_issueid=BR0812&articleID=R0812F&

インターネット

Year in Review 2008

以前から、時が経っても古くならない記事を書くように心がけていましたが、今年はさらにその傾向が強かった１年だったような気がします（もちろん告知 [http://www.yasuhisa.com/could/category/announcement/] のような時間にセンシティブなのもありましたが）。その結果、年の初めのほうに書いた記事も息が長いものが増えてきました。『残せる』記事が増えてきたので、いい加減にアーカーブの仕方も工夫しないといかんなと思うわけですが。雑誌だけでなく、他のサイトで書く機会が増えてきたこともあり、このサイトの更新数も減ってしまったのが残念でした。もちろん、読者との接点が増えるという意味では嬉しいのですが、原点であるこの場所のコンテンツが少なくなるのもちょっと寂しかったりします。サイトに関する課題を多く残したまま 2008年が終わるわけですが、それらをぜひ 2009年には形にしないといかんなと思いながら今こうして書いています。以下が今年特に人気があった記事トップ10になります。まだ読んでいないのがあればぜひチェックしてみてください。そして、来年もよろしくお

インターネット

インテルのソーシャルメディアガイドライン

インテルは比較的早い時期からブログを始めており [http://blogs.intel.com/]、更新頻度も高くコメントも受け付けています (日本語版はこちら [http://blogs.intel.co.jp/] )。ブログというツールは気軽に導入出来たとしても、顧客と企業を繋げるひとつの窓口として運営していくのは大変なことです。インテルほどの大きな企業がどのようにソーシャルメディアと付き合っているのでしょうか。インテルでは Intel Social Media Guidelines [http://www.intel.com/sites/sitewide/ja_JP/social-media.htm] というガイドラインを設けています。ブログだけでなく Wiki や SNS にも通じるこのガイドライン。当然インテル向けに書かれている内容ですが、応用出来そうな内容です。ブログを長くしている方にとっては『当たり前』な内容かもしれませんが、社内やチームの共有ツールとしてこうしたガイドラインはあったほうが良いでしょう。透明であることブログを書く際は本名を書き、何の仕事をしてい

デザイン

ウェブサイトの見た目に関する資料が欲しい

今日、なんとなくですが神森さん [http://www.t-studio.com/]とTwitter [http://twitter.com/] で会話が弾んだので、この場で共有しようと思います。 Webサイトはまったく同じ見た目である必要はない [http://www.yasuhisa.com/could/article/dowebsitesneedtolookexactlythesame/] という記事でも書きましたし、先月あった Web Directions East [http://east08.webdirections.org] でも挙った話題ですが、ウェブサイトの見た目を全く同じにする必要はない（もしくは出来ない）という部分を制作側から超えたところでも共有出来るようになるとどうなるだろうとよく思います。見た目は重要ですし、レイアウトが崩れていては意味がないです。しかし、１ピクセルの違いの調整に苦労するよりかは、より良いブラウザに対してはさらなる上の体験を提供することの配慮を行ったほうがウェブサイトとしての質が高いと思います。そして、情報が受け手によって自由にコントロー

イノベーション

Shift2で不況とイノベーションについて話しました

撮影: 飯田昌之 [http://www.masazo.net/]先日 CSS Nite のスペシャルイベント Shift2 [http://cssnite.jp/shift/shift2009/] が、デジタルハリウッド東京本校で開催されました。CSS Nite にはよく講演させていただいているイメージがありますが、実は今回のが今年で最初で最後でした。当初はスピーカーとして参加する予定ではなかったのですが、20分の講演をさせていただきました。今回は「 reset.css: 不況が生み出す新たなウェブの可能性」で不況とイノベーションの関係について話をしました。元々コードを表記するなど、今すぐ使える Tips について語ることが少ないですが、今回が今までの中で最もウェブデザインから遠ざかったところからウェブデザインの仕事について語ったプレゼンだったと思います。実践的な話が多い CSS Nite で、実践的ではない話をするのはチャレンジでしたし、僕としても今までとは違った切り口で話したという意味でもチャレンジでした。「不況」は毎日の仕事に直接関係ないかもしれませんが、今までのようには

UI

サイト制作に便利なOmniGraffleステンシル

制作メンバーの体勢やスケジュールによっては HTML でプロトタイプを作ることがありますが、そうでない場合はワイヤーフレームを OmniGraffle [http://www.omnigroup.com/applications/omnigraffle/] で作っています。 OmniGraffle では、オブジェクトを揃えたり調整が簡単ですし、マルチページにも対応しているのでクリックしたら別ページに移動といった効果も作れます。もちろん書き出した PDF もクリック可能なマルチページになっているので、他の方との共有した際もページの遷移がみえやすいです。レイヤーの表示・非表示といったアクションもオブジェクトに充てることが出来るので、ダイナミックなページも表現出来なくはないですが、レイヤーの表示・非表示は PDF に書き出した際になくなってしまうのが残念。Professional版 [http://www.omnigroup.com/applications/omnigraffle/provsstandard/] ではプレゼンテーションモードがあるので、出先で OmniGraffle を使

UI

iPhoneから学ぶユーザビリティの極意

iPhoneは、今までとは少し違った使い方や考え方を必要とするデバイスです。Appleらしい使いやすくするための工夫が随所見られますが、だからと言って万人受けするわけでもありませんし、僕のような Mac 使いとそうでない方とでは iPhone の捉え方は随分違います。Create with Context [http://createwithcontext.com/]はデザインリサーチを行っている会社で、iPhone 3G が発売された夏頃に iPhone のユーザーテストを行ったそうです。その結果は SlideShare に掲載されている「How people really use the iPhone [http://www.slideshare.net/createwithcontext/how-people-really-use-the-iphone-presentation/] 」で読むことが出来ます。 iPhoneを聞いたことあるけどほとんど触ったことない方や、聞いたことなくて初めて使う方など、僕のようなヘビーユーザー以外を対象に行われたこの調査。タスク別に調査やインタビ

サービス

Twitterを使った社会活動

様々な使い方や機能をあらかじめ提供している他サービスとは異なり、Twitterは大変シンプルなサービス。こうした機能を最小限に削ぎ落としたサービスは「こういうことが出来る」という明確な使い方が提示しにくい故、使い始めに苦労する場合もあります。明確な使い方がないのは同時に、工夫次第で使い方はいろいろあるわけです。英語圏で利用している方は多いので、リーチ出来る数も多いですし、ほぼリアルタイムでの対応が出来ることから、口コミやサポートのツールとして Twitter アカウントを持っている方も少なくありません。また Twitter API を利用することで、具体的な使い方を提示出来るサービスをつくることも可能です。先月の Web Directions East [http://east08.webdirections.org/] で講演した Dan Cederholm [http://simplebits.com/] も Twitter API を使って Foamee [http://foamee.com/] というサービスを立ち上げています。サービスの機能や仕様に利用者が合わせるので

アート

想像の世界の地図まとめ

小中学生の頃だったでしょうか。漫画のキャラクターやイラストなどいろいろ描いていた時期でしたが、なぜか地図もたくさん描いた記憶があります。地図を描きながら自分の創った世界を膨らまして楽しんでいました。今でもファンタジー系の地図とか見ているとワクワクしてくるわけですが、今回はそんなファンタジーな世界の地図を幾つか紹介します。こういうのを見ていると、昔からバーチャルな別世界はたくさん存在していたことが分かりますね。小説など文字の世界を地図として可視化しているという意味でも、想像の世界の地図は非常に興味深いです。 Fantasy Atlas [http://www.fantasy-atlas.org/]ファンタジーから SF までかなりの数の地図がまとまっています。当然ロード・オブ・ザ・リング [http://www.amazon.co.jp/exec/obidos/ASIN/B000069L4K/could-22/ref=nosim/]の地図 [http://www.fantasy-atlas.org/karten/tolkien1.html]もありますFantasy Cartogr

OSX

ヘルプメニュー検索を使って楽々選択

アプリケーションの起動や簡単な操作、そしてファイルナビゲーションは QuickSilver [http://code.google.com/p/blacktree-alchemy/] で問題ないですが、各アプリケーションでの詳細な操作をするにはあまり適していません。例えば Photoshop のように何階層もメニューがあるアプリケーションは大変です。QucickSilver でも、Proxy Object [http://wakabamac.blog95.fc2.com/blog-entry-455.html] と組み合わせることによって、なんとなくメニューを辿ることが出来ますが、使い勝手が良いともいえないですし、可能な限りビジュアルで操作したいところです。 Mac OSX Leopard で実装された数々の機能 [http://www.apple.com/jp/macosx/features/300.html] の中で結構使えるのが、ヘルプメニューの検索です。これは起動しているアプリケーションに特化した検索で、「Cmd⌘+? 」で呼び出すことが出来ます。ヘルプファイルの検索だけで

google

Gmailのテーマ機能とGoogleブランドについて

ウェブサイトにおいて機能やページの表示速度と同じくらいビジュアルデザインは重要ですし、ビジュアルデザインがより良いユーザー体験の提供に繋がることもあります。以前 Googleのデザインガイドライン10項目 [http://www.yasuhisa.com/could/article/google-design-guideline/] を紹介したことがありますが、この中に「魅力的」「美しい」といったビジュアルデザインに関係したキーワードがあるのは気になりますね。Google はビジュアルデザイン以外の部分（例えばシンプルさやスピード）を徹底的に追求することで高いユーザー体験を提供しているサービスというイメージがあります。しかし、そういったイメージを覆すかのように、ここ 1,2年はビジュアルデザインにも力を入れていますね。例えば Analytics [http://www.google.com/analytics/] や Docs [http://docs.google.com/] のビジュアルはミニマムではありますが、非常に洗練されていて魅力的です。先週 Gmail が複数のテー

イノベーション

ゲームという名のサービスのあり方

オンラインゲームというと、ここ10〜15年くらいに出てきたように思えますが、実は30年という長い歴史があります。MUD [http://en.wikipedia.org/wiki/MUD] というテキストベースのオンラインゲームが登場したのが、1978年。パソコン上でしか体験出来なかったオンラインゲームも今はコンソールでも遊べるようになりましたし、ケータイをはじめとしたモバイルデバイスからも可能です。歴史は長いとはいえ、ゲームプレイに関していえばイノベーションの余地はあるでしょうね。ゲームプレイや世界観など、ゲームそのものへの開拓の余地はもちろんありますが、オンラインゲームではそれ以外の部分でいろいろ模索出来る部分があります。今、オンラインゲームと言われて連想される種類のゲームだけでなく、ネットに繋げることが出来るゲームであれば、ゲームの遊び方だけでなく、ゲームという名のサービスの提供方法も変わってくるのではないでしょうか。そのヒントになるのが、もう10年くらい前に出たゲーム「 Starcraft [http://www.amazon.co.jp/exec/obidos/ASIN/

セミナー

Web Directions East を終えて

[http://www.flickr.com/photos/yhassy/3031532334/]もう10日も前の話になりますが、Web Directions East [http://east08.webdirections.org/] (WDE) が無事終わりました。夏の初めからずっと携わっていたので、4ヶ月くらいこのイベントに関係した作業やお手伝いをしていました。主に僕は執筆関連が多かったかもしれませんね。こちらでは告知していませんでしたが、東京IT新聞 [http://itnp.net/]のほうでもミニ連載をしていました。『スペック』がイベントの価値ではない運営のお手伝いをしていた僕でも、WDEの参加費用はウェブ制作関連のイベントでは挑戦的だなと思いました。スピーカーを日本へ呼んだり、同時通訳のことを考えると仕方のない費用ではありますが、金額では計れない体験にどう注目してもらうかに苦労しました。海外では名が知られている方達が来日したとはいえ、海外のニュースにアンテナをのばしていなければ、ただの『外人』といっても良いかもしれません。スピーカーがどういった方なのか、そして

UI

3D空間でブラウジングするツールいろいろ

TiltViewer [http://www.airtightinteractive.com/projects/tiltviewer/app/]Flickr の写真を 3D 空間にタイル状に並べる UI。マウスを動かすことによって角度を変えることが出来ます。Tag Galaxy [http://taggalaxy.de/]Flickr のデータを使ったサイト。タグに関連した写真を太陽系の惑星のように表示させることが出来ます。 NewsGlobe [http://next.yahoo.net/download/newsglobe/index.html]Yahoo! News の記事を 3D の地球上に表示させ、どの地域のニュースが多く取り上げられているかも分かるようになっています。Cooliris [http://www.cooliris.com/]フルスクリーンで膨大な量の写真を観覧可能にする Firefox のプラグインsearch-cube [http://www.search-cube.com/] 検索結果を立方体に表示させます。

インターネット

モノとネットを繋げるサービス

最近、日本でも chumby [http://www.chumby.jp/] のようなパソコン以外からのインターネットととの関わり方が注目を浴びています。chumby だけでなくても、ネットに繋がるデバイスというのは幾つかありますが、その他にネットと実世界を繋げるサービスというのも幾つか出てきています。つまり、名刺、おもちゃ、鉛筆といったモノがネットに繋がる窓口に変わるといったら良いのでしょうか。ネットと実世界のリンクとして代表的なのが QRコードだと思いますが、今はそれだけでなく様々なものがあります。chumby もそうですが、特徴になっているのが、開発可能な環境も同時に整えられていて独自のサービスや楽しみ方を提案することが可能な点です。以下に４つほど注目のサービスを挙げておきます。 tikitag [http://www.tikitag.com/]RFID が埋め込まれている小さなステッカーに、URLだけでなくメッセージやアプリケーションの起動といったコマンドなど様々なデータを埋め込むことが出来ます。埋め込むことが出来るデータタイプは現在10種類ですが、APIが公開されてい

ビジネス

険しいがエキサイティングな時が来た

今日は新宿の某所で境さん [http://admn.air-nifty.com/monkeyish_studio/]と対談をしてきました (このときの模様はポッドキャストとして来週公開予定)。様々なトピックが話されましたが、全体的に「来年はエキサイティングな年になる」というテーマがあったような気がします。アメリカでは深刻な状態が続く経済問題も、日本への影響は出てきます。企業は発注を減らす可能性はあるでしょうし、ウェブだけでなくプロモーションやサービス関連の予算を割くことも考えられるでしょう。しかし、これは絶好のチャンスと捉えることも出来ます。特に小規模の会社で働く方やフリーランスにとってチャンスです。次へのアクションが柔軟に起こせるだけでなく、次のための提案や提示をいち早く出来るのも小回りの効く小規模チームのメリット。変化が必要な時期だからこそ、変化の波の乗っている会社や個人が注目させるようになるのかもしれません。停滞気味だからこそ、成長のチャンスです。フリーランスに特化したジョブボードも増えてくるでしょうし、個人と個人、又は個人と中小企業のコラボレーションが幾つか生まれるでし

UX

アンビエントライフのもつ可能性と課題

未来を思い描くことは、短期的には成果が出ないことかもしれませんが、長期的にデザインやテクノロジーへの理解を深めることが出来る大事なプロセスだと思います。先月行った WebSigのワークショップ [http://www.yasuhisa.com/could/diary/websig-semanticweb/] は、アクティビティとして具体化した一例といえます。未来が描かれたコンセプトワークやビデオをネット上でたくさん見つけることが出来ますが、Freeband Communication [http://www.freeband.nl/index.cfm?language=en] というオランダにあるリサーチプログラムが制作した The Ambient Life [http://vimeo.com/2046208?] というビデオは最近見つけた中でおもしろいなと思った作品のひとつです。アンビエントライフで提案されている様々なシーンで共通しているのが、人からのインタラクションは限りなく少ないという点です。ボタンを押すというアクションはあるものの、押した後に行われるデータのインタラクシ

映画

Slacker Uprising

マイケル・ムーアが2004年のアメリカ大統領選挙を前に、全米62カ所をツアーした模様を映し出したドキュメンタリー映画。その年は「華氏911 [http://www.amazon.co.jp/exec/obidos/ASIN/B0001X9D68/could-22/ref=nosim/] 」が公開されるなど、精力的に政治的活動を行っていたムーア監督。大学生を中心とした若い世代へブッシュに投票しないよう呼びかけるために、共和党色の強い州や激戦区になっている地域で演説を行いました。彼のドキュメンタリー映画は賛否両論があると思いますが、彼のアクションや批判を恐れない勇気は尊敬してしまいますね。プロパガンダと言われることもありますが、ジャーナリズムと名ばかりでブッシュ政権への客観的な批評や、詳細な調査を怠っていたアメリカの報道にも問題があったと思います。それゆえ、ムーア監督がドキュメンタリー映画を作って議論の場を作っているのでしょうし、本当は彼がわざわざ作ることもなかったのかもしれません。名ばかりのジャーナリズムは何もアメリカだけではないと思いますが、違いはムーア監督をはじめ数々の声とそ

microformats

Microformats用ツールキット: Oomph

先週のセミナー [http://www.yasuhisa.com/could/diary/websig-semanticweb/] で、ページ遷移ではなくデータがどのようにフローしていくのか想像しながらサイトデザインが必要になってくると話しました。近年、ページもしくはひとつのサイト内の情報設計だけでなく、ウェブ全体でその情報はどう扱われるのかという視点も加わったと思います。RSSやAPIはその始まりの段階だといっても良いでしょうし、こうしたセマンティックウェブ的な技術はブラウザの一部の機能として取り込まれたり、技術を意識することなく使えるようになってきています。 Microformats [http://microformats.org/wiki/Main_Page-jp] は、徐々に広がりつつあるマークアップ方法ではありますが、具体的な実用例やツールが少ないということで制作者側も足踏みしている状態です。そんな中、先日マイクロソフトが Oomph [http://visitmix.com/lab/oomph]というツールキットをリリースしました。そうです、Web Slice [ht

デザイン

デザインが失敗してしまう理由

「アート・オブ・プロジェクトマネジメント ―マイクロソフトで培われた実践手法 [http://www.amazon.co.jp/gp/product/4873112990?ie=UTF8&tag=could-22&linkCode=as2&camp=247&creative=7399&creativeASIN=4873112990] 」「イノベーションの神話 [http://www.amazon.co.jp/exec/obidos/ASIN/4873113458/could-22/ref=nosim/] 」の作者として知られている Scott Berkun氏 [http://www.scottberkun.com/] は、

セミナー

WebSigで語ったセマンティックウェブの未来

先日 WebSig 24/7 [http://websig247.jp/meeting/20/000111.html] で、「あなたが創るセマンティックウェブ」という題名で講演しました。RDF や Ontology といった専門的な言葉をほとんど使わないで、セマンティックウェブを啓蒙するという少し変わった視点で話をしました。個人的には、いかに技術的な側面を前に出さずにテクノロジーや未来を語るのに興味があったので良い機会でした。このアプローチは「技術は重要ではない」という意味ではありません。技術もデザインも前面に出て自己主張するのではなく、根底を支える重要な部分です。技術、デザインを考慮することはむしろあたり前でそれらを無視して話をするのはナンセンスです。しかし根底だからこそ、いかに見せずに魅了させるのが、何かを啓蒙するときに必要なアプローチだと思います。たとえそれが専門用語が分かる同業者であったとしても、ただ聞かせるのではなく見せて表現することによってより伝わりやすくなります。プログラマーはソースコードを公開することでウェブやコミュニティに貢献しているのと同じようにデザイナー

アイデア

Emergencyというモバイルアプリをモックアップしました

7月は青森でセミナー [http://www.yasuhisa.com/could/diary/seminar-in-aomori-july2008/] をした思い出に残る月ですが、同時に岩手・宮城内陸地震に遭遇した月でもあります。地震が大嫌いな私にとっては地上14階の地震エクスペリエンスはかなり恐ろしかったわけですが、同時に気付きがある瞬間でもありました。地震が発生した数分後、母からメールが来ました。青森にいることを知っていたので心配してメールをしてくれたわけですが、書き出しが「電話が繋がらないのでメールしました」になっていました。恐らく携帯電話のネットワークが災害時はパンク状態になって繋がらなかったのでしょう。しかし、ネットではあっさりコンタクトがとれたわけです。メールだけではなく、ウェブサイトへのアクセスも同様です。地震が発生するとネットユーザーは真っ先にウェブに情報をアップしています。例えば「揺れた」「地震」と書き込む人は Twitter だけでも結構います [http://tinyurl.com/4hq4f3] (プライベートモードにしている人も含めたらもっといるでしょ

セミナー

パソナテックカンファレンスに参加しました

先日、パソナテックカンファレンス2008 [http://www.pasonatech.co.jp/10th/event/pt_conf2008/index.jsp]にてえふしん [http://www.milkstand.net/fsgarage/] さんと、「Webに携わるみんなの未来を考える」という題名でパネルディスカッションを行いました。私も含めて現状はPCメインにサイトを制作している方達としてのこれからと、ウェブと他のメディア媒体の関係がこれからどのように変化するのかといった話題が挙りました。これからの変化が不安になることもありますが、まずは積極的なアプトプットが先見を養うひとつの糧になると思います。これは先週のセミナー [http://www.yasuhisa.com/could/diary/mac-infoflow/] でも話しましたが、アウトプットすることで何をインプットしたら良いのか分かりやすくなります。キャリアパスをきちんとプランすることは重要なことですが、同時にプランを固めすぎずに進みながら経験と直感を活かして進んでほしいなという気持ちがあります。サイトを