タグ

ブックマーク / developer.cybozu.co.jp (26)

  • Google OS(Google Chrome OS)がついにアナウンス | 秋元@サイボウズラボ・プログラマー・ブログ

    公式ブログでアナウンスがありました。 以下ポイントを抄訳 Google Chrome OSは、Google Chromeブラウザをベースにそれを拡張して作るパソコン向けOSで、ウェブ以前に設計されたOSの欠点を持たず、設計段階からウェブのことを考えて作っているのが利点、と言うことです。 今年の後半にはOSをオープンソースとして公開し、2010年の第2四半期後半にはネットブックに搭載したものが市販されることを目指します。最初はネットブックから。 速度・シンプルさ・セキュリティを重視しています。起動から数秒でウェブにアクセスできるような、速くて軽いOSにしようと設計しています。OSとしてのUIは最小限で、ほとんどのユーザーエクスペリエンスはブラウザ上で行なわれます。 Google Chromeブラウザでしたように、OSのセキュリティ設計を基に立ち返り完全にやりなおしたので、ウィルス、マルウェ

  • DoCoMoのAndroidケータイHT-03Aを触ってきました | 秋元@サイボウズラボ・プログラマー・ブログ

    先週末に思いもかけずAndroidケータイを入手してしまい、3,4日遊んでいたところですが、その前に申し込んでいたAndroidケータイのブロガー向け発表会に行ってきました。明日DoCoMoから発売される、HTC製のアンドロイド携帯HT-03Aです。 抽選に当たった70名のブロガーに、会場内で70台のHT-03Aが貸し出され、2時間半の間各社の発表や解説を聞きながら触ることができました。 これが貰った開発者向けケータイG1液晶の裏は開くとqwertyキーボードがあります。 今日見たHT-03Aはこちら。液晶の裏は開くとqwertyキーボードがあります。 G1にあったハードウェアキーボードが無いのもあって、縦横高さ全部小さくなってます。日のケータイともそんなに違わない印象を受けました。 G1は表のボタンは5つにトラックポイントが1個ですが、HT-03Aにはもう一つ「検索」のボタンが増えてい

    DoCoMoのAndroidケータイHT-03Aを触ってきました | 秋元@サイボウズラボ・プログラマー・ブログ
  • twitterで7000人にフォローされる方法。あるいはtwitterスパム注意報 | 秋元@サイボウズラボ・プログラマー・ブログ

    twitterを使ってる方も多いのではと思うのだけれど、みなさんはユーザーjmcoonをフォローしてたりしないだろうか? twitterではfollowスパムの活動がひどくなってきているようだ。 twitterでは、他のユーザをfollowすることで、その発言(tweet, つぶやき)を自分のページで読むことができる(API経由でツールで読むときも同様)。 多くの人にfollowされている人は、twitterでつぶやいただけで多くの人に意見やリンクを紹介できる、ということで、その影響力を表すためにfollowerの数をランキング化するtwitterholicのようなサイトも存在する。 当の有名人(Digg創業者のケビン・ローズさんとか、大統領候補のオバマ氏)は、4万人を越える購読者(followers)が実際についている。しかし、人気があるからfollowers数が多い、を逆用して、fo

    twitterで7000人にフォローされる方法。あるいはtwitterスパム注意報 | 秋元@サイボウズラボ・プログラマー・ブログ
  • Googleマップがマイクロフォーマット(hCard)に対応 | 秋元@サイボウズラボ・プログラマー・ブログ

    Google Developer Blogで、Google MapsのhCard対応が発表された。 Googleマップの「お店やサービスを検索」で出てきた検索結果のそれぞれに対して、microformatsの中のレビュー用フォーマットhCardのクラスが付与されている。 FirefoxのアドオンTailsなどを使えば、ページ中の住所や電話番号を簡単に一覧することができる。テキストとして取り出したり、他のサービスへの入力に流すことも可能だ。 Firefoxにはその他のmicroformats用のアドオンが多数あるし、IEやSafariでもブックマークレットである程度使うことができる。 Google Mapsの作り上、(あとたぶんデータ保護の観点からも、)Javascriptで処理された後のHTMLソースでないとhCardの要素やデータは見えてこない(ブラウザの「ソースを見る」ではなく、Web

    Googleマップがマイクロフォーマット(hCard)に対応 | 秋元@サイボウズラボ・プログラマー・ブログ
  • ネット上に流れた失言や悪評を探して削除要請してくれるサービス | 秋元@サイボウズラボ・プログラマー・ブログ

    via Wired News ReputationDefenderは、ネット上の誹謗中傷やプライバシー侵害を、検索エンジンやSNSからロボットや人手で探し出して、削除要請をだしてくれるというアメリカのあたらしいサービス。 …どっかで聞いたなこういうの。アメリカではこれあたらしいの? この人たちに佐賀の件 (2006/10/20の記事)を教えてあげたい。 いやまあ、監視してることや監視ワードを誇らしげに公開したりしなければ、ある程度有効なのかもしれないけどね。 この記事は移転前の古いURLで公開された時のものですブックマークが新旧で分散している場合があります。移転前は現在とは文体が違い「である」調です。(参考)記事の内容が古くて役に立たなくなっている、という場合にはコメントやツイッターでご指摘いただければ幸いです。最新の状況を調べて新しい記事を書くかもしれません

  • キャンバスに描く音楽 | 秋元@サイボウズラボ・プログラマー・ブログ

    via del.icio.us/popular Visual AcousticsというFlashでは、画面上の四角の上でマウスを走らせることによって、いくつもの楽器(の音)を鳴らし、リアルタイムな演奏を行なうことができる。 マウスの位置によって、どの楽器がどの音階で鳴るかが決まっている。それぞれの楽器の鳴るタイミングの遅れ(delay)は設定できて、これによって単純に動かしたときにすべての楽器が一斉に鳴らないようになっているみたいだ。 右側には4つのプリセットがあるので、一つ一つの楽器を設定するのが面倒ならば、それを使って試すこともできる。 この記事は移転前の古いURLで公開された時のものですブックマークが新旧で分散している場合があります。移転前は現在とは文体が違い「である」調です。(参考)記事の内容が古くて役に立たなくなっている、という場合にはコメントやツイッターでご指摘いただければ幸い

    キャンバスに描く音楽 | 秋元@サイボウズラボ・プログラマー・ブログ
  • テーブルUIによるクールな新電子楽器rectable | 秋元@サイボウズラボ・プログラマー・ブログ

    reactableは、バルセロナにあるPompeu Fabra大学での研究。 ブロック上の機器をテーブルの上で配置していくことで、電子音楽を鳴らすという楽器。テーブル上に置いたブロックが、シンセサイザーの各パーツとなる。 それらの場所、向き、どの面を下にするか、他の部品との角度、などを元に、シンセサイザーのパラメータが変わる。 また、そのパラメータがテーブルの上に投射されることで、演奏者へのフィードバックにもなっている。 なんとか説明しようとはしたけれど、動画を見てもらうのが一番てっとり早そう 動画に出てきたのは、以下のようなブロック ジェネレータ フィルタ 正弦波発信機 サンプラー メトロノーム シーケンサ ハーモナイザ 角度を変えたり、指で操作したりして、周波数や音量を調整する。近づけたり、並びを変えたりすることで効果が変わる。 もう一つ そのほかにも、カンファレンスで来場者(子供にも

  • 秋元@サイボウズラボ・プログラマー・ブログ 映画に出てくるプログラマー-ソースコードの誤解

    via del.icio.us/popular What code DOESN’T do in real life (that it does in the movies) 「(映画の中では起こるけど)現実には起こらないコード」というブログエントリ。面白かったので項目だけでも紹介。 コードはものすごい速度で画面を動き回ったりしない コードを黒地に緑文字で表示して編集してるやつなんてほとんどいない 改行もスペースも、インデントもないコードなんてありえない コードは三次元で編集したりしない コードは効果音と共にスクリーンに現れたりはしない コードは8歳児に数秒でクラックされたりしない 膨大なコード全体が一瞬で器用にゴミになったりはしない プログラマーは0と1だけでコードを書いたりしない(アルファベットや記号も使える) プログラマーはキーボードだけでなくマウスも使う コードはそんな簡単にクロスプ

  • Macノートの光センサでジェスチャー入力するソフト | 秋元@サイボウズラボ・プログラマー・ブログ

    Macintoshのノートは、液晶を閉めると自動的にスリープするらしいが、閉めたかどうかの判定には、どうも光センサを使っているようだ。 liltというソフトウェアは、この光センサを使ってユーザのモーションを検知し、ジェスチャーによる入力を可能にするもの。 光センサはスピーカグリルの下のほうにあるそうだ。この上あたりで手のひらを動かすと、その変化によって、アプリケーションを起動できたりするという。 ダウンロードして実行するだけで動くらしい。正式版では5ドルのシェアウェアになる予定ということだ。 MacにはUniMotionというライブラリがあって、これを呼び出せば自分で光センサを使ったアプリケーションも書けるそうだ。 [参考] ジェスチャーによるウィンドウ切り替え、without マウス 2006年5月に紹介したこちらは、急な移動でハードディスクを止めるモーションセンサーを使ったアイデアだっ

    Macノートの光センサでジェスチャー入力するソフト | 秋元@サイボウズラボ・プログラマー・ブログ
  • Javascriptで三角形を動かす | 秋元@サイボウズラボ・プログラマー・ブログ

    Javascriptだけでぐるぐる回る三角推というデモを見つけた。IE6では動かないがIE7やそれ以外のブラウザで動く。 borderを使ってHTML+CSSだけで三角形を書くテクニックは、前にどこかのブログでやってたと思うけど、それを応用して、これだけ複雑な立体を描き、さらに動かすことに成功している。大きな三角形は、水平や垂直線で小さな三角形(実際にはborderをいじったdivタグ)に分割している。 デモでは、Q,W,E,A,S,Dの6つのキーで、回転の方向を自由に変化させることもできる。 この記事は移転前の古いURLで公開された時のものですブックマークが新旧で分散している場合があります。移転前は現在とは文体が違い「である」調です。(参考)記事の内容が古くて役に立たなくなっている、という場合にはコメントやツイッターでご指摘いただければ幸いです。最新の状況を調べて新しい記事を書くかもしれ

    Javascriptで三角形を動かす | 秋元@サイボウズラボ・プログラマー・ブログ
  • Google Code Search のアレな活用法が続々と | 秋元@サイボウズラボ・プログラマー・ブログ

    Googleの一般検索でも、社外秘情報の入ったExcelを検索したらいろいろ出てきた(参考 、 公開Webサーバから機密情報を引き出す「Googleハッキング」の脅威と、その対策)といった話もあるし、つい最近はGoogle Calendarで明らかに公開情報じゃないいろんな人の予定が検索できるという指摘も話題になった。 ということで、昨日リリースされたGoogleコード検索でも、さっそく色々な「ヤバイ」指摘が。 kottke.org では以下のような検索例が 圧縮アプリケーションの暗号生成部分のソース パスワードを埋め込んだブログシステムのソース バッファーオーバーフロー脆弱性がありそうなソース 公開されるべきでない、と書いてあるソース 愚痴ったり、罵ったり、馬鹿にしたりというコメント 有名プログラマーの名前での検索 また、PHPセキュリティといえばこの人の Chris Shiflett

  • ノークリックリンク | 秋元@サイボウズラボ・プログラマー・ブログ

    ノーク・リック・リンク? ノー・クリックリン・ク? ちがう、ノー no クリック click リンク link だ。 このページ No Click Links に行って、最初のリンクにマウスカーソルを置いてみてほしい。Javascript が on になっていれば、通常のブラウジングとちょっと違った動きが起こるはずだ。 この効果は、リンク先ページで公開されている Javascript を、動作を変えたいリンクタグより後ろの方で読み込むだけで追加される。 この Javascript のやっているのは、自身のロード時、ページ内の全部の <a> タグに、「1秒マウスを置いたらリンクをフェードしてリンク先へジャンプ」という処理を追加すること。これで、リンク上にマウスを置くことでジャンプするようになる。 じつは、同様のクリックしないユーザインタフェースを Flash で追求したものは前からある。do

  • 究極のユーザビリティテスト Eye Tracking | 秋元@サイボウズラボ・プログラマー・ブログ

    via del.icio.us/popular Eye Tracking がすごい。技術がすごい。 まだ自分で試せるわけじゃないので、「当にこれ実現してるの?」という気持ちもあるのだが。 動画デモを見てもらうとわかるけれど、変な道具や特別なメガネをかぶったりすることなく、ディスプレイを見ている被験者の目の動きを追うことができるシステムを開発した、と言っている。 被験者をカメラで映し、その両目の動きを分析することで、画面上で何を見ているかを追尾できているのだそうだ。 動画デモでは、ユーザの視線が青い線で、ユーザの視線が何かに注目している間は、青い円で、注目時間が長ければ円を大きく、表示している。 また、複数のユーザの視線データを集め、視線が多く/長く滞留しているところを、温度表示してみるというのもデモではやっている。中央に目立つように置かれた広告がまったく視線に止まっていない(笑)のは、予

  • 非CSSのデザインをCSSデザインにする会社 | 秋元@サイボウズラボ・プログラマー・ブログ

    XHTMLized では、一画面分のウェブページを送ると、一週間以内に XHTML/CSS で同じデザインを作り直して返送する、という単機能に特化した有料のサービスを提供している。 「非CSSのデザインをCSSデザインにする『ネットサービス』」だったらすごいなあ、と思うが、残念ながら人力。さすがにプログラム的にそれを実現するのは難しいと思う。 一般のサイト訪問者から見れば、CSS デザインであろうとなかろうとたいした違いはないが、提供者側からみた多数のメリットを考えると、今からサイトを作るときに CSS デザインにしないことは考えにくいだろう。 コンテンツ製作者がデザインを気にする必要がなくなる(分業による効率化) デザイナーがコンテンツを気にする必要がなくなる(分業による効率化) 将来のデザイン変更にかかる工数の削減 コンテンツ追加時のデザイン再利用(工数削減) 検索エンジンにコンテンツ

    非CSSのデザインをCSSデザインにする会社 | 秋元@サイボウズラボ・プログラマー・ブログ
  • Google Maps API のバージョン2が正式リリース | 秋元@サイボウズラボ・プログラマー・ブログ

    via Google 公式ブログ 機能 ライブラリ Javascript のサイズが約半分になり、読み込みが高速化 日欧米と主要都市で2段階細かな衛星画面が出るように 地図の角により広い範囲を表示するオーバービューマップを表示できるように(Yahoo! Map みたいなやつか) ユーザが拡張しやすくなった GMap2 クラスの追加 不要なオブジェクトを解放するメソッドの追加。IEでのメモリリークの解消 デバッグログ機能の追加 緯度と経度の順番を間違えない新メソッドの追加 また、利用条件に二つ変更が。 呼び出し回数の上限が無くなった。ただし一日50万回以上の呼び出しがあるサイトの場合は事前に連絡してほしいとのこと。 もし GoogleAPI 経由で広告を入れるようなことがあれば、90日前に予告をするということ バージョン2は、バージョン1との互換性を 99% 保っているということで、現

  • ajaxLaunch のワープロに続く第二弾はお絵かきサービス | 秋元@サイボウズラボ・プログラマー・ブログ

    毎週水曜日に新サービスを公開する、と予告していた ajaxLaunch から、ajaxWrite に続く二つ目のサービスの公開があった。 ajaxSketch は、 Firefox 上で図が編集できる XUL アプリケーション。 丸、四角、多角形や線、文字、色、フォントなどを使ってそれなりの図を描くことはできる。 出力形式が svg のみなので、FireFox 1.5 はいいが Internet Explorer 6 のユーザに図を見せようと思うと SVG プラグインなどが必要になってしまう。svg 形式はデータも小さくていいと思うんだけど、ベタな画像ファイルとして出力する機能もあってもよかったんじゃないかと思った。 Windows にはペイントはあるけどドローツールは標準でついてこないので、Windows (と無料の FireFox)さえあれば図が描けることはいいことだ。めったに図を描い

    ajaxLaunch のワープロに続く第二弾はお絵かきサービス | 秋元@サイボウズラボ・プログラマー・ブログ
  • Google Calendar ベータテスト情報 | 秋元@サイボウズラボ・プログラマー・ブログ

    TechCrunch のレポートで、”CL2″という名前で URL だけ判明していた Google Calendar の画面イメージが多数載せられている。 200人に絞った非公開のベータテスト中だったということだが、そこから漏れたということか。 CL2 は GMail とのインテグレーションや Ajax の多用がされている。iCal や SMS、他のカレンダーサービスとの連携もあるとのこと。 その他、30 Boxes でも採用された、自然文による日時指定入力や、ドラッグによる時間範囲の変更など、最近続々とリリースされているオンラインカレンダーにある機能も押さえている。 リンク先にテスター向け注意書き(の一部)と複数の画面イメージが載っている。 ちなみに、CL2 のテスト場所と思われるのは http://google.com/cl2/ アクセスはできるがログインは失敗する。サービスは長い間

  • 秋元@サイボウズ研究所プログラマーBlog - Ajax プロジェクト管理の新サービス iOutliner

    via del.icio.us/popular ioutliner ということで、最初、オンラインのアウトラインプロセッサを想像した。しかし、発想支援というよりもプロジェクト管理サービスのようみ見える。 デモを見ると、 Ta-Da List などに見られる ToDo アイテムの管理(追加/更新/削除)に、ドラッグ&ドロップによる階層化(項目間の包含関係)をつけくわえ 達成度を「やった/やらない」だけでなくカスタマイズ可能なリストで設定できるようにした というところが一工夫のサービスのようだ。 登録して使ってみる。まず Outline のボックスが一個だけ出てくるので、達成したい大目標を入れる。すると、この大目標の一個目のアイテムは何だ、と訊かれ、順に入力。 階層的にやるべきリストを作成していける。アイテムはマウスでつまんで自由に移動できる。また、チェックを入れたり外したりも。ただし、親にチ

    秋元@サイボウズ研究所プログラマーBlog - Ajax プロジェクト管理の新サービス iOutliner
  • あなたのサイト、検索エンジンには見えていないかもしれない | 秋元@サイボウズラボ・プログラマー・ブログ

    japan.internet.com 併載コラム 人間が目で見たときと、検索エンジンが調べに来たときではサイトの見えかたが違うことはご存知だろうか。 現在のソフトウェア技術では、画像から意味を読み取ることは簡単ではない。よって、画像に埋め込まれた文章や、Flash など動く画像からジャンプするページのリンクは理解できない。Javascript などを使った「動くメニュー」などの要素も、検索エンジン的にはリンクとしてつながっていないことがほとんどだ。 —– まず、実際に検索エンジンから見えるあなたのサイトの実態はどんなものなのか。HTML のソースを見たり特別なツールを使わずに、簡単に確認する手順をご紹介しよう。 1. 検索エンジン Google で、調べたいページの URL を http:// から入力する。存在する URL で Google が認識しているものであれば(*1)、「Goog

  • ブラウザ幅に応じて変わるレイアウト | 秋元@サイボウズラボ・プログラマー・ブログ

    via clagnut ブラウザの幅が狭いと2段、広いと3段になるようなページレイアウトをいくつか紹介している記事。 見てもらうのが一番早い。以下のページを開いて、ブラウザの幅を狭くしたり広くしたりすると、縦列の数が変化する。 UX MAGAZINE Redesign Notes 1: Width-based layout 著者自身のサンプルは、幅によってはあまり美しくならないが、何段にも可変にできる。 画面の大きな人でも小さな人でも、それなりのページが返せるというのはいいかもしれない。もっとも、逆に表示サイズがどうであれ同じレイアウトになることを望む人もいるだろうが。 日頃、だいたいブラウザの幅なんて一定で使ってるので、こういうレイアウトのサイトがかなり普及してたとしても気づいてないわけだが。こうやってブログで特集されてはじめて気づいた。僕は横にスクロールさせるよりはこっちの切り替えのほ