![デジカメアイテム丼:これは便利!! ブラウザ上で写真のExifをすぐ表示 Google Chrome拡張機能「EXIF Viewer」](https://cdn-ak-scissors.b.st-hatena.com/image/square/5477a09150f87c38ecd025835534be751e5d1fec/height=288;version=1;width=512/http%3A%2F%2Fdc.watch.impress.co.jp%2Fimg%2Fdcw%2Flist%2F747%2F128%2Fimportant_image.jpg)
Chromeのデベロッパーツールをプロのように使いこなすための20のテクニックを紹介します。 いやー、本当にデベロッパーツールは機能が豊富ですね。 How to use Chrome DevTools like a Pro 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様に許可を得て翻訳しています。 HTMLの要素をクイック編集 指定した行番号に移動 すべての子ノードを展開 デベロッパーツールの位置を変える CSSのセレクタによるDOM検索 Material Designとカスタムカラーパレット 複数のカーソル 画像をData URIとしてコピー 疑似クラスのトリガー 複数のコラムをドラッグで選択 「$0」で現在の要素を手に入れる 要素の表示 「Event Listeners」の表示 イージングのプレビュー Media Queriesの検証 ネットワークをフィルム
ニコニコ動画の一般会員は本来なら使えないはずの「ムービーをシークバーの好きな場所から再生させる」機能や、PCから行えないはずの「ムービーの倍速再生」が行えてしまうスクリプトが公開されました。複数動画同時再生の制限回避なども可能で、Firefox・Google Chromeに対応しています。 ニコ動をHTML5で再生するスクリプト作った : lowlevelaware https://www.reddit.com/r/lowlevelaware/comments/3mk689/ 「ニコ動をHTML5で再生するスクリプト」はGoogle ChromeとFirefoxで動作するとのことなので、まずはGoogle Chromeで試してみます。Chrome ウェブストアでTampermonkeyのページを開いて「CHROMEに追加」をクリック。 「Tampermonkeyを追加しますか?」と聞かれる
はじめに 昨今のWebブラウザはどのような機能があるのか把握するのも大変なほど多機能で便利ですよね。 Webブラウザの機能を把握してうまく使いこなせること(とくに開発者ツール)が、フロントエンドエンジニアの前提スキルになってきてるのかなぁと感じる今日この頃です。 ということで自分のデフォルトの開発用ブラウザはChromeなのですが、これを覚えて捗ったなぁということをメモしていこうと思います。 思い浮かんだら追記していこうと思っているのでストックして頂けると幸いです。 基本系 キーボードショートカットを覚える Chromeのキーボードショートカットの一覧 キーボードで出来ることはなるべくキーボードでやるけれども、マウスやトラックパッドでやったほうが速い場合は臨機応変に切替えることを心がけています。 Chrome Canaryを使う Chromeの開発者向けプレビュー版 Chrome Cana
和洋風KAIは、Apple・水樹奈々・食べ歩きが三本柱のブログです。モットーは「楽しく」「便利で」「端的に」。 ⇒ アバウト ⇒ 免責事項 1.テキストのみコピペする方法。 リッチテキストエディタなどを使っていると、ブラウザからテキストをコピペした場合、画像なども付いてくる場合があります。 そんな時は「Control+Shift+V(Macだとcommand + shift + V)」を使ってペーストすると、テキストのみ貼り付けることが出来ます。 2.最後に閉じたタブを復活させる方法。 誤ってタブを閉じてしまった時は、「Control+Shift+T(Macだとcommand+shift+T)」とショートカットキーを叩くと復活させることが出来ます。 3. タブにマウスを置くと、ウェブページのタイトルの全てが読める。 Google Chromeはタブを開きすぎるとタブがとても小さくなってタイ
Google Chromeが「軽さ」を売りにしていたのは過去の話。最近は先進的な機能を盛り込んだ分、重くなっており、ちょっと古いマシンで重いページを開くと、固まってしまうこともしばしば。軽量化のためのチューンアップが欠かせないのだ。基本である初級編から、ちょっとリスクのある上級編まで、Chrome軽量化のテクニックをおさらいしよう。 Chromeが重いときの対処法としては、まず、履歴やキャッシュが溜まっていないかを確認しよう。これらのデータを全て削除し、ネットワークの自動検出の設定を無効化する。ここまでが基本の設定。パソコンのスペックが充分な場合は、これでChromeは快適に動くようになるはず。 それでもまだ重い場合は、ブラウザ動作の体感速度をアップさせる工夫が必要だ。Chrome標準の「先読み」機能を有効にして、ウェブの読み込み時間を短縮。さらに、タブを複数開いているときに、使っていない
これでメインブラウザに! 無料ランキング1位ブラウザ『Chrome』を使い倒す3つの小技を紹介します 2012年06月30日 21:30 カテゴリ:iphoneの小技ユーティリティーapp ツイート Chrome カテゴリ: ユーティリティ 価格: 無料 どうも@kuroji1987です。 先日リリースされてから瞬く間に無料ランキング1位となったブラウザアプリ『Chrome』。 今回はこの『Chrome』をガッツリ使い倒すために便利な3つの小技をご紹介したいと思います。これでメインブラウザに昇格できるかもしれませんよ! 1.ブックマークレットを使う まず1つ目は『Chrome』でブックマークレットを使用する方法です。 リリース時の記事でも書きましたが、『Chrome』でブックマークからブックマークレットを起動するとうまく動かすことができません。 アドレスバーに直接入力することで起動させられ
昨年のちょうど今頃の時期に、FirefoxからChromeに乗り換えたので導入した拡張機能+周辺ツールまとめという記事をエントリーしましたが、今回、実際に筆者がGoogle Chromeを本格的に使い始めて一年と少しが経過しました。 そこで、上記エントリーでは紹介しなかった、その後新しくインストールした拡張機能や、今はもう使わなくなって消してしまった拡張機能もいくつかあるので、改めて現在愛用している拡張機能をまとめてみます。 AutoPagerize for Chrome Greasemonkeyで超人気のスクリプト「AutoPagerize」のChrome用拡張機能。Googleの検索結果など、ページごとに分けられたウェブページを自動で読み込んで、継ぎ足し表示してくれます。 Readmine 筆者も愛用している”あとで読む”系サービス「Read It Later」のChrome用クライア
About RSSで購読する Google Chromeをより便利にしようとChrome拡張機能をたくさん入れていると、どんどんメモリを食うようになってしまいますよね。 そういったことを防ぐために、拡張機能をグループ分けしたりするわけですが、いっその事、絶対に使うものはひとつにまとめてしまえと思うのですよね。 そこで今回は、絶対に使う機能がひとつの拡張機能まとめられたものをご紹介します。余談ですが、私はこの拡張機能でメモリの消費量をたいぶ抑えることに成功しました。 組織のマインドマップツールをマインドマイスターにすべき理由 伸びてる産業、会社、事業を紹介しまくるStrainerのニュースレターに登録!! ブラウザを強化する拡張機能をひとつにまとめたChrome拡張機能「Pig Toolbox」 「Pig Toolbox」は、よく使われるGoogle Chromeの拡張機能をひとつの拡張機能
@torizoです。 今回はChromeをメインブラウザにするための絶対にはずせない超オススメエクステンションを紹介します。
ウェブで執筆を行うすべての人たちへ ウェブを活用しながら執筆をおこなう『ウェブライター』の人にとって便利なChrome拡張機能をまとめてみました。Google Chromebookの発売も近くなり、Chrome OSだけでどう仕事をこなすか真剣に検討をはじめている人もいることでしょう(まだ気がはやいですか?)。作業環境をすべてブラウザ上に移行するという勇者はまだ少ないかもしれないけど、Googleの急速なウェブアプリへのシフトにより、ウェブで執筆をおこなっている人たちにとって便利な環境が整いつつあるのは確かで、全部ブラウザとはいわないものの、ある程度ブラウザ上で作業ができるようにしておくことで作業効率を上げることができる時代に入った、とは言えるでしょう。 というわけで、ウェブで執筆をおこなう人にとって便利なChrome拡張をまとめてみたので、活用してください。実はこれ、記者が自分用にメモし
Google Chrome runs web pages and applications with lightning speed. Chrome安定版のメジャーバージョンアップが実施された。最新のChrome安定版は「Chrome 12」となる。beta、dev、canaryの各チャンネルはまだ従来のバージョンのまま。この後随時アップデートが実施されることになる。Chrome 12安定版における新機能は次のとおり。 3D CSSハードウェアアクセラレーション スクリーンリーダーサポートの改善 Google Gearsの排除 アドレスバーからアプリケーションを起動する機能 同期設定を設定画面へ統合 悪質なファイルのダウンロードを防止する新しいセーフブラウジングプロテクション機能 Flashクッキーを簡単に削除する機能の提供 3D CSSハードウェアアクセラレーションが機能するには、グラフ
Google Chrome runs web pages and applications with lightning speed. 高度なサービスを提供するWebアプリケーションの実装はますます複雑化しており、メモリの消費量も増え続けている。複数のフレームワークを活用した複雑なシステムでは、どのコードやオブジェクトがメモリを消費し、どこでメモリリークが発生しているのかのトレースが難しくなる。そういった場合に活用できるChromeの機能がChromium Blogの「Put JavaScript memory under control」で公開されている。Chromeにどういった機能が用意されているのか把握するうえで参考になる。 まずページごとにどの程度のJavaScriptメモリが消費されているのか計測する方法として、タスクマネージャを使う方法が紹介されている。設定ボタンから「ツール」
[2011-05-22 追記]x86_64 の場合の「Adobe Flash Player 10 をインストール」を nspluginwrapper 経由する方法を加筆。install-assist-google-chrome 化してもよいかも (^^ Vine Linux Magazine 2010,09,29 オープンソースカンファレンス 2010 Tokyo/Fall 参加レポート で、 $ google-chrome (snip) /usr/bin/google-chrome: /usr/lib/libstdc++.so.6: version `GLIBCXX_3.4.9' not found (required by /usr/bin/google-chrome) となるので、「Vine Linux 5 では Google Chrome が動きません(泣」と書いておりました。 ま
メディア関係者向けお問い合わせ先 メールでのお問い合わせ: pr-jp@google.com メディア関係者以外からのお問い合わせにはお答えいたしかねます。 その他すべてのお問い合わせにつきましては、ヘルプセンターをご覧ください。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く