Web屋ならチェックしておきたい！作業効率が激変するChrome DevToolsの便利な使い方まとめ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
Web屋ならチェックしておきたい！作業効率が激変するChrome DevToolsの便利な使い方まとめ こんにちは、デザイナーの王です。 今回の記事では、ChromeのDevTools（デベロッパーツール）について、「多分、周知されていないけど、使わないともったいない！」的な機能を紹介させて頂きたいと思います。 フロントエンジニアにも、デザイナーにも、きっと効率アップに繋がる小技が見つかるはずです。 開発者なら「Chrome Canary」を使おう！ みなさんはChrome Canaryを使っているんでしょうか？一般向けにリリースされている安定版であるChromeより、ほぼ毎日アップデートしている「Canary」ビルトを選ぶ理由があります。 それは、開発者向けの新機能がいち早く利用できるからです！リリースがノロノロしているChromeを使ってたら、いつまでも最新の便利な機能の恩恵が受けられ
Chromeの機能拡張 -Responsive Inspector | コリス
レスポンシブの確認ツールの多くは単にブラウザのサイズを変更して確認するだけですが、レスポンシブがスタイルシートで定義されているかに基づいてページの確認ができるChromeの機能拡張を紹介します。
「Chrome Office Viewer」が熱い！ブラウザ内でパワポ、エクセル、ワードが直接閲覧できるGoogle Chrome Extension | ゴリミー
「Chrome Office Viewer」が熱い！ブラウザ内でパワポ、エクセル、ワードが直接閲覧できるGoogle Chrome Extension ウェブに転がっているMicrosoft Officeファイルを開く度にソフトが起動する時代はもう終わりだ！ 本日、Googleがブラウザ内でMicrosoft Officeの各種ファイル（パワポ、エクセル、ワード）が直接閲覧できるGoogle Chrome Extension「Chrome Office Viewer」をβ版としてリリースした！ウェブブラウジングがより一層快適になりそうだ！ Chromebookの機能を一般向けに公開したもの、らしい これまではワードファイルであればWord、パワポであればPowerpointを都度起動しなければならなかったのが、閲覧するためだけれあればブラウザ内で完結するようになった。 【img via N
Webブラウザ上でテキストスタイルをダイナミックに編集·Code Cola MOONGIFT
Code ColaはGoogle Chrome機能拡張として動作するスタイルシート設定ツールです。 Webインスペクタを使うとWebページを表示したままスタイルシートの編集ができます。ただ、数字やテキストを入力する形なので、思った通りの編集が難しいかも知れません。そこで試したいのがCode Cola、Google Chrome用のビジュアルスタイルシート変更ツールです。 立ち上げました。右上にあるウィンドウがCode Colaです。 任意のDOMを選択すると設定項目が表示されます。 スライダーを使ってフォントサイズをダイナミックに変更できます。 テキストのストロークを変更。 HTMLソースの表示。 設定項目を全てオープンしています。 テキストシャドーの設定。 Code Colaの利点は何と言ってもビジュアル的に分かりやすく、ダイナミックにスタイル設定ができることです。表示、非表示などの設定
右クリックで画像保存ができない時のもっと楽な方法 | WWW WATCH
ライフハッカーさんで、Web ページ内の画像を右クリック保存できないときに、Google Chrome や Firefox のインスペクタから、該当のソースコードを見つけて云々みたいな方法が紹介されていたんですが、インスペクタ開くところまで行ったなら、もっと簡単に Web ページ内で読み込まれてる画像を見る方法があるので書いてみます。 右クリックで画像保存ができない時はこの方法を試すべし！ : ライフハッカー Google Chrome の場合は 「インスペクタ」 → 「リソース」 タブ Google Chrome の場合は、ページ内で右クリックしてコンテキストメニューを表示、「要素を検証」 までは記事で書かれている通りでいいんですけども。 その後、要素を見るんじゃなくて、そのすぐ横にある 「Resources」 タブをクリックして、ちょいとを見ると、「images」 ってところに見ている
CSSファイルやJavaScriptファイルを閲覧した際に自動整形して表示するChromeエクステンション・PrettyPrint - かちびと.net
ブラウザでCSSやJavaScriptのファイルを見たときにソースを自動整形して表示するChromeエクステンション・PrettyPrintのご紹介。地味に便利・・かも。 ブラウザでCSSやJSファイルを見たときにソースをインデントするエクステンションです。便利っちゃ便利かも。
Chromeが圧倒的に軽くなる！拡張機能を使わない便利な小技１３
作成：2012/12/3 lifestyle > chrome拡張機能はとても便利だけど、びっくりするほどメモリを食います。いくらキャッシュや履歴を削除したところで重いものは重いです。 いろいろ調べてみると拡張機能に頼らなくてもできることって結構あるんですね。3年以上も使ってきていまさら気づいたことも。 chromeを使う人は是非知っておきたい、ちょっと便利で簡単な小技をメモしておきます。 エンジニア速報は Twitter の@commteで配信しています。 もくじ １．最初からシークレットモードで起動する ２．アドレスバーからtwitterにつぶやく ３．webページをPDF保存 ４．隠し機能はこれだけでOK ５．アドレスバーからメール起動 ６．直前に開いたタブを一瞬で復活 ７．ドメイン別にタブを一気にグループ化 ８．目的別のchromeを何個も作れる ９．同期データを暗号化する １０．
もう Chrome にメモリを食わせない!! 使ってないタブを寝かせる拡張機能 The Great Suspender がグレート!! | ハヤクユケ
ホームChrome拡張もう Chrome にメモリを食わせない!! 使ってないタブを寝かせる拡張機能 The Great Suspender がグレート!! もう Chrome にメモリを食わせない!! 使ってないタブを寝かせる拡張機能 The Great Suspender がグレート!! 2013 2/16 毎度です、 @Ebba_oBL です。 メインブラウザに Chrome を使っている方、メモリ不足でイライラすることありませんか？ ボクの使っている MacBook Air は 4GB メモリなのですが、いくつもアプリを起動しながら、Chrome で複数タブを開くとそれはもう酷いものです。Chrome はもちろん、あらゆるアプリが重くなります。 メモリを食う原因は色々あるかと思いますが、中でも沢山タブを開いた Chrome は結構なメモリ食いです。 かといって必要なタブを開いている
Amazonで検索した本が近隣図書館にあるかどうか教えてくれるGoogle Chrome拡張機能「その本、図書館にあります。」 - GIGAZINE
By annais Amazonで検索した本の詳細に、近隣図書館にその本が置いてあるか否かの情報を自動で追加してくれるのがGoogle Chromeの拡張機能「その本、図書館にあります。」です。 Chrome ウェブストア - その本、図書館にあります。 まず、Google Chrome上で上記サイトにアクセスします。 画面右上にある「CHROMEに追加」という青いボタンをクリック。 「その本、図書館にあります。」を追加しますか？と聞かれるので「追加」をクリックします。 拡張機能が追加されました。青色だったボタンも「CHROMEに追加済み」という文字とともに緑色に変化。 続いて、アドレスバーの右にある設定ボタンから「ツール」を選択、「拡張機能」をクリックします。 こんな感じで拡張機能一覧が表示されるので、「その本、図書館にあります。」のオプションをクリック。 表示された画面で利用する図書館
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
快適キーボードショートカットChrome拡張機能「Keyconfig」の設定方法 | nori510.com
chromeエクステンションにアテンションプリーズ。どーもノリ五藤( @nori510 )です。 トラックパッドを「BetterTouchTool」で拡張して、chrome拡張機能「Keyconfig」でキーボードショートカットを設定してのブラウジングに慣れてしまうと、二度とコレ無しの生活には戻れなくなってしまうこと請け合いの良エクステンションです。 という事で、超快適にキーボードショートカットでお助けしてくれる、素晴らしいChrome拡張機能「Keyconfig」のご紹介をさせて頂きます。 超絶快適キーボードショートカット！ Chromeエクステンション「Keyconfig」 chromeへのインストール まずは、chromeへのインストール。 オプションで設定 インストールが済んだら、あとは設定。簡単に設定方法をご説明します。 chromeの「拡張機能」から、「Keyconfing」の
Chromeを最強化するオススメ拡張機能11
人気ブラウザー『Google Chrome』。拡張機能は数多くあるけれど、まず最初に入れておきたい11の拡張機能を紹介。すべてフリーで導入することができる。快適かつ最強にパワーアップしたChromeを使いこなそう！ ●関連サイト Google Chrome 『Incredible StartPage』 スタートページをカスタマイズ！ シンプルなクロームのスタートページを、機能的な画面にする拡張機能。ブックマークやウェブアプリ、最近閉じたタブが見やすくなる。 ●関連サイト Incredible StartPage バージョン 1.4.3 作者 www.visibotech.com 『Chrome用TooManyTabs』 大量タブを開くときに絶対必要な拡張機能！ 大量のタブをサムネイルで一覧で表示、目的のタブを簡単に選び出せる。並び替えや検索機能もあり、タブを閉じるのがめんどうな人にオススメ
目的別・おすすめ『Google Chrome』拡張機能20選 | ライフハッカー・ジャパン
Net Applicationsが発表した2012年7月のデータによると、デスクトップブラウザーのシェアは1位・IE、2位・Firefox、3位Chromeと並んでいます。皆さんもお気に入りブラウザーを使ってネットを見ていることでしょう。職種によっては、複数の種類のブラウザを同時に立ち上げているという人もいます。 これまでライフハッカーでは、ブラウザーを便利にするハック術（裏ワザ・ツールなど）をたくさん紹介してきました。今回からブラウザーごとのハック術を紹介していこうと思います。第1回目は「Google Chromeの拡張機能」をテーマにお送りします。 ■目次 ネットサーフィンを便利にするなら... ブラウザのユーティリティーアップなら... SNSをもっと便利にするなら... Gmailをもっと便利にするなら... ブラウザーに一味加えるなら... ブログを持っているなら...
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
“AdSense”の収益を手軽にチェックできる「Google Publisher Toolbar」がv4.0に
YouTube人気急上昇
重くなったChromeをワンクリックで軽くしてくれる「OneClick Cleaner」｜男子ハック
ソニック速報
【SEO】指定したキーワードでGoogleの検索順位を調査・保存するGoogle Chrome機能拡張「SEO SERP」 - ネタフル
IDEA * IDEA
Google ChromeでYouTube動画をmp3/mp4/FLV形式に変換してダウンロード保存できる拡張機能
