グーグル、「Chrome」でプッシュ通知を可能に--「Google Cloud Messaging for Chrome」発表
Googleは、ブラウザベースのアプリケーションにもそうでないソフトウェアと同等の機能を持たせるため、「Chrome」で動作しているウェブアプリケーションにプログラマーがプッシュ通知できるようにした。 Googleは米国時間5月9日、「Google Chrome」および同ブラウザベースのOS「Google Chrome OS」でプッシュ通知機能を利用できるサービス「Google Cloud Messaging for Chrome」（GCM）の提供を開始した。Googleで製品マネージャーを務めるMark Scott氏は、同サービスをブログ投稿で発表した。 この技術により、株価のアラートやニュース記事など、ブラウザでのアクションを呼び出すメッセージをサーバが送信できるようなる。このサービスを利用すると、開発者のサーバがGoogleのGCMサーバにメッセージを送信し、GCMサーバはChrom
僕が考えたChrome拡張機能を作るときのデザインパターン
最近いくつかのChrome拡張機能を作っていて、すでに数千人のユーザを獲得できているものが出てきてたりします。 Image collector extension goo.gl URL Shortener extension mixi Check button extension Semantic inspector これだけ作ってると、何となく自分でのChrome拡張機能を作り出す際のデザインパターン・・・っていう大それたものじゃないけど、ようはテンプレが確立されてきます。全く褒められない書き方をしているかもしれませんが、ここでそのテンプレ達を晒しておこうかな、と思います。 manifest.json まずはChrome拡張機能の要であるマニフェストファイルです。これは誰が書いてもさほど変わらない記述内容となるでしょう。 { "manifest_version": 2, "name":
動きが重くなったGoogle Chromeを速くする「OneClick Cleaner」
動きが速く、なおかつ高機能なことが売りのGoogle Chromeですが、使っているうちに重くなってきてしまうのは、どのブラウザでも同じこと。どうしても使い勝手が悪く感じるようになってしまいます。 重くなる原因には、ブラウザやアプリのキャッシュやcookie、閲覧やダウンロードの履歴など、さまざまなものがあります。 今回は、このようにゴミが溜まっている状態を開放し、Chrome本来の動きを取り戻してくれる拡張機能をご紹介します。 組織のマインドマップツールをマインドマイスターにすべき理由 伸びてる産業、会社、事業を紹介しまくるStrainerのニュースレターに登録!! Chromeにたまったデータをワンクリックで削除できる拡張機能 「OneClick Cleaner for Chrome」は、Google Chromeのプロファイルに溜まっている不要なデータをワンクリックで削除することがで
Google Chrome をデバッグする (1) - NyaRuRuが地球にいたころ
Google Chrome のデイリーリリースバージョンは，炭鉱にて危険をいち早く察知するカナリアにたとえられ Canary 版と呼ばれている． (炭鉱で戦うものたちの熱い物語については『炭鉱の庭師』を参照されたい) Google Chrome Canary 版は以下のページからインストールできる． https://tools.google.com/dlpage/chromesxs Canary 版と安定版は，インストール先フォルダから使用するプロファイルまで異なる別アプリケーションである (Side-by-side インストールと呼ばれている)．両者を同時に起動することももちろん可能だ．また，Canary 版であっても Google Update の対象になることから，一度インストールしてしまえば後は自動で trunk を追いかけてくれる． 実は，Canary 版にはもうひとつ大きな特徴
Torrentクライアントいらず。Google ChromeでTorrentネットワークからダウンロード·OneClick MOONGIFT
OneClickはGoogle ChromeにTorrentのダウンロード機能を加えるGoogle Chrome機能拡張です。 日本ではP2Pに対するイメージの悪さからかなかなか普及しないTorrent。ダウンロード技術としてみると分散処理による速度向上は見逃せません。しかし専用クライアントを用意するのが面倒でした。そこで使ってみたいのがOneClick、Google Chrome機能拡張のTorrentダウンローダーです。 Google Chrome機能拡張がダウンロードできるようになっていますが、筆者が確認した時にはJSONのエラーでした。ソースからJSONを修正してインストールできます。 インストールします。 Torrentファイルをダウンロード後、一気に複数ファイルがダウンロード開始します。Torrentクライアントは不要です。 OneClickは普通にTorrentファイルをダウ
iOS版Chrome リリースに見るiOSプラットフォームの制約 - naoyaのはてなダイアリー
iOS版の Chrome がリリースされましたね。 アプリとしての使い勝手どうこうというところよりも、JavaScript エンジン周りをどうしているのかに興味があったのだけど、TechCrunch の記事 (http://techcrunch.com/2012/06/28/hands-on-with-googles-chrome-for-ios-just-like-chrome-for-android-only-slower/) を見る限り v8エンジンは搭載されていないし、当然 UIWebView での JIT コンパイラも有効にはなっていないように見えました。つまり、JavaScript の実効速度に関して言えば、Mobile Safari のそれを上回ることはない。(厳密に言えば、純粋な JavaScrpit の実効速度以外のところの実装が良くてトータルとして速い、というようなこと
ついにここまで。Google Chrome上で動作するターミナル/SSHクライアント·Secure Shell MOONGIFT
Secure ShellはNative Clientで開発された、Google Chrome上で動作するSSHクライアントです。 Web OSが発展したとしてもリモートアクセスがセキュアにできないと普及しづらいよなぁ…そう思っていた時期が私にもありました。しかしそれを克服してしまうソフトウェアがSecure Shellです。何とGoogle Chrome上でターミナル/SSHクライアントとして動作します。 最初の画面です。接続先を入力します。root@localhost:22といった具合です。 接続を開始しました。日本語も表示できています。 普通のSSHクライアントとして問題なく使えます。 Secure ShellはNative Clientで開発されています。つまりローカルで普通にアプリケーションとして動作できるものです。ついにこの手のソフトウェアまで出てきたか…そう実感させられるソフト
WEB開発者必携。任意ヘッダーやメソッドを指定して送信できるChromeアプリ「Dev HTTP Client」:phpspot開発日誌
WEB開発者必携。任意ヘッダーやメソッドを指定して送信できるChromeアプリ「Dev HTTP Client」 2012年05月01日- Chrome ウェブストア - Dev HTTP Client WEB開発者必携。任意ヘッダーやメソッドを指定して送信できるChromeアプリ「Dev HTTP Client」 サーバに対して、POSTやGET等のメソッドで、独自のクッキーやヘッダーなどを加えて手動で送信できるChromeのアプリです。 POSTで送信する場合ってフォームを用意しないといけないのが面倒ですが、それも手動で指定できるため、非常に便利。 その場で返却値がカラーリングされつつ整形されて見れるので、JSON等の値を見る場合には超便利です JSON返却値の例。カラーリングと整形がありがたい なくてもそこまで困らないかもしれませんが、エントリポイントをちゃんとチェックしたいっていう
これはすごい！ChromeがSSHクライアントになるエクステンション「Secure Shell」 - Chrome Life
最近では、クラウド環境を使って簡単にサーバーを構築することができるようになったので、開発者もターミナルを使う機会が増えてきたと思います。 筆者は、Macユーザーなのでターミナルアプリケーションとして「iTerm2」を使っていますが、Windowsの時は「PuTTY」を使っています。 運用でもターミナルからSSHで接続して、設定ファイルを編集したりログをチェックしたりCPU負荷を確認することもよくあります。 こういったSSHクライアントは自分の開発環境にインストールして使っていると思います。 しかし、デモやプレゼンをする際など、自分の開発環境以外からSSHでサーバーに接続したい場合、ターミナルアプリケーションがインストールされていないことがあります。 そこで、今回ご紹介するのが、ChromeがSSHクライアントになるエクステンション「Secure Shell」です。 「Secure Shel
フォーム自動入力(x-autocompletetype)の実験
※ご注意： ウイルスバスターがインストールされている環境だと、この記事は読めないようです (→参考画像) (x-autocompletetypeとは？) Webサイトのフォームにワンクリックで個人情報を自動入力してくれる便利機能。ブラウザに、あらかじめ名前やメールアドレスや住所やクレジットカード番号などの情報を設定しておく。 アンケートサイトとかに超便利 入力が苦手なオカンも便利 とにかくべんり Google Chrome のみ対応してる (2012年4月4日時点)。 便利すぎて今後、他のブラウザも追随必至。 (ユーザーが自動入力を使うには) Google Chrome 設定 → 個人設定 → 自動入力設定の管理 → 住所氏名メールアドレス等を入れておく (Webページ側での自動入力の設定) inputにx-autocompletetype属性をつけて、値を email とか sname
アドビの新ツール「Shadow」は、モバイル用Webアプリ開発者必須のツール
モバイルデバイス用のWebサイトやWebアプリケーション開発で大変なものの1つが動作確認です。何台ものデバイスを机の上に並べて、ひとつひとつ確認しなければなりません。 アドビシステムズのAdobe Labsが公開した「Adobe Shadow」は、そうした苦労をしているデベロッパー、デザイナーにとって手放せないツールになるでしょう。 複数デバイスに対する同時表示とリモートインスペクション Shadowがどんなツールなのか解説用ビデオの説明を紹介しましょう。 iPhoneアプリのShadowを起動すると番号が表示されます。 その番号を、MacOSかWindows用Chromeブラウザのエクステンションとして配布されているShadowに入力します。これで、ChromeブラウザとiPhoneがペアになりました。 同じように、Android用ShadowもChromeブラウザとペアにすることができ
アドレスバーでMyはてブをインクリメンタルサーチ - Csideのダイアリー
アドレスバーに "b" と入力すると検索できる拡張を作った。ダウンロードhttps://github.com/Cside/my-bookmark-seach.crx/downloadsソースコードhttps://github.com/Cside/my-bookmark-seach.crx事の経緯http://b.hatena.ne.jp/my/search.data というページに自分のブクマのサマリー情報が詰まっているということを昨日sohさんのつぶやきで知って*1、これをインデックスに使えばMyブクマを検索できるよねいうことで、勢いで作ってみた。今まで自分のブクマの検索は、公式拡張のポップアップをえいやっと開いてやっていたのだけど、これならほぼ一瞬でできるから便利（のはず）。参考Chrome Web Store - Android SDK Reference Searchソースコードは
Google ChromeをWebSocketで制御する - 箱入りあじゃらの日記
JavaScriptJavaScript Advent Calendar 2011 (Node.js/WebSocketsコース)の6日目。初参加です、緊張します。WebSocketネタということで、ChromeのWebKit Remote Debugging Protocolを使ってWebSocketでGoogle Chromeを操作する小ネタ。手順1.リモートデバッグを有効にしてChromeを起動Chromeの起動オプションに--remmote-debugging-portを付加してリモートデバッグを有効にする。 $ chrome --remote-debugging-port=9222 2.タブ一覧を取得今回はコントロールする側(Chrome)とされる側(node)が同一ホストで動いてるものとします。http://localhost:9222/jsonをGETで叩くとChromeのタ
EvernoteからリリースされたChrome拡張機能『Evernote Cleary』を導入したら2chまとめサイトが超見やすくなった｜男子ハック
WebサービスEvernoteEvernoteからリリースされたChrome拡張機能『Evernote Cleary』を導入したら2chまとめサイトが超見やすくなった2011年11月24日169 @JUNP_Nです。先日Evernoteよりリリースされた「Evernote Cleary」は皆さん試されましたか？これはすごい便利ですよ。特にごちゃごちゃしたサイトを見たい時に効果抜群です。 Chrome ウェブストア - Clearly ショートカット1発で読むことに集中できるスタイルになるEvernote Clearyはいわゆる「Reedability」的な拡張機能。つまり読みやすくなる。もちろんその読みやすくなったページをEvernoteに送れちゃう。 そんな拡張機能が「Evernote Cleary」です。 デフォルトではショートカットキーは以下のようになっています。 「control
Greasemonkeyを超えた！ユーザースクリプトを自在に実行できるChromeエクステンション「jsshell」 - Chrome Life
先日、Adobeからモバイル向けFlashの開発中止というニュースがありました。 リッチコンテンツの領域で独占していたFlashでさえ、HTML5の標準化の波には逆らえなかったんですね。 来年あたりから、HTML5の利用が一気に加速していく予感がします。 筆者も、最近ではサイト構築の際にHTML5を選択する機会が増えてきました。 HTML5+CSS3+jQuery この組み合わせで、ほとんどのWebアプリケーションの機能を実装することができる時代になってきたと思います。 必要なデータは、クラウドに保存してAPI経由で読み書きできれば良いので、その部分だけサーバーサイドに任せる感じのシンプルな構成になればベストです。 JavaScriptの部分は、別にjQueryじゃなくてもよいのかもしれませんが、プラグインや情報が豊富で、jQueryが使える開発者も多いことから、jQueryを選択しておけ
はじめてのChrome extension
Toru Yoshikawa highlights 10 awesome features of Chrome DevTools including the ability to pick colors from the screen in Elements, adjust animation speed in Elements, define animation timing in Elements, search by selector in Elements, take timeline screenshots in Timeline, show layers in Layout, enable network throttling in Network, display variable values inline in Sources, store variables as gl
ディレクターの日常業務で役立つGoogle Chromeのアドオン10個 : LINE Corporation ディレクターブログ
ディレクターの渡邉雄介です。 皆さんは仕事中にどんなWebブラウザを利用していますか？ 私の周りは一昔前はFirefoxが多かったのですが、最近はGoogle Chromeをメインで使っている人が増えてきた気がします。 Webブラウザのシェアを調べてみると、10月時点で国内ではChromeが2位のFirefoxに迫る勢い (世界的にはすでにFirefoxを抜いて2位) ということで、今後のWeb開発においてはChromeの存在も無視できない存在になってきたのではないでしょうか。 ※参考: ChromeブラウザシェアがFirefoxを抜いて2位に！IEを抜いてシェアトップになるのは2012年5月中旬頃の予想 | Chrome Life 私自身も1年ほど前にメインで使うブラウザをFirefoxからChromeに変えました。以前はFirefoxほど便利なアドオン (機能拡張) がありませんでした
Chromeの隠し機能にアクセスできる「Service Pages for Google Chrome」が便利！開発者向けの特殊URL早見表付き - Chrome Life
Chromeでは、アプリケーションやエクステンションを開発する人のために、ブラウザのメモリ状況やキャッシュ・ネットワーク通信状態などの内部情報を確認できる仕組みを提供しています。 ブラウザの内部情報は、chrome://xxx のような特殊なURLでアクセスすると確認ができます。 例えば、ブラウザで下記のアドレスを入力します chrome://net-internals/ ネットワークに関する様々な情報が確認できるページが開きます。 他にもこのような特殊URLはたくさんあるのですが、開発者向けの隠し機能なのでアドレスを直接入力しなければいけなく面倒です。 しかし、最新のChromeでは特殊URLの一覧ページがちゃんと用意されていました。 chrome://chrome-urls/ をアドレスバーに入力すると、特殊URLの一覧が表示されるので、そこからアクセスできるようになります。 どのUR
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ウェブページの任意の場所をブックマークできるChrome拡張「HYPER-ANCHOR」 | フリーソフトラボ.com
「Google Chrome Deveoper Tools」はこう使う！ 基本機能チュートリアル & GDD 2011 セッション概要
