スクリーンショットを撮るのはChromeがいちばん?! | DevelopersIO
新しい職場、新しいパソコン。まず始めに入れるツールの一つがスクリーンショットではないでしょうか。 でも、Chromeのver.59からは、標準機能として装備されたようなのです。 やりかた ChromeのDevelopers Toolを立ち上げる。 Macだと、Chromeを開き「alt + command + i」を同時に押す。 レスポンシブ表示にする 続いて、command + shift + m を押します。または、下記のボタンを押してください。 画面上部に、解像度やデバイスを変更するセレクトボックスが表示されます。 デバイスの選択肢を増やす 必要最低限はありますが、PCのスクリーンショットも取れるようにしたいので、Editを押します。 デベロッパーツールの表示が切り替わるので、「Laptop with HiDPI Screen」と「Laptop with MDPI Screen」をチ
Chrome ExtensionのLive HTTP Headersの調査(CoolBar.Pro導入 Extensionが何を行うかの調査)
a.md Chrome ExtensionのLive HTTP Headersを調査した。Firefox用のものではない。Firefox用のものではない。 https://chrome.google.com/webstore/detail/live-http-headers/iaiioopjkcekapmldfgbebdclcnpgnlo 11/7追記 類似 or 同様の方法で難読化scriptを埋め込んでいる拡張機能が大量にあったため、Googleに報告済み。 https://twitter.com/bulkneets/status/795260268221636608 English version: https://translate.google.com/translate?sl=ja&tl=en&js=y&prev=_t&hl=ja&ie=UTF-8&u=https%3A%2F%
超詳解！Service Worker Deep Dive ── HTML5 Conference 2016セッションレポート
超詳解！Service Worker Deep Dive ── HTML5 Conference 2016セッションレポート 保呂毅 はじめまして。GoogleでChromeの開発をしている保呂毅です。 Chromeの中では特にService Worker周りを担当してまして、最近はNavigation Preloadという新機能をがんばって実装しています。 先日開催されたHTML5 Conference 2016でService Worker周辺の最近（ここ1年くらい）の動向に関する発表をさせていただいきました。 今回は、この発表の内容を振り返りたいと思います。 Service Workerとは まず本題に入る前に簡単にService Workerの説明します。 Service Workerとはどういうものかと言いますと、 下のコードのようにnavigator.serviceWorker
[Chrome]新しいタブで表示される履歴サムネイルを非表示にする拡張機能5個 | 黒猫さんぽみち
Chromeはデフォルトの設定だと、新しいタブを開いた時にサムネイル画像が表示されます。 このサムネイル画像はウェブページの閲覧履歴から表示されるので、場合によっては表示してほしくないページが現れることもあるんですよねー。 例えば、仕事中なのに関係ないサイトを見てたことがバレるとか、家族に見られるとちょっと気まずいサイトの画像が出てしまったりとか。 サムネイルだと視認性が良いので、PC画面を後ろからチラ見しただけでも何のページかが判別しやすいです。 それにうちのPCが非力だからかもしれませんが、サムネイルを読み込む時間がちょっと遅くてイヤ。この辺りもついでに改善したいです。 というわけで、Chromeで新しいタブを開いた時に表示される、履歴サムネイルを非表示にする拡張機能を5個紹介したいと思います。 先にまとめ。 Empty New Tab Page 新しいタブで何も無いページで開く Re
![[Chrome]新しいタブで表示される履歴サムネイルを非表示にする拡張機能5個 | 黒猫さんぽみち](https://cdn-ak-scissors.b.st-hatena.com/image/square/01f17c99f3d878edd4b094b41987c548552ae69d/height=288;version=1;width=512/http%3A%2F%2Fnagoya-neko.com%2Fwp-content%2Fuploads%2F2015%2F07%2Fchrome-thumbnail-delete01-03-min.png)
Google Chrome 新タブで表示される、「良く訪れるサイト」のサムネイル画面表示機能を停止する方法 - アルケミスタの住人
最近の Chrome のバージョンアップで、新しいタブを開いた時に、今までよく訪れているサイトのサムネイル画面が表示されるようになりました。 ただし、この機能めちゃくちゃ面倒くさい！ ノートパソコンで、お客さんと打ち合わせを行っている時や、説明マニュアルや、Ustream の生放送、セミナーなどで画面を見せてデモを行う際に自分がどのようなサイトを良く訪れているかが一目瞭然。 テストサイトや違うお客さんの開発中画面を見せちゃうと大変です。 ■ Chrome Web Store で下記の拡張Appsをインストール 【更新 2014/2/23 11:34am】 Google Chrome が最新アップデートで、この記事で紹介していた 「Instant Extended API」の無効化オプションを削除しました。Google の公式フォーラムの Google 社員の投稿によると、下記のエクステンシ
アップデートされたChromeのアバターメニューを消す（Mac版） - Qiita
Google Chromeのアバターメニューとは？ Google Chrome 44.0.2403.89 (64bit)から、アバターメニューが復活しました。以前はアドレスバーで chrome://flags#enable-new-avatar-menu に設定項目があり、これを無効化することでアバターメニューを削除することができましたが、今回のアップデートで設定項目が抹殺されてしまいました。 複数のアカウントを運用している人にとっては便利ですが、アカウントを１つしか持っていない人にとっては、まったくもって不必要な機能です。 アバターメニューを削除するには？ --disable-new-avatar-menu オプションを付加して起動すれば良いです。Windows版 Google Chrome を使用している人は、Google Chrome のショートカットアイコンを右クリックしてプロパテ
Chromeの右上にあるボタンを消す方法＆タイル形式のブックマークを無効化する方法
「Google Chrome」のバージョンはすでに42になっており、さまざまなアップデートや変更が行われていますが、バージョンアップされたものの中には、バージョンアップ前のものを引き続き使用したいと思うものもあります。その中で「Chromeの右上に置かれたアバターメニュー」や「タイル形式のブックマーク」はアップデート前のものに戻すことが可能となっています。 Chrome ブラウザ https://www.google.com/chrome/ ◆ブラウザ右上にあるアバターメニューを消す方法 Chromeの右上にある1番左側のボタンは「アバターメニュー」と呼ばれるもので、Chromeへのログイン・ユーザの切り替え・シークレットモードへの変更ができるものです。 人によっては最小化ボタンをクリックしようと思ってアバターメニューを間違ってクリックしてしまったり、Chromeに全然ログインしなかったり
便利すぎる連携サービス「IFTTT」とは何か、初心者向けに改めてご説明 | Tipstour
Tipstour(チップスツアー)では、様々なWebサービス・Webサイトの利用方法や役立つ情報、トラブル解決方法などのHowTo記事を掲載しています。
GoogleChromeから余計な機能を取り払いさらに軽量・高速化したブラウザ「Iron」 - GIGAZINE
GoogleChromeは実はオープンソースのコード「Chromium」から作られており、そこへいくつかの機能をGoogleが独自に実装することで完成させたブラウザとなっています。ということは、その余計な追加機能を外せばもっとプライバシーに配慮され、そして軽量化＆高速化ができるはずだ、ということで作られたブラウザが「Iron」となります。GoogleChromeと互換性があるため、GoogleChromeで動くスクリプトはIronでも問題なく動きます。 SRWare Iron - The Browser of the Future http://www.srware.net/en/software_srware_iron.php GoogleChromeとIronの差については下記ページに一覧表形式でまとめられています。 Chrome vs Iron http://www.srware.n
canvas要素の基本的な使い方まとめ
Written by defghi1977@xboxLIVE.この文書は全てテキストエディタで作成しています．えーと，そりゃもうゴリゴリと． 本文書はsvg要素の基本的な使い方まとめの姉妹版として作成を開始した．canvas要素の仕様は現在進行中で色々と変化しているため，一筋縄で行かないが大方のapiについて書き上がったので公開する．なお，まだ使えない機能等満載だったり，内容に間違いがあっても中々検証することができないので，その部分を了承した上でご利用下さい… 更新履歴 2012/07/18 初版 1・canvas要素の概観 canvas要素とは canvas要素はhtml5で採用されたwebブラウザ上でグラフィックを描画するための機構であり，webページの機能性・視認性が重要視される昨今では，svg要素と並び重要な役割を果たしている．もともとapple社が自社製osの機能向上策として，同
Google ChromeにHTTP2の時代が来ていた - Qiita
気がついたらGoogle ChromeでHTTP/2が使えるようになっていた。Google Chrome 39ではSPDY/4 (HTTP/2 Draft 14)に対応しており、www.google.comを閲覧する際にHTTP/2が使用できる。 有効にするにはchrome://flagsからEnable SPDY/4を有効にしよう。なお、未だ実験的実装であることを忘れずに。 SPDY Indicatorを有効にしていれば稲妻が青色になって格好いいです。 nghttp2.orgは青くならなかったが、これはHTTPで接続しているからだった。https://nghttp2.org/ではHTTP/2が有効になっていることを確認出来る。
萌え萌えmoebuntu Chromeが驚速になる方法
★画像アップ先の不調により、過去のエントリーで画像が見られないものが多数あります。もし画像の見たいものがありましたらご連絡いただければ復活するようにします。 Linux環境に限らないと思いますが、Chrome、Chromiumブラウザーなどでハードウェアアクセラレーションが効くようになる方法がWEB UPD8に載っていて、わたしがいつも使っているIronブラウザーで試したところ、効果抜群でしたのでそのやり方を紹介します。 Enable Hardware Acceleration In Chrome / Chromium Browser [Quick Tip] ＼もしよかったらお願いします。／ ●受取人の欄にmoebuntu★gmail.com（「★」は「@」に置き換える）で寄付（15円〜）できます。 Amazonギフト券(Eメールタイプ) ＊WEB UPD8の画像を拝借しました。 つぎにま
Chromeのタブ数とメモリ使用量の遷移 - clock-up-blog
概要 Chromeの 拡張(Extension)数 タブ数 メモリ使用量 について、それぞれの関係性を調べるために種々の測定を行いました。 とりあえず今回測定したデータが以下になります。 ※「--renderer-process-limit」については 前回の記事「Chromeプロセス数を減らしてメモリを節約する」を参照のほど。 以下、分析。 検証環境について Windows7 64bit / Chrome 27.0.1453.116 m 拡張については以下の9つを普段使っていますが、これらをひとつひとつ減らしながらデータをとりました。 Allow Right-Click HTTP Headers JP nengo replacer JSONView Proxy SwitchySharp RSS Subscription Extension (by Google) Taberareloo
Chromeプロセス数を減らしてメモリを節約する - clock-up-blog
概要 Chromeの常駐プロセス数を一定の数に抑え、メモリ圧迫を防ぐ。 注意 見つけたばかりのオプションであり、検証は不十分です。 自己責任で設定をお願いします。 設定の仕方 Chrome の起動オプションに「--renderer-process-limit=数字」を付けるだけ。 これでレンダープロセスの数が制限される。 どれくらいの値が適切かはいまいち分からないが、感覚としては「--renderer-process-limit=5」くらいあれば十分な気がする。自分はさらに絞って「--renderer-process-limit=2」で運用していますが、今のところ大きな問題には遭遇していません。 Chromeショートカットのプロパティから 「 --renderer-process-limit=数字」を付けます。 比較 Windows7 64bit / Chrome 27.0.1453.11
Google Chromeのメモリ使用量を50%以上削減する魔法のコマンド
@おったんです。今回は、Google Chromeを通常通り使用しながら、メモリ使用量を圧倒的に削減するための魔法のコマンドをご紹介します。なお、今回は魔法のコマンドを使用する前と後で、どれくらいメモリ使用量が増減するか実験を行っています。今回の実験のポイントは以下の通りです。 任意のWebページを10個開いてメモリ使用量を比較する 実験に使用するWebページは無作為抽出とする 無作為抽出とはいえ、人の手によるものですから、完全なランダムではありません。実験の方法によっては多少の誤差があることをお見知り置きください。 魔法のコマンド使用前のアクティビティモニター Google Chromeは、タブ数や拡張機能が増加すればするほど「Google Chrome Helper」という、Google Chrome本体から生成された子プロセスでいっぱいになります。同プロセスの1つ1つのメモリ使用量は
Macの動作が重い/遅い時に試すべき対処法すべて | ゴリミー
Macの動作が重い/遅い時に試すべき対処法すべて 動きがもたつく時に試したい基本的なメンテナンス方法から各種リセット方法まで紹介 かつてOS Xと呼ばれていた時代ではOSをアップデートしたことによってMacを投げ捨てたくなるほど動作が重くなってしまう問題が起きる場合もあったが、最近のmacOSでは比較的動作が安定している。 「OS X Yosemite」の頃は、Mission Controlが固まる。文字入力も固まる。ウィンドウをスムーズに切り替えることができない。複数のウィンドウやアプリケーションを開き、文字入力をする僕にとっては作業にならなくて非常に困っていた。 試行錯誤を重ねた結果、僕のMacBook Proは絶好調だ。相変わらずメインのブラウザはGoogle Chromeで、4Kディスプレイを複数台接続してモリモリ作業をしている。動作が重くなってしまったMacを安定させる方法、もと
Google Chromeのフォントの修正方法・ブラウザの滲み・便利な拡張機能紹介: エアーバリアブル ブログ
ハンドル：エアーバリアブル 電子工作、パソコン、旅行など自分の趣味の日記です。 たまにニュースや面白い動画の紹介も行っております。 有効な情報はホームページで取り扱っておりますので是非ご覧ください。 気が向いたらコメントします。 【警告】 ブログ内容で製作・改造・分解記事について、研究や学術の目的のために公開しているものです。十分な電気工作の知識を学習の上、全て自己責任で行ってください。 【注意】 コメント投稿された場合、書き込まれたかをご確認下さい。一時的なスパム対策でURLが含まれているコメントが投稿できない場合があります。その場合はttp:// などのh抜きでお願いします。 その他、サイトポリシーをご覧下さい。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Google Chromeの「Page Analytics」拡張機能でWebページのクリック状況を分析する
What is the keyboard shortcut to focus to address bar in Mac Chrome?
不正な処理を行っているGoogle Chromeの拡張機能を見つけるには？
