ClockMaker Blog » Google

検索順位のカスタマイズ Google サーチウィキ

Yasu — Wed, 06 May 2009 01:09:26 +0000

ふとGoogle検索したら検索タイトルの右側に二つのボタンがついていました。これは検索結果のパーソナライズを行う機能でサーチウィキと呼ばれるようです。米国では2008年11月頃からスタートしていたみたいですが、日本では調べてみたところ2009年5月6日頃からスタートしたようです。

ボタンは「順位を上げる」「検索結果から除外」の二つ。使い方はGoogleアカウントにログインして検索をおこなうだけ。

エンドユーザーの視点で考えれば、カスタマイズすることで目的とするサイトにスピーディーに検索結果にたどり着けるメリットがあります。サイト運営者にとってはSEOの操作が反映されにくくなるかもしれません。そもそもパーソナライズした結果は全体の検索結果に反映されるのか、という点も気になります。

参考記事

フォント名で検索するとSWFがざっくざく

Yasu — Wed, 03 Dec 2008 17:12:17 +0000

久々に軽いネタを。

Flash IDEのフォントパネルに表示されるフォント名でGoogle検索してみると、そのフォントを使用しているFlashコンテンツが検索されます。

静止フォントはSWF内部でHTMLテキストとして保存されているのでしょうか。fontタグのface属性のパラメーターとして検索にひっかかります。

ちなみに、OS付属のフォントについて注意しなければならないのはライセンス。

マイクロソフトの著作物の使用について：フォント

こういう検索で明らかになってしまうので、商用利用が認められていないフォント（例：某○○ゴシック）をFlashに埋め込みして利用しているコンテンツは要注意かもしれません。以下の記事によるとAdobeやAppleのフォントの扱いは良心的ですので心配はいらないようです。

Web制作者から見たブラウザGoogle Chrome

Yasu — Tue, 02 Sep 2008 22:32:45 +0000

Googleから登場したオープンソースのブラウザGoogle Chrome(グーグルクローム)を試してみました。一見シンプルなブラウザに見えるGoogle Chrome。Firebugに似た開発用機能やJSベンチマークなどレポートしてみたいと思います。

ブラウザGoogle Chrome(グーグルクローム)

一見、メニューバーもステータスバーもなくInternet Exploreのようにすっきりとしたシンプルなデザイン。設定でブックマークバーを表示すること可能。ホーム画面では「よくアクセスするページ」が表示されますが、OperaのSpeed Dialのようです。

Googleらしい検索窓

検索窓はアドレスバーと同じ場所を使っており、Googleが自動的にアドレスを補完したり、関連検索一覧を表示したりします。ちなみに検索エンジンをYahoo!など別サービスを設定することができ、Yahoo!でも同様に自動補完がされました。

Flash PlayerはActiveXではなくPlugin版を使用

Windows版のブラウザではFlash Playerは基本的に2種類あり、IE用のActiveX版、FirefoxやSafariなどのPlugin版があります。Google Chromeでは当然後者のPlugin版で動作しました。

開発者向けの機能：ソースコード表示

ソースコードはシンタックスハイライトされます。どのブラウザでもシンタックスハイライトさえるので、これも当然といえば当然の実装です。

開発者向けの機能：Firebugのような要素表示も可能

画面内で右クリック＞要素を検証でインスペクターを表示。要素を書き換える事でリアルタイムにウェブページを編集することができます。

開発者向けの機能：Firebugのようなネットワークタイムライン

ページ内で使用されているHTML、画像、JSなどが時間系列で表示。同じレンダリングエンジンWebKitを搭載しているSafariの開発者向けUIと同じもののようです。

ブラウザ用のタスクマネージャー

これが他のブラウザにない特殊な機能。タブごとにメモリやCPUの動作確認をすることができます。プラグインも別にCPU使用率が表示されるので、Flashがどれだけのパフィーマンス負荷をかけているか確認することができます。

ディフォルトでGoogle Gearsもインストール済み

同じグーグルの機能であるGoogle Gearsは初期で搭載されてました。バージョンは0.4.17.0。

JavaScriptのベンチマークテスト

SunSpider JavaScript BenchmarkでJSのベンチマークテストを行ってみました。Google Chromeは初期状態というのもあると思いますが、Firefoxよりも高速です。

Google Chrome 0.2 – Total:2628.2ms +/- 3.2%
Firefox 3.0 – Total:4319.8ms +/- 2.1%
IE7 – Total:33670.2ms +/- 1.3%

ユーザーエージェント

Google Chormeのユーザーエージェントを診断くんで確認してみました。Web開発にお役立てください。

Mozilla/5.0 (Windows; U; Windows NT 6.0; en-US) AppleWebKit/525.13 (KHTML, like Gecko) Chrome/0.2.149.27 Safari/525.13

使ってみて

シンプルなインターフェースだけあって、動作がサクサクしています。おおよそSafariに似ているブラウザという印象でしょうか。

東京地下世界のストリートビュー gooが副都心線でやっていた

Yasu — Mon, 11 Aug 2008 13:54:31 +0000

完全にニュースを見落としていたのですが、なんと今年の6月にgooが開通したばかりの副都心線で、ストリートビュー的な360度パノラマムービー(VR)をやっていました。それも自動的に移動するので電車に乗っている雰囲気が体感できます。

「goo」で提供中の「東京メトロ副都心線特集」にて、地下鉄線路内を360度のパノラマムービーで閲覧可能なコンテンツを追加 – プレスリリース – gooヘルプ

Googleマップストリートビューのリリース時は注目を浴びているのに、gooのときは知りませんでしたが世間では有名なできごとだったのでしょうか。ともかく、グーグルには体験できない地下世界が見れるのでぜひ試してみては？

ストリートビューの関連記事

グーグルストリートビューの仕組みがわかるビデオ

Yasu — Mon, 11 Aug 2008 13:08:51 +0000

Google Mapストリートビューの仕組みがわかるビデオがありましたので紹介します。earthmineというGoogle Map ストリートビューとは違うサービスですが、基本的に同じ撮影方法で作られていると思います。

車の上にカメラを載せて走っていますが、あのカメラの価格が気になります。ちなみに、もっと詳しい分析もまとめてますので、こちらの記事もどうぞ！

Google Mapストリートビューの関連記事

ストリートビューのVR技術で作られた5つの感動的パノラマサイト

Yasu — Thu, 07 Aug 2008 16:08:10 +0000

昨日の記事で投稿したGoogle ストリートビューですが、巷で話題になっています。Googleストリートビューの仕組みとして採用されている、360度パノラマが体験できる技術をVR(Virtual Reality)といいます。Googleの車上カメラは画像が荒いですが、地道に撮影したVR画像はもっとキレイでうっとりします。そういった感動的なVRサイトを5つ紹介します。

↑三州展覧絵図北陸発フルスクリーン QTVR パノラマギャラリー
HDRというCGのような写真が撮影できる技術を併用してパノラマを作成しています。

↑パノラマ風景-ぐるぐる写真
都内のパノラマが沢山掲載されています。普段見かける景色もVRになると楽しいです。

↑VRMag
海外のVRサイト。超良質なVRパノラマが掲載されています。

↑World Wide Panorama
これも海外のサイト。パノラマ写真家が撮影したVRパノラマを多数掲載されています。

↑QuickTimeVR -Tokyo VR Project-
都内をVRパノラマで再現しようとしている、Googleストリートビューが行った4年も前に実現されていた先見性のあるサイト。

Googleストリートビューの関連記事

Googleストリートビューの実現方法を調べてみる | ClockMaker Blog

Googleストリートビューの実現方法を調べてみる

Yasu — Wed, 06 Aug 2008 17:29:04 +0000

Google マップストリートビューですが、どういった仕組みで作られているか興味を持っている人は多いと思います。私もWeb開発者のはしくれ。少しは想像がつくのでまとめてみました。Firebugを使った調査結果も掲載しています。

▼ Google ストリートビュー

ストリートビュー(360度VR)の撮影方法
昔からQuickTime VRという360度パノラマを実現する技術がありましたが、基本はこれと同じ技術が使われています。通常はカメラを専用のマウントに載せて広角レンズで撮影し、画像加工でつなげて作成します。How to make a QuickTimeVR movieに詳しい作成方法が掲載されてますので興味のある方はご覧ください。私も学生時代のときに作りましたが、無料のソフトウェアを駆使して個人レベルでも作ることができます。

ただしその方法では効率が悪いので、私は次のようなカメラを車に載せて撮影したのではないかと思っています。右の写真を見てのとおり、いかにも360°撮影できそうなカメラが存在します。CornFlexのブログによると、このカメラを使って動画レベルのVRも作成できるみたいです。

撮影は車上から撮影

こちらの記事によると、実際カメラを積んだ車を春頃から走らせていたそうです。Google Mapの車道からのみ撮影されてますし、車から撮影したのは簡単に想像がつきますが、実際にそれを目撃した人もいたんですね。撮影車を写し取ったブログ記事がありましたので、目撃情報をまとめてみました。

WebサイトはFlashで掲載

これを一番主張したかったのですが、QuickTimeでのエンベッドだと思ったら、右クリックするとFlashダイアログが表示されます。そう、VR画像の部分はFlash Playerによって実装されているのです。ちなみにPapervision3D(ペーパービジョン3D、略称 PV3D)というFlashの3Dエンジンを使うことによってVR表現ができます。参考に有名なFlashのVRデモをあげておきます。もちろんGoogleのことですから、PV3Dに頼らずに自力で動作エンジンを作った可能性もありますが(笑) PV3Dは当ブログでもいくつか記事を掲載しているので興味のある方はぜひご覧ください。

Firebugを使って解析してみる

ここはFirebugを使ったハッカーライクなこともやってみました。このストリートビューが動作するのに必要なファイルをピックアップしてみました。

Flashエンジン (クリックしても動作しません) 56KB
XMLデータ (テキストデータ)
3D画像(サムネイル)
タイル画像(これらを複数組み合わせて作れているみたい)

こういうVR化計画は昔からあった

Googleがアメリカでやる前に、日本でもmixiにそのようなコミュニティーがありました。Tokyo VR Project!というコミュニティーで、私は3年前からこっそり参加していました。私も当時、Google MapとマッシュアップしたVR地図を作れば面白いサービスになると構想を膨らませていて、勤めている会社の企画コンテストで発表するを計画していたのですが、その矢先に海外でGoogle Street Viewの発表があったのです。今こんなに注目されているのを見ると、いまさらですが悔しいですね！