Chromeウェブブラウザが登場した当時から、開発者は拡張機能（Extensions）を作ってウェブブラウザの機能を追加することができました。歴史が古いChrome拡張機能ですが、現在はManifest Version 3（MV3）が最新の環境です。MV3は、セキュリティ、プライバシー、そしてパフォーマンスといった面で従来よりも進化したバージョンとして登場しました。従来からある拡張機能はこのMV3へのマイグレーションが求められ、そしてこれから新規に開発する拡張機能についても、もちろんMV3をター…
4年近く前の2012年に[僕が考えたChrome拡張機能を作るときのデザインパターン](https://www.eisbahn.jp/yoichiro/2012/11/chromeextensionbasicstructure.html)というエントリを書きました。最近参加したイベントで「よういちろうさんの拡張機能の記事見て作ってみました〜」と声をかけてくれた人がいて嬉しかったのですが、2012年のそのエントリは、すでに内容が古くなってしまっています。最近の状況を踏まえて、内容を新しくした「20…
最近Chromebookを買いました。Dell Chromebook 11 です。ちゃちい作りかと思ってたのですが、かなりしっかりした作りで、かなり気に入りました。ただし、macbook airを持ってるので、もちろん普段はChromebookを使う機会は少ないです。ただし、僕にはどうしても作ってみたいものがあり、その動作検証のため、そして僕が作ったものによって、僕がChromebookを利用する機会が増えるように、と購入を決意しています。 その作りたいものとは何か、それはFile Syste…
今日の夜、SixApart社主催の「 [MT Hackathon @ Six Apart New Office 〜Data API で Chromeアプリを作ろう〜](http://www.movabletype.jp/blog/mthackathonforchrome.html)」に向けた勉強会が開かれました。そこで僕はChromeアプリ＆拡張機能でできることや作り方についての発表をしてきました。 Chromeアプリ/拡張機能の入門に関する資料は、あるようであまりないので、ぜひ上記を参考…
一部で話題になっていたGithubにある「 [MobileChromeApps / mobile-chrome-apps](https://github.com/MobileChromeApps/mobile-chrome-apps)」ですが、先日遂に [正式にGoogleからアナウンスがありました](http://blog.chromium.org/2014/01/run-chrome-apps-on-mobile-using-apache.html)。デスクトップPC向けに開発されたChro…
Chromeのstable 29から、OAuth2を拡張機能内で扱うためのAPIが搭載されました。APIリファレンスを和訳してみましたので、興味のある方は参考にしてください。 [Original: http://developer.chrome.com/extensions/identity.html](http://developer.chrome.com/extensions/identity.html) chrome.identity 説明: OAuth2アクセストークンの取得のた…
既に「Chrome Packaged Apps」として開発者に知られていましたが、遂にGoogleはそれを「Chrome Apps（Chromeアプリ）」という名前で正式公開しました。今まではPackagedアプリを作ってChromeウェブストアに公開しても、検索にヒットせず、カテゴライズもされていませんでした（URLを直接知らないと見つけられなかった）。現在は、Windows向けのChromeウェブストアで「PC向け」としてPackagedアプリがいくつか公開されています。  これはCPUに関…
Chromeを担当しているGoogle Developers Expert達と、Chromeに関する書籍を執筆しました。7月5日に発売予定です。 [](http://www.amazon.co.jp/dp/4844334220/ref=aslisstil?tag=eclipseplugin-22&camp=1027&creative=7407&linkCod…
「操作はしていないけれど、画面を表示しっぱなしにしておきたい」という場面があります。例えば、プレゼンテーションの真っ最中とか、電子書籍を読んでいる時などです。そのような種類のアプリや拡張機能をChrome向けに作った際に、 [chrome.power](https://developer.chrome.com/extensions/power.html) APIを使うことで、一時的に省電力に入ることを抑制することが可能です。 Chrome 27から、アプリと拡張機能の両方でchrome.pow…
ちょっと前に僕がリリースしている拡張機能をバージョンアップしようとして、Chromeデベロッパーダッシュボードを開きました。そこには見慣れないリンク「詳細」がありました。  押してみると、アイテムIDや公開鍵が表示されました。 のリファレンスを和訳してみました。Chrome Canaryでは実際に試すことができます。Download APIは、ファイルダウンロードをプログラムから制御可能にするAPIであり、chrome://downloads/ ページ相当の機能をプログラムで実現可能というも…
Chrome拡張機能を久々にバージョンアップしようとして、Chromeデベロッパーダッシュボードに行ってみると、何やら新しい機能を発見！それは、 「段階的に新しいバージョンの利用ユーザを増やしていける機能」 です。Chrome拡張機能のzipファイルをアップロードすると、以下のようなUIが出てくるようになりました。  つまり、ここで入力…
ちょうど昨年の今日に、 [Image collector extension](https://chrome.google.com/webstore/detail/image-collector-extension/fhffefhdkeibnkdldinbncimlojchnie)をリリースしました。画像の一括ダウンロードという機能が欲しくて自分用に作った拡張機能でしたが、おかげさまで今日Developer Dashboardを見たら、1週間のユーザ数が2万人を超えることができました。 ![]…
[時代はそろそろ「オフラインファースト」になる模様](http://www.publickey1.jp/blog/13/2014web.html)ですが、そのためにはブラウザが情報をオフラインで扱うことを可能にする機能が充実してくれないといけません。いろんなAPIを組み合わせて駆使していけば、現状でもできないことはないです。しかし、もちろん僕らは手軽にオフライン対応Webアプリを作りたいですよね？同期処理や競合など、自分で面倒見たくは誰しもないはずです。 SyncFileSystem APIは…
[Image Collector extension](https://chrome.google.com/webstore/detail/image-collector-extension/fhffefhdkeibnkdldinbncimlojchnie)、2月10日にやらかしてしまった結果、多くのユーザが休眠状態になってしまいました。何をしてしまったかは、「 [Chrome拡張機能でパーミッションを追加して再リリースすると何が起きるのか](http://www.eisbahn.jp/yoic…
開発者は常に新しい価値をユーザに提供したいと考えています。自分の技術的興味が、結果としてユーザを幸せにすることを切に願っています。新しい機能を提供するということは、時にユーザの持ち物をプログラムから更にアクセスできるようにならないと実現しません。勝手に持ち物に触ることは、現実世界ではやってはいけないことですし、もちろんChromeの中においても同じです。ユーザに許可を得て初めて、プログラムはユーザの持ち物に触れる権利を得られるのです。 全てのユーザが「うん、いいよ」と言ってくれれば話は楽です。…
ちょっと前に「 [Event pageを複数回取ろうとしたときの罠](http://www.eisbahn.jp/yoichiro/2013/02/event-page-retrieve-multi-time.html)」というエントリをしました。これは、以下のようなコードを実行した時に、Event pageのwindowオブジェクトを最初の1回しか取得できない、っていう現象を報告したものでした。 厳密に言うと「Event pageの生成が完了しないうちにgetBackgroundPage…
自分が作って公開しているChrome拡張機能をEvent page対応したことは [前のエントリ](http://www.eisbahn.jp/yoichiro/2013/02/chrome-extension-event-page.html)で紹介しました。一般的にはそのエントリの内容で十分であり、Chrome拡張機能の動作自体は問題なかったのですが、思わぬところで落とし穴が一つありました。 それは、Ajax通信によるバックエンドサーバとの通信料の増加、でした。 Image Collect…
【追記: 2013/02/08】以下の挙動はChromeのバグっぽいので、 [バグレポートを提出](https://code.google.com/p/chromium/issues/detail?id=175116)しています。 Chrome拡張機能を作っていて、最近はまったことをここで紹介したいと思います。それは、「複数回Event pageを取得しようとしたときの挙動」についてです。常駐しないエコタイプのBackground pageである「Event page」ですが、これをポップアッ…
いくつかChrome拡張機能を作ってChromeウェブストアに公開しているのですが、それを最初に公開したときはmanifest.jsonファイルのバージョンがまだ最初の頃でした。現在ではバージョン2が主流であり、そろそろ古いバージョンの拡張機能は撲滅される予定になっています。そのため、開発者はそろそろ急いで新しいバージョンに変更すべく、せっせと移行作業を進めなければなりません。これは何もGoogleの開発者いじめではなく、ちゃんとした理由があります。その理由は、どれも開発者およびユーザへのメリッ…
昨日、 [Image Collector extension](https://chrome.google.com/webstore/detail/image-collector-extension/fhffefhdkeibnkdldinbncimlojchnie)の新しいバージョンをリリースしました。そのバージョンは、”スライドショーモード”という名前の新しい機能をサポートしています。きっとその機能は、ネットサーフィンをより楽しくしてくれると思っています。 この拡張機能のボタンをクリックして…
昨日1月24日の夜に、 [Chrome+HTML5 Developers Live Japan 1](https://plus.google.com/u/0/events/c69j2rgemti2cqm8vh11sgnu37k)でChrome extensionの話をしてきました。その時の模様は以下で見れます。7分過ぎくらいから音量が大きくなりますので、それまではVolume MAXでお願いします。 使ったスライドは以下です。 内容としては、ちょっと前に書いた「 [僕が考えたChro…
Chrome拡張機能として提供しているImage Collector extensionの中で、今までWebKitBlobBuilderを使っていました。使ってた箇所は、画像を一気にダウンロードするコマンドが列挙されたスクリプトファイルを作る箇所。以下のようにしてました。 そして今日、上記のコードが使えないことに気がつきました。追ってみると、なんと「WebKitBlobBuilderがない！」ではありませんか。 これ、昨年の夏前にはすでにアナウンスされていたことだったりします。 [DO…
めでたい。実はサーバの運用に結構苦労してました。今はロジックの変更をして負荷軽減できてます。  今年5月の公開から今までの利用ユーザ数のグラフがこれ。順調に増えてます。  [Image Collector extension](http…
最近いくつかのChrome拡張機能を作っていて、すでに数千人のユーザを獲得できているものが出てきてたりします。 [Image collector extension](https://chrome.google.com/webstore/detail/image-collector-extension/fhffefhdkeibnkdldinbncimlojchnie) [goo.gl URL Shortener extension](https://chrome.google.com/w…
[週アスのWebサイト](http://weekly.ascii.jp/elem/000/000/110/110233/)を見て初めって知ったのですが、 [Image Collector extension](https://chrome.google.com/webstore/detail/image-collector-extension/fhffefhdkeibnkdldinbncimlojchnie)が週刊アスキー10月16日号の記事の中で取り上げられていました。 の週間ユーザ数が1万人を突破しました！  この拡張機能は今年の5月6日から公開していて、半年で僕の目標…
goo.glサービスを手軽に使うための「goo.gl URL Shortener extension」ですが、Chrome 19からWeb Intentsが普通に使えるようになったので、さっそく組み込んでみました。  [goo.gl URL Shortener extension](https://chrome.google.com/webstore/detail/pjngg…
Webページ内の画像をいかに一気に自分のPCに保存するかを考えて開発を始めたChrome Webブラウザ向け拡張機能「Image Collector extension」ですが、昨夜にバージョン2.0.1をリリースしました。  このバージョンにおいて、大きな機能追加を行いました。それは「Dropboxへの画像の登録」をできるようにしたことです。スクリプトファイルを自分で…
あともうちょっとで3000だ！と思ってたら、すでに3200ユーザを突破していました。 [](http://goo.gl/nqJI1) Chromeを使っている方は、ぜひご利用してみてください！…
久々のリリースです。 [Google URL Shortener extension](http://goo.gl/tkRbR)に、Facebookへ共有する機能を追加しました。  TwitterじゃなくFacebookをメインに使っている方は便利な機能でしょう。お試しあれ！…
[Google URL Shortener extension](http://goo.gl/tKuS3)を利用してくれているユーザの数は、毎週増加しています。  もしまだこの拡張機能を使っていない場合は、すぐにお試しください。また、もしご利用されている方は、ぜひ「こんな機能が欲しい」といったご意見を気軽に教えてください。…
Chrome Webブラウザ向けに作った" [mixi Check button extension](http://goo.gl/t8jPa)"ですが、好きな画像をポップアップウィンドウの背景にセットできるようにしました。 森な気分であれば、こんな風に。  海な気分であれば、こんな感じに。 ![](http://www.eisbahn.jp/yoichiro/images/…
11月に公開した" [goo.gl URL Shortener extension](http://goo.gl/3SofB)"は、既に以下の言語向けに国際化を完了しています。機能拡張するたびにGoogle翻訳で各言語のメッセージリソースを作りだすのは手間なのですが、少しでも多くの人に使ってもらうためには、安いコストです。 英語 日本語 フランス語 中国語 ポルトガル語 国際化の効果について、皆さん知りたいと思いませんか？この拡張機能では、Google Analyticsで…
My extension "goo.gl URL Shortener extension" helps you to create tiny URL with Google URL Shortener service and to share it for a social media you're using. From its version 1.16.1, the extension has been supporting Read It Later service. For instan…