MacBookのRetinaディスプレイなどの高解像度ディスプレイを使用していると，Chrome拡張機能のAPI chrome.tabs.captureVisibleTabで撮影されるタブのスクリーンショットの画像が縦横N倍のサイズになるらしい．Nの値はJavaScriptでwindow.devicePixelRatioの値…

ブラウザでポップアップ画面を開くには window.open('https://www.google.co.jp', '', 'location=no, width=400, height=300'); と書く．引数は左から順に，開くページのURL, ウィンドウ名, オプション文字列となっている．第3引数を見ると分かるように，ア…

驚いた どういうことか Chrome OS以外のOSでは，Chromeアプリ（Chrome Packaged Apps と Chrome Hosted Apps）が2018年までに廃止されるそうです． jp.techcrunch.com Chromeアプリとは，Chromeのブックマークバーの左隅にある をクリックして開いた先のペー…

Chrome アプリ開発メモ 拡張機能のページでプロジェクトを読み込んだときにこんなメッセージが出た． 'hoge' is only allowed for extensions and legacy packaged apps, but this is a packaged app. 'hoge'というのは使おうとしていたChrome Apps APIのこ…

SVG形式でウェブページのスクリーンショットを撮るChrome拡張機能「SVG Screenshot」をより便利に使うためのウェブアプリを Google App Engine で公開しました．SVG Screenshotのコンセプトについては以下の記事をご覧ください． この記事では ウェブアプリ…

昨日のGitHubのHalloween仕様のContributionsが気に入ったので、好きなときに、昨日のGitHubと全く同じ系統の暖色に変更できるChrome拡張機能を作りました。（CSSを書いただけですが...） GitHubに置いてありますので、ダウンロードして、Chromeの「パッケー…

開発中のChromeアプリのmanifest.jsonが置いてあるディレクトリをChromeブラウザに読み込ませてあげると、実際にアプリを起動してデバッグすることができます。 基本手順としては、公式チュートリアル（Create Your First App - Google Chrome）の Step 5 に…

ツイッターにURLを投稿すると、自動で「t.co」で始まる短縮URLに置換されます。そして、この短縮URLがクリックされると、自動で見事に置換前のURLのウェブページが開きます。 置換後の短縮URLが与えられたとき、置換前のURLを知るにはどうしたらよいでしょう…

ウェブページとChromeアプリでのTwitter search APIの呼び出し方を比較してみたいと思います。記事の最後に、Chromeアプリ用のソースコードのフルバージョンサンプルを添付しました。

メモ帳アプリを極限までシンプルにした「draftnote」をChromeウェブストアとGitHubで公開しました。

「食のSNS 『miil 』」の愛用者（僕を含む）向けのChromeアプリを作成しました。 このアプリでは、自分が miil に投稿した写真の一覧を表示することができます。

Gmailのユーザーデータ（メールなど）をベースとして、Gmailの機能を大幅にパワーアップさせた感じの新アプリ『Inbox』を使い始めました。パソコンから使用する場合はChromeが便利です。

Chrome Dev Editorを使うと、開発版のChromeアプリ（ストアに公開されていないChromeアプリ）をとても簡単に実行することができます。手順をご紹介します。

chromeではaタグのdownload属性を用いてファイルをダウンロードさせることができるようです。これをより簡単に扱うために、Web Component「a-download」をつくりました。

徹夜して頑張った時間を記録してみませんか？chrome拡張機能「徹夜の記録」のご紹介です。

chromeでconsoleをもっと便利に使うためのTipsをまとめました。

chromium OS の写真集です

USBにchromiumOSを入れて、Windows vista が入っているデスクトップPCで起動するまでの手順を説明しています。

Windows8でもChromebookライクな体験ができます！

カードUIを綺麗に実現するJavaScriptテンプレート「griddlesJS」の最新版をリリースしました。デスクトップやモバイル向けのchrome アプリのUIとしても利用しやすくなりました。

最新版のccaでRun Chrome Apps on Mobile Using Apache Cordova したらAndroidでの起動エラーが発生したお話です

JavaScriptを書いていると、アプリの挙動やデザインの調整のためにユーザーが実行中の端末やブラウザの情報が知りたくなることが多々あります。 こんなときによく行われている方法の１つにwindow.navigator.userAgentを調べる方法があります。 この判定法だ…

chrome拡張機能のpopup上のボタンを押したときに、何らかのページ（hoge.html）を開いてから自身（popup.html）を閉じる方法を調てみた。 <button id="btn">hoge.htmlを開いてこの画面を閉じる</button> /* popup.js */ document.getElementById("btn").addEventListener("click", fun…

連休中、前々から気になっていた MobileChromeApps （cordova chrome app）に挑戦しました。上記リンク先のGitHub上の英語の説明を解読しながら環境を構築し、Hello worldすることを目標に頑張りました。 結果 できました！！！*1 環境構築を終えたあとにや…

PCのデスクトップにウェブアプリケーションのショートカットアイコンを作成する方法を紹介します。 今回は例として Googleカレンダーへのショートカットをつくってみます。 1. Google Chrome を開く 開き方は以下のような方法があります。 デスクトップの Ch…