リンクもまるごとキャプチャしてSVGで出力するChromeスクリーンショット拡張をつくりました - #daiizメモ
閲覧しているウェブサイトの選択された範囲のスクリーンショットを撮ってSVG形式でダウンロードできるChrome拡張機能をつくりました．SVGで出力しているため，普通のPNGやJPGと比べると，以下のような少しだけ高度なことができます． スクリーンショットを撮ったページのURLを<svg>のdata属性として保持できる スクリーンショットの範囲内のリンクをそのまま残すことができる． ページ中の<a>の位置に，外部ページヘのリンクを持つ<rect>を挿入しています．クリックするとリンク先のページが開きます． ブラウザで通常リンクと同じように扱われるため，rectをホバーするとChromeの左下にジャンプしようとしているURLが表示されるので，移動先もしっかり確認できます． まだかなり荒いベータ版ですが，GitHubで公開しています．クローンして，そのままChromeの拡張機能管理ページから読み
wasavi (VI editor for any web page)
wasavi is an extension for Chrome, Opera and Firefox. wasavi transforms TEXTAREA element of any page into a VI editor, so you can edit the text in VI. wasavi supports almost all VI commands and some ex commands. wasavi is under development. Any bug report or feature request is welcome. And we also welcome a donation to continue development: 日本語版のREADME A Quick Walkthrough Here is a native TEXTAREA
Micorosoft Edge(プレビュー)の拡張を作ってみる - ぷろじぇくと、みすじら。
Created at: 2016-03-21 Microsoft Edgeのブラウザーに対する拡張がついにWindows 10 Insider Preview build 14291からサポートされました。 サポートされたのですが現状は拡張機能のプレビューということで開発者には特に情報は開示されていません。 この辺りはBuild 2016で発表されるのではないかと思います。 せっかくサポートされたので開発情報はないものの試行錯誤で作ってみます。 作り方も「Google Chrome向け拡張を少しの変更で動かせるようになる」という話は出ていて、 公開されているプレビューの拡張機能も適当なところにぶちまけられたパッケージ化されていないものを読み込む感じなので作れそうです。 というわけで以前から「選択した文字列をGoogleで検索する」機能が欲しいと思っていたのでそれを作ることにします。Goog
Remote debug Android devices | Chrome DevTools | Chrome for Developers
Remote debug live content on an Android device from your Windows, Mac, or Linux computer. This tutorial teaches you how to: Set up your Android device for remote debugging, and discover it from your development machine. Inspect and debug live content on your Android device from your development machine. Screencast content from your Android device onto a DevTools instance on your development machin
あなたのGoogleリーダーを超便利にするChrome拡張機能11個まとめ | フリーソフト,Windows PC活用情報局
今回は、Googleリーダーで使えるGoogle Chrome拡張機能11個を集めてみました。過去にも当サイトでは、FirefoxアドオンやGreasemonkeyスクリプトなどGoogleリーダーをさらに使いやすくするためのブラウザ拡張機能をいくつか紹介したことがありますが、もちろんGoogle Chrome拡張機能にも便利なツールがたくさんあります！ せっかくGoogleリーダーを使うなら、色々カスタマイズしてもっと生産性アップをはかってみましょう！というわけで、これまでGoogleリーダーを情報収集ツールとして役立ててきた人も、他ブラウザにはないユニークなChrome拡張機能をうまく使って、さらに効率的に情報収集できる超便利なRSSリーダーへと変身させてみませんか？ TPGoogleReader（リンク切れ） バックグラウンドで常にGoogleリーダーをチェックし、新着フィードが配信
タブまわりをカスタマイズできる拡張機能３０個まとめ*二十歳街道まっしぐら
【ゆっくり実況】ゆっくりレジェンズ ほーっほっほっほ・・・ブチ切れましたよ！！メカフリーザ様ガチャ！！
ATND Notifyがもっと評価されるべき５つの理由 - あおうさ＠日記
去年、Chrome extensionでATNDを便利にするATND Notifyを作ったのにblogに書いてなかったので書く。Twitterでは"マジ狩る拡張"とか"数時間で埋まる人気の勉強会だが、ATND Notify（Chrome Extension）入れてる私に死角はなかった"とか"補欠繰り上がり通知で助かった"とかコメント頂いてます。 インストールしたらどんな良いことがあるか記載しまーす。良かったら使ってください。 インストールはこちら キャンセル待ちから参加できるように繰り上がった場合に通知してくれる 人気イベントの場合にキャンセル待ちで補欠になった事ありませんか？あれっていつの間にか参加可能になってても気づきませんよね。ATND Notifyでは参加できるようになったらHTML5のNotificationで通知してくれます。 こんな感じで通知してくれます。繰り上がり通知の画像
Yet Another Google Bookmarks Extension
() - ユーザー数: 10,471 - 先週のインストール件数: 3,380 YAGBE - Yet Another Google Bookmarks Extension ---------------------------------------------------------------------------- An extension for managing Google Bookmarks, displayed in a tree. Features include support for nested labels, add/edit/modify bookmarks and labels, searching, sorting, and emailing bookmarks. Updates ------------ NEW: Visit my extension
サムネイル画像にオンマウスするだけで自動的に拡大表示できる「Hover Zoom」 | ライフハッカー・ジャパン
Chrome用：Chromeで画像をブラウジングしていて、小さなサムネイル画像をクリックして拡大する時間がもったいない！ と思ったら「Hover Zoom」を使うといいですよ。Hover Zoomは、クリックしなくても、サムネイル画像にオンマウスするだけで、自動的に画像を拡大してくれる拡張機能です。 AmazonやFlickr、Facebookなど、サムネイル表示されている画像が、直接拡大画像にリンクされているようなサイトを見ている時、Hover Zoomは、オンマウスだけで自動的に拡大表示してくれます。 特定のサイトでは拡大表示したくない、いつどのように拡大表示するかなど、ポップアップや表示時間などの、細かい設定もできます。ホットキーの割り当てもできますので、ホットキーを押した時だけサムネイル画像を拡大表示する、といったことも可能です。 Hover Zoom は無料でダウンロードでき、す
Highlight to Search - Chrome ウェブストア
Highlight to Searchを使用すると、キーワードをハイライトして選択するだけで、キーボードから入力しないで検索することができます。
ページ遷移なく、その場でマルチ検索できるChrome拡張機能「Multilookup」 | ライフハッカー・ジャパン
「Multilookup」は、マルチ検索のできるChrome拡張機能です。「Altを押しながらドラッグする」だけで、マルチ検索ができます。右クリックメニューからも利用できるので、マウスだけで操作することも可能です。様々なサイトに対応していますし、動作も快適なので、いれておくと便利ですよ。 以下に使ってみた様子を載せておきます。 まず、Multilookupのダウンロードページへアクセスして、インストールしましょう。 次に、Multilookupの拡張機能オプションへ。ここで検索するサイトや、デザインの設定が行なえます。 では早速使ってみましょう。適当にウェブページを開いて、検索したいキーワードをドラッグします。ここで、「Altを押しながらドラッグ」の作業が必要です。 Wikipediaなど、様々なサイトを一気に検索してくれ、結果は画面最下部に表示されます。ページ遷移なく検索できるのは嬉しい
ウェブ開発者必携のGoogle Chromeの15の拡張機能
ウェブサイトの制作に役立つGoogle Chrome用の機能拡張をCSS Reflexから紹介します。 15 Must Have Google Chrome Extensions for Web Development [ad#ad-2] Pendule HTML, CSS, WAIなどの検証をはじめ、CSSの無効化、リンクチェック、カラーピッカー、ルーラーなど。 Chrome Sniffer そのサイトで使用しているCMSとJavaScriptのライブラリを表示。 Chrome Web Developer Tools FirefoxのWeb Developer toolbar（日本語版）のクローンを目指して開発。 IE Tab ChromeでIEのレンダリングで表示。 Window Resizer ウインドウのサイズをワンクリックで任意の値に変更。 Chrome SEO 各種検索エンジン
日本のGoogle 社員が選んだ Chrome エクステンションのご紹介
Chrome エクステンションは、Chrome に便利な機能を追加することで、自分好みにブラウザをカスタマイズできるブラウザの拡張機能です。世界中の開発者の皆さんのおかげで、様々な種類のエクステンションが多数登録され、多くの方に利用していただいています。 先日、Google の社員に対してよく使っている Chrome エクステンションについてアンケートをおこないました。その中からさらに厳選したトップ10を、今回はランキング形式でご紹介します。ぜひ、試してみてください。 Doc PDF/PowerPoint Viewer 添付ファイルで送られた PDF、PowerPoint プレゼンテーション、その他のドキュメントなどのデータをダウンロードすることなしに、 Google Docs Viewer でブラウザ上で簡単に表示することができますRSS Subscription Extension 専
Google日本の社員による、Chrome Extension トップ10＋1 | ライフハッカー・ジャパン
Firefoxのアドオンとともに、個性が端的に表現されているものとして、おなじみGoogle Chromeエクステンション。ライフハッカー編集部でも、すでに日々の業務に欠かすことの出来ないアイテムですが、Google Japan Blogで、「日本のGoogle 社員が選んだ Chrome エクステンションのご紹介」と題して、トップ10+1の拡張機能のリストが紹介されています。 六本木発のエクステンションランキング、何かと気になるところです。その1位に輝いたのは... Doc PDF/PowerPoint Viewer 添付ファイルで送られた PDF、PowerPoint プレゼンテーション、その他のドキュメントなどのデータをダウンロードすることなしに、 Google Docs Viewer でブラウザ上で簡単に表示することができます OfficeもPDFも不要にする、Google Doc
「Last Tab Standing」はChromeの最後のタブを閉じても、Chrome自体を終了させないアドオン | ライフハッカー・ジャパン
Windows/Linux（with Chrome）：デフォルト設定では、最後のタブを終了したと同時に、Google Chromeはプログラム全体を終了します。Chromeアドオン「Last Tab Standing」は、最後のタブを閉じた際に、空白の新規タブページを開くことによって、プログラムが終了するのを防いでくれます。 開発側のコメントによると、Google Chromeには、最後のひとつのタブを閉じてしまうと、自動的にブラウザが終了してしまうのは不便だ、という苦情がたくさん寄せられています。この方が便利だと思っている方も、もちろん多いのですが、そうでもない人も多いのが現状。このアドオンを使うと、ブラウザは自動終了せず、空の新規タブを自動的に立ち上げます。ブラウザの終了は新規タブを終了、または「ｘ」をクリックすることで可能です。 機能性としては、それ以上でもそれ以下でもない感じですが
Twitterに特殊記号一覧や、お気に入り顔文字を埋め込めるChrome拡張機能「Twitter Symbols」 | ライフハッカー・ジャパン
Twitterのタイムラインを眺めていると、様々なポストが流れてきます。その中には、通常では入力できないような、特殊記号を使っているものも。毎回、特殊記号をコピペして入力するのは面倒です。 そこで、「Twitter Symbols」という、Chrome拡張機能を導入すると、Twitterのページに「特殊記号一覧」を埋めこむことができます。その一覧から、使いたい特殊記号を選ぶだけでOK。さらに、お気に入りの顔文字を追加することも可能です。 以下に使ってみた様子を載せておきます。 まず、Twitter Symbolsにアクセスし、拡張機能をインストールしましょう。インストール後、Twitterのホームページにアクセスすると、特殊記号一覧ボタンが表示されます。 スマイルボタンをクリックすると、このように特殊記号一覧が表示されます。入力したい記号を選ぶと、投稿ボックスに入力されます。連続入力はでき
peercast fan Google Chromeでフォントを強制的に指定する方法
Google Chromeでフォントを指定する方法について Google Chromeの設定画面からフォントを指定することが出来ますが、 ここで設定してもWebサイト側でフォントを指定している場合そちらが優先されてしまいます。 しかし自分は常にメイリオを指定したい為、これを実現する方法を探していたところ、 2chでこれを実現する方法を書いたレスがあったのでそれを参考にここにメモしておく。 ■手順■ ・拡張機能「Change Font Family Style Extension」をインストールする。 https://chrome.google.com/extensions/detail/lafefailhanildnhnahlnjodgceinace ・「C:\Users\ユーザー名\AppData\Local\Google\Chrome\User Data\Default\Extensi
米LifehackerオススメのSafari機能拡張 | ライフハッカー・ジャパン
Safariの機能拡張ギャラリーがオープンし、機能拡張の自動更新（英文記事）も、Safariで行われるようになりました。そこで今回は、米Lifehackerオススメの機能拡張を、ご紹介します。 これらの機能拡張を使うためには、Safariをインストールし、最新バージョンに更新しておく必要があります。Mac/Windowsの両方で使えますが、WindowsでAppleのソフトウェアアップデートをオフにしている方は、マニュアルで最新版を入れる必要があります。 以下には、各機能拡張提供サイトへのリンクと、Safariへ直接インストールされるリンクの、両方が貼ってあります。インストールした機能拡張は、Safariの「設定」→「機能拡張」メニューから、設定をいじれます。 ■ソーシャルネットワーク ・Better Facebook [Safariにインストール] 自動的に既読ポストをスキップ、新しいコ
検索キーワードをハイライトする「word highlight」 | ライフハッカー・ジャパン
Chromeのみ：「word highlight」は、Googleの検索キャッシュ表示のように、検索結果内の検索キーワードに一致した部分を、ハイライト表示する、Google Chrome用の拡張機能です。 「word highlight」は、ハイライト表示された検索キーワードを頼りに、目的のサイトを素早く見つけられるので、見たいサイトへ素早くたどり着けます。 「word highlight」は、これだけではありません。 詳しくは、以下で。 「word highlight」は、検索キーワードに一致した部分を、ハイライト表示してくれるだけではなく、検索サイトからリンクを辿って、移動した先のページでも、検索キーワードに一致する部分を、ハイライト表示してくれます。ここでも、ハイライトされた検索キーワードを頼りに、ざっと内容を確認でき、ページの一致した箇所を素早く確認できます。 また、以前ご紹介した
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Syntaxtic!