「Chrome」タグアーカイブ

PDFで作られたブロック崩し

pdfファイルといえば様々な環境でなるべく同じに見えるようにレイアウトを固定した文書を配る時のフォーマットだと思いますが、そのpdf形式で作られたブロック崩しゲームが公開されました。

breakout.pdf
(Chromeブラウザでのみ動作)

画面下の青い部分でマウスを動かすと、自機を左右に動かすことができます。

pdf-breakout

Omar Rizwanさんによるソースコードおよび解説によると、PDFは仕様上はFlashやら音声やら動画やらJavaScriptやら、いろんなものを内蔵できるようになっているのだそうです。

ただ、ほとんどのPDFビューワーでは、そういった本流でない部分の仕様は実装していません。しかし、Chromeブラウザ内蔵のpdfビューワーでは、pdfがサポートしているJavaScriptの仕様のうちのいくつかが実装されているそうです。pdfからJavaScriptを呼び出せるというブログを見たRizwanさんは、使えるAPIだけを使って、ブロック崩しゲームを実装してしまった、というわけです。

このChrome pdfビューワの実装においても、データベースに接続するとか、接続されたモニターを検出するとか、外部リソースにアクセスするとか、そういったほとんどの機能は「サポートしない」となっていて、pdfの内部で計算をすることはできても、外部とのやりとりをする手段の多くは使えないのだとか。

この限定されたAPIから、テキストの背景色を動的に変えることはできないけれど、その枠の大きさと枠のスタイルは変えられる、ということで、ブロックの表示・非表示を制御したそうです。

また、マウスの正確な位置を検出する手段はないけれど、PDF作成時に配置したフィールドへのマウスカーソルの出入りは検出できるということで、これを使ってマウスの場所を取得しているそうです。

フィールドも後で追加することはできず、PDFに最初から持たせておく必要があるそうで、自機、ブロック、ボール、得点、残機のそれぞれを、大量のフィールドとしてPDF上に配置するスクリプトを書き、それでゲーム画面のPDFを生成させているということ。

Chromeブラウザ上のpdfビューワは、もともとGoogleがFoxitから買い取ったpdfビューワーを基にしたものらしいということで、Foxitの時代にその顧客がこの小さなJavaScriptセットを使っていたのではないか、とRizwanさんは推測しています。

via TheNextWeb

Chromeブラウザのタブにアートを表示するGoogle公式の拡張 Google Art Project

グーグル社が世界の文化団体と協力して進めているGoogle Cultural Instituteの、アートのデジタル公開プロジェクトArt ProjectがリリースしたChromeブラウザ拡張は、Chromeブラウザで新しいタブを開く際に、ランダムなアートを表示するというもの

google-art-project-extension

新しいタブを開くと、ページいっぱいに絵画が表示されます。拡張機能の設定で、開くたびに別のアートにするか、一日の間同じアートが表示されるようにするかを選択できます。

google-art-project-extension-tabs

他の絵画が見たければ左下の丸い矢印で切り替え。右下のアイコンをクリックすると良くアクセスするサイトの一覧が出てきます。

google-art-project-extension-image

拡張機能の設定で、デフォルトの新規タブ画面やアプリ一覧へのボタンを表示させることもできます。

新規タブを開いてもアドレスバーで検索するだけ、という人は、タブにキレイな画像が表示されてもそれほど邪魔でもなく、いい気分転換になるかもしれません。Google社は以前にも、Googleマップからの美しい地形をランダムに表示するChrome拡張機能Earth View from Google Mapsをリリースしています。

via Venture Veat

Chromeブラウザはどれだ? ホーム画面を使った挑戦

友人にパソコンを直してもらったら、直したついでにホーム画面にイタズラされた、という話。

大量にChromeブラウザのアイコンがありますが、この中の一つだけが本当にChromeブラウザで、あとはクリックするとInternet Explorerが開くんだそうです。

via A friend returns a fixed computer with a terrifying challenge on the desktop background. | Chrome Game | Happy Place

ネイティブ広告/記事広告を検知して強調表示するブラウザ拡張AdDetector

「ネイティブ広告」というキーワードがネット広告関連の新しい流行語になりつつあるようです。

ネイティブ広告とは

ネイティブ広告は、本来の記事がある部分が記事の形式を取った広告となっている、というものです。従来のバナー広告など、記事本体部分とは別の場所に表示されたあきらかに広告とわかる広告と違い、記事として読まれることを狙った広告、ですね。

もともと「記事広告」という名前で新聞や週刊誌などでもずっと存在していたものと同じようにも思えるのですが、「ネイティブ広告は一方的な視点でなく公平に掛かれた記事で、内容の面白さや有用さを武器にソーシャルメディア等でバズらせるという点で(面白くない宣伝を記事のフリをして読ませるだけの)記事広告とは別のものだ」などという風にいう人たちもいるようです。たしかに「これがネイティブ広告だ!」みたいな成功事例ではそのような素晴らしいコンテンツもあるようですが。

ただし、コンテンツ的に素晴らしくても、広告であることを隠すことは良くないこととされていて、ネイティブ広告でもページのどこかには、それが広告だという何らかのしるしが入っていることが多いです。特にアメリカではこのあたり厳しいので。

ニューヨークタイムズのネイティブ広告は、ネイティブ広告の最近の大成功例として紹介されます。また、新興バイラルメディアの雄BuzzFeed などもネイティブ広告を使っています。

広告であることを隠そうとするメディア

しかし、本来記事を書く部分を広告として売っているメディア側は、どうも広告だということを大々的に示すのは好きではないようで、このようなネイティブ広告・記事広告でも、目立たない箇所に小さくスポンサー名を入れたり、カテゴリー名などほとんどの人が読まないところに「PR」と入れたり、最低限の表示だけして、読者に広告だとわからせないようにしているところが多いようです。お金を出している広告主もそういう隠す意向があるのかもしれません。

読者から見たら、スポンサーからお金を貰って書いているなら、そうだと知りたいところですよね。「記事で褒めているから買ったけど、あとで記事は広告だったと知った」、なんていう体験をするのは、多くの人にとって面白くはないのでは。

ブラウザ拡張で広告なら強調表示

そこで登場したAdDetectorは、ChromeブラウザおよびFirefoxブラウザ用の拡張機能で、大手メディアのネイティブ広告の告知部分をプログラムで検知して、ページの最上部に大きく「これはスポンサー○○の広告ですよ」と表示してくれるというツールです。

ad-detector-screenshot-annotated

この拡張が入っていれば、漫然といろいろな記事を読んでいる間に、実は広告な記事が開かれても、すぐに気付くことができるというわけです。

AdDetector はオープンソースとしてGitHub上で公開されており、今は対応されていないメディアについての検知スクリプトを書いて取り込みのリクエストをすることも可能です。Forbesやハフィントンポストなどの超大手メディアも対応しているようで、すでに世の中にネイティブ広告や記事広告がかなり多く存在していることがわかります。

日本のネットメディアは、新聞や雑誌ほど「広告だということを示さなければならない」というルールがきっちりと決まっていないため、すみっこに小さく「PR」や「広告」と書いてあるだけでも、まだましな方という話もあります。このようなツールが普及したら、広告であることがわからないように記事広告を載せるメディアも増えたりして逆効果かもしれないので、上から決まるのでも業界の自主規制でもいいから、広告は広告と書く、というルールがきちんと決まるといいですね。

フェイスブックの使い過ぎをブロックしてくれるChrome拡張Facebook Nanny

Facebook Nannyは、ナニー(子守)の名前が示すように、あなたのフェイスブックの利用度合いを見張って、フェイスブックにはまり過ぎないように見張ってくれるというChromeのブラウザ拡張です。

この拡張をインストールしたChromeブラウザでは、

  1. フェイスブックを開いた時、届いている通知1件につき1分間が与えられます。通知が無ければ15秒
  2. 上記の時間が過ぎたら、他の通知が来るまでフェイスブックはブロックされます。
  3. メッセージ・プロフィールにはアクセスできるので、新たにメッセージを送ったり、新規に近況を書いたりはできます。

要は、目的がはっきりしている作業はできるけれども、自分に充てたわけでもないタイムラインをなんとなく眺める、という作業はできなくなるということですね。

時間が経つとこのように、「Akky、仕事しないといけないんじゃないの?」というメッセージが出てブロックされます。

仕事に集中するためのよくある対策として、hostsファイルを書き換えて特定のドメインをブロック、というのがありますが、この拡張であれば、仕事の連絡とか自分宛の呼びかけにはちゃんと対処できますし、1つの要件を1分で済ませなきゃ、ということで集中力も上がったりするかもしれません。

# 他のブラウザを使ってでもFacebookにアクセスしちゃえば、効果ないですが。

自分を律することができればこんなもの要らない、という厳しい意見もあるでしょうけど、いろいろな機能があるwebサービスで、必要性や重要度の高い機能だけアクセスできるようにする仕組み、というのは、ものによってはサービス自体が搭載していてもいいのかもしれないな、などと思いました。

フェイスブックやツイッターでの政治的なコメントを全部ネコ画像に置き換えるChromeブラウザ拡張Unpolitic.me

Facebookに流れてくる赤ちゃん画像を全部ネコ画像に差し替えるChrome拡張 Unbaby.me の作者が今回作ったのは、赤ん坊ではなく政治に関するコメントを見えなくするChrome拡張 Unpolitic.me

この拡張を入れた状態でFacebookを閲覧し、そこに政治関連のキーワードがあると、こんな風に猫の画像が表示されます。

前回の赤ちゃんブロックと同じアイデアではありますが。アメリカの大統領選が間近なので、さぞかしアメリカ人のFacebookやTwitterでは、やれオバマがとかロムニーがというコメントが飛び交っているんでしょうね。

ツイッター上ではこんな風になります。つぶやき元のユーザー名が”Politics Blocked”(政治はブロック)という名前になり、「代わりに動物の写真でも見ようよ」とリンク。

ブロックされた元の政治的なツイートをチェックしたければ、 @undo をクリックすると、元のツイートが表示されます。

Chrome拡張のオプション画面で、どういうキーワードを「政治的」とみなすかがカスタマイズできます。日本語でも動いたので、日本語のそういう単語を登録しておけば、全部ネコ画像に置き換わって表示されるでしょう。

もちろん、ネコじゃなくて犬がいい人は、犬の画像が出てくるRSSフィードを登録することで、差し替える画像を犬にできます。

つまり、「政治をネコに」と言っていますが、好きなキーワードをブロックし、好きな画像で差し替えられる汎用的なブラウザ拡張でもあるということです。

このChrome拡張、既に1万人以上がインストールしています。ソーシャルメディアで選挙や支持政党の話は見たくない、という人や、友達ではあるけど「この話題は聞きたくないなあ」という友人がいる方は試してみてはどうでしょうか。

via Google Chrome Extension Blocks Your Idiot Friends' Political Rants From Your Facebook And Twitter Feed | Geekologie