#daiizメモ

Scrapboxに夢中

chrome

Retinaディスプレイでのchrome.tabs.captureVisibleTab

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

Chrome拡張機能でカッコいいポップアップウィンドウを開く

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

Windows、Mac、LinuxでChromeアプリが廃止される! 開発者はどうすればよいか?

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

legacy packaged apps ってなんだ

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

SVG Screenshot のウェブアプリを公開しました

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

GitHubの芝生をかぼちゃ色に染めるChrome拡張機能をつくった

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

開発中のchromeアプリを素早く起動しよう!

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

Chromeアプリ内部で、Twitterの短縮URLから元のURLを得る方法

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

ChromeアプリからTwitter search APIを呼ぶ方法

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

シンプルなメモ帳を目指したChromeアプリ「draftnote」をリリースしました

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

自分がミイルに投稿した写真をリストアップするChromeアプリを作りました

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

Googleの新アプリ「Inbox」をパソコンで使う

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

Chrome Dev Editorで、開発版のChromeアプリを実行する方法

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

aタグでファイルをdownloadする

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

徹夜時間を記録しよう!

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

chrome の console が凄すぎる

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

Hello, chromium OS!

chromium OS の写真集です

USBにchromiumOSを入れて、windowsで起動するまで

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

windows8 で chrome を chromebook のように使う

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

griddlesJS:: cordova chrome app に対応しました

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

悲しみ

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

Chrome app なのか Chome browser なのか調べる方法

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

chrome拡張機能のpopup画面を閉じる方法

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

Android で Chrome Apps を起動させた!!

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

デスクトップにウェブアプリのショートカットをつくる

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