Chrome デベロッパーツールの使い方: プロのように華麗に使いこなすための20のテクニック
Chromeのデベロッパーツールをプロのように使いこなすための20のテクニックを紹介します。 いやー、本当にデベロッパーツールは機能が豊富ですね。 How to use Chrome DevTools like a Pro 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様に許可を得て翻訳しています。 HTMLの要素をクイック編集 指定した行番号に移動 すべての子ノードを展開 デベロッパーツールの位置を変える CSSのセレクタによるDOM検索 Material Designとカスタムカラーパレット 複数のカーソル 画像をData URIとしてコピー 疑似クラスのトリガー 複数のコラムをドラッグで選択 「$0」で現在の要素を手に入れる 要素の表示 「Event Listeners」の表示 イージングのプレビュー Media Queriesの検証 ネットワークをフィルム
I Hate Google Chrome But I'm Trapped In It. Here's Why
In the Chrome vs. Firefox war, I'm siding with the Google users. But I don't want to. Chrome isn't my browser of choice because it's necessarily the best; it's because it has certain features that I can't live without. Chrome Is Fast, So Is Firefox, So Is Everything Else Until last year, I used to switch between Chrome and Firefox every few months. Every time I switched, I found that the other bro
Chromeがもっと便利になる、意外と知らないアドレスバーの裏技まとめ | ライフハッカー・ジャパン
Chromeのアドレスバーというのは一瞬しか見ません。URLを入力したら、あとはWebサイトに行くからです。しかし、使い方さえ知れば、実はもっと多くのことができます。 これまでもChromeに関する小さなコツを何度かご紹介してきましたが、アドレスバーについてはいつもスルーでした。しかし、実は色々とできることがあるのです。今回は、アドレスバーの知られざる裏技をご紹介していきましょう。 単位の変換や計算ができる ちょっとした計算をするために、いちいち計算機アプリを開くのは面倒だと思うことはありませんか？ そんな時は、計算式を入力すればChromeのアドレスバー（オムニボックス）に答えが出ます。Enterキーを押す必要すらありません。同じように、気温など基本的な単位の変換もできます。数字と単位を入れた後で「=」を入れるだけで変換してくれるのです。例えば、摂氏50度が華氏何度か知りたい時は「50
【特集】乗り換えるなら今！ Google Chrome活用・拡張まとめ | 教えて君.net
ここのところ飛ぶ鳥を落とす勢いのGoogle Chrome。そろそろ乗り換えてみようかな……と考えている人も多いことだろう。「これからChromeを始めてみよう」という人のために、今回は、抑えておきたい基本的な機能から定番の便利拡張まで、Chromeに関する必須の情報をまとめてみたぞ。 ■ 拡張しなくてもここまで使える Chromeの基本性能の高さをチェック Google Chromeといえば拡張してナンボ……というイメージがあるかもしれないが、Chromeは拡張を追加しなくても相当優秀なブラウザだ。便利なショートカット機能により操作性は抜群で、スタートページにはよく訪れるページが自動的に表示される。まずは生身のChromeの凄さをここで再確認してみよう。 詳細はこちら→【Chrome使い方講座1】GoogleChromeの便利な基本技を確認
「Google Chrome 9」のFlashで日本語入力できない症状の対策方法|ガジェット通信 GetNews
2011年02月04日にWebブラウザ「Google Chrome 9」の安定版がリリースされました。 「Google Chrome」を使っている多くの人は、自動アップデートなので既に「Google Chrome 9」になっていると思います。しかし「Google Chrome 9」（バージョン9.0.597.84）ではFlashで日本語入力できないという症状が発生しています。 これにより、ニコニコ動画にてコメントが打てない、Flashでのメッセージのやり取りができないなどの問題が発生しています。Windows版Google Chrome 9の対策方法の紹介です。（MAC版Google Chrome 9ではこの対策は効果がありません。） ※一部配信先ですべての画像を確認できない場合があります。すべての画像を見るには、ガジェット通信サイトの記事をご覧ください。 「Google Chrome」に
Chromeの「おせっかい」な新しい新規タブページを以前の設定に戻す方法 | ライフハッカー・ジャパン
ついにiPhone卒業→「Nothing Phone (2a)」へ。この乗換えが大正解だった!【今日のライフハックツール】
Web屋ならチェックしておきたい！作業効率が激変するChrome DevToolsの便利な使い方まとめ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
Web屋ならチェックしておきたい！作業効率が激変するChrome DevToolsの便利な使い方まとめ こんにちは、デザイナーの王です。 今回の記事では、ChromeのDevTools（デベロッパーツール）について、「多分、周知されていないけど、使わないともったいない！」的な機能を紹介させて頂きたいと思います。 フロントエンジニアにも、デザイナーにも、きっと効率アップに繋がる小技が見つかるはずです。 開発者なら「Chrome Canary」を使おう！ みなさんはChrome Canaryを使っているんでしょうか？一般向けにリリースされている安定版であるChromeより、ほぼ毎日アップデートしている「Canary」ビルトを選ぶ理由があります。 それは、開発者向けの新機能がいち早く利用できるからです！リリースがノロノロしているChromeを使ってたら、いつまでも最新の便利な機能の恩恵が受けられ
窓の杜 - 【特別企画】「Google Chrome」でマウスジェスチャーを使う
最新の記事2016年2月【特集】容量削減は回避できた？ “OneDrive”を活用するためのアプリまとめ （16/02/02）2015年12月【年末企画】編集部員の“今年のお気に入り” （15/12/25）【特別企画】使いこなせば検索・置換が捗る！ 「EmEditor」で正規表現を身に着けよう （15/12/25）【特集】クリスマスが来る前に！年賀状関連のフリー素材＆フォント＆ソフトまとめ （15/12/19）【特別企画】大丈夫？年賀状のマナー。年賀状作成の前に知っておきたい基礎知識 （15/12/14）【特別企画】失敗しない“年賀状本”の選び方 （15/12/05）2015年11月【特別企画】そろそろ年末！年賀状のWeb注文を試してみた、「デザイナーの手作業」やARまで…… （15/11/27）2015年10月【特別企画】古いWebサイトを簡単にスマホ対応！ 「BiND 8」でコードをい
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
お気に入りの壁紙を使ってChromeテーマを作成する方法 | ライフハッカー・ジャパン
Chromeのテーマギャラリーがローンチしてからというもの、素敵なテーマが溢れんばかりの今日この頃ですが、それでもやはり自作してみたい、という方のためにChromeテーマの自作方法をご紹介。思っているよりも全然簡単ですよ。 実際、ChromeテーマはJavaScriptもHTMLコードも含まない単純なアドオンで、2つの構成エレメントからなっています。 その2つとは 画像 x 数枚 .jsonマニフェストファイル x 1個 これらのエレメントが.crx形式にパッケージされています。.crxファイル形式とはGoogle Chromeが使用しているZIPファイルのバリエーションの一つです。 下の画像を使って作成したChromeテーマが、そのもう一つ下の画像です。このテーマは下記に記したやり方で作成しました。 ＜ビフォー＞ ＜アフター＞ お気付きの方もいるかもしれませんが、背景画像に対して新規タブ
米Google社員が語った、作業が捗るGoogle Chromeテクニック20個！ – 和洋風KAI
和洋風KAIは、Apple・水樹奈々・食べ歩きが三本柱のブログです。モットーは「楽しく」「便利で」「端的に」。 ⇒ アバウト ⇒ 免責事項 1．テキストのみコピペする方法。 リッチテキストエディタなどを使っていると、ブラウザからテキストをコピペした場合、画像なども付いてくる場合があります。 そんな時は「Control+Shift+V（Macだとcommand + shift + V）」を使ってペーストすると、テキストのみ貼り付けることが出来ます。 2．最後に閉じたタブを復活させる方法。 誤ってタブを閉じてしまった時は、「Control+Shift+T（Macだとcommand+shift+T）」とショートカットキーを叩くと復活させることが出来ます。 3. タブにマウスを置くと、ウェブページのタイトルの全てが読める。 Google Chromeはタブを開きすぎるとタブがとても小さくなってタイ
最近、パソコンの終了が遅いと思ったらChromeのせいだった
最近、Windows7をシャットダウンする際に「バックグラウンドシステムの終了を待っています…」と表示され、なかなか終了されないことが多くなっていました。 原因を調べてみたところ、Chromeのバックグラウンドアプリ機能が原因であることがわかりました。 photo credit: PromoBlog via photopin cc 設定解除の方法 ↑Chromeの「設定」から「詳細設定を表示…」を選びます。 ↑「バックグラウンドアプリ」の項目のチェックボックスをオフにします。これでOKです。 バックグラウンドアプリとは？ 拡張機能やウェブ アプリの多くは、機能を実行するためにバックグラウンド ページを使用します。 （中略…） 高度な機能を提供するために、Google Chrome のウィンドウがすべて閉じた後でも実行を続けるアプリもあり、バックグラウンド アプリと呼ばれます。 via バッ
乗り換えユーザさん必読！ Chromeを使いこなすための10のコツ | ライフハッカー・ジャパン
モバイルバッテリーとは呼べない。「ほぼポタ電」なコレ1台で有事の時もアウトドアも大活躍!【AmazonスマイルSALE】
Google ChromeをRAMディスクに丸ごとインストールして超高速化する方法！ | フリーソフトラボ.com
前回のエントリーで、FirefoxをRAMディスクに完全インストールして信じられないほど高速化する方法を紹介しましたが、同様にGoogle Chromeも、キャッシュの保存場所をRAMディスクに置き換えるだけでなく、RAMディスクに丸ごとインストールしてしまえば、より高速化することが可能です。しかしながら、Chromeの場合はインストール時にフォルダの指定ができないため、普通はOSがセットアップされているHDDにしかインストールすることができません。 そこで、ここでは”ジャンクション”と呼ばれる手法を用いて「表向きはあたかもHDDにアクセスしているように見えるが、実際にはRAMディスクドライブにアクセスしている」という状態を作りすことで、Google Chromeの起動に必要なデータを丸ごとRAMディスクから呼び出し爆速動作させるという、裏技的な方法を紹介します。 なお、この記事ではあらか
『Google Chrome』パワーユーザー向け完全ガイド : ライフハッカー［日本版］, 仕事も生活も上手くこなすライフハック情報満載のブログ・メディア
熱狂のリリースから1週間...その後『Google Chrome』は使っていますか？ かなり使い倒している人も、すでに元使っていたブラウザに戻った人も、はい注目！ 今回は、さらに深い『Google Chrome』の機能とオプションを探す旅にお連れいたしましょう。加えて、ちょっと気の利いた『Google Chrome』のブックマークやテーマ、アドオンなどを使って、動作やスキンをカスタマイズする方法なんかもご紹介しちゃいますね。 詳細は、以下にてどうぞ。 『Google Chrome』上でのマウス操作について 余分なものを排除したミニマルなブラウザにも関わらず、『Google Chrome』のインターフェイスには、かなり便利な機能が搭載されています。たとえば、マウス操作。ここに挙げたTipsを使えば、きっとブラウジングの効率がかなり向上されると思いますよ。 ■「←」「→」ボタンのクリック＆ホー
「Ctrl＋Shift＋V」で属性無効ペーストができます（Chrome） | ライフハッカー・ジャパン
Google Chrome用：リッチテキストエディターを使っていて（Gmail上など）、ウェブ上のテキストをコピペすると、ソースのテキスト属性もそのままペーストされます。これが煩わしいという方は、「Ctrl＋Shift＋V（MacではCmd＋Shift＋V）」でペーストしてみてください。 「Ctrl＋Shift＋V」を使用すると、属性をスルーして、テキストだけがペーストされます。今までは、ワードパッドなどに一度貼りつけるなどして、属性を無効化する作業が必要でしたが、その手間もこれで無くなります。 『Better Paste』の機能がキーボードショートカットで行えるので、非常に便利です。是非、覚えておいてください。 Tip: Just Text Please! [ Google Chrome Blog via Download Squad] Jason Fitzpatrick （原文／訳：松
特集：Google ChromeをIEやFirefox並に使いこなす16の極意 :教えて君.net
流星の如くあらわれたGoogle製ブラウザ「Google Chrome」。重厚路線を突き進むFirefox、IEなどのブラウザを尻目に軽快なフットワークでウェブサービスを取り込み、急速に勢力を拡大しつつある。もはやおまけのブラウザではない「Chrome」の特徴をしっかり把握して、適材適所で使いこなせるようになろう！ ・進化中のChromeの本領はウェブサービスで発揮される ・「シークレットモード」などの特殊機能を活用する ・オンライン化した夜用動画をGoogle Chromeからコッソリ再生 ・フォルダ内の動画を全自動でアップロードしてくれる「Soonr」 ・Google Chrome＋MP3tunesで大量のマイ音楽を出先で楽しむ！ ・出先マシンでのBGM再生はLast.fmでお気に入りだけをチョイス ・ChromeならGmailを標準メーラー並にサクサク使えるぞ！ ・Gm
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Google Chromeの便利なアドオンを教えるスレ : ニュース30over
まとめ：Google Chromeに乗り換えずに済む、Firefoxの小技17選 | ライフハッカー・ジャパン
IDEA * IDEA
