Web制作が捗るChrome拡張機能12選 – おすすめの拡張機能を集めてみた | Pulp Note
Chrome拡張機能にはWeb制作に便利なものが多く、私もよく利用しています。特に1〜2クリックでさっとチェックできるものは頻繁に使い制作の中で馴染んだものであるため、これらがないと手間どってしまうくらい依存性の高いものばかり。今回は私がよく利用しているChrome拡張機能を12個紹介します。初見のものがありましたら、ぜひ試してみてください。 Eagle – 効率的に画像を保存する Eagle サイト上にある画像をドラッグ＆ドロップだけで保存できるChrome拡張機能。あとで見返したい画像を効率的に保存できるのは嬉しい。ページ全体のスクリーンショットの撮影も可能。撮影後は専用のアプリに保存されます。この手のものは他にもあったのですがサービス終了してしまい、他を探してようやく見つけたのがEagleでした。重宝しています。 Eagle – 効率的に画像を保存する 専用アプリのダウンロードはこち
Chromeの新機能CSS Overviewがすごく便利！ページに使用しているCSSの概要や未使用の宣言がすぐ分かる
Chromeに新しく実装された「CSS Overview」が非常に便利なので、紹介します。 表示しているページのCSSの概要、カラー、フォント、メディアクエリ、未使用の宣言が一覧でき、制作したページの検証やスタイルガイドとしても役立ちます。 Chromeの新機能「CSS Overview」 Fyi: New in Chrome: CSS Overview Chromeの新機能「CSS Overview」の準備 Chromeの新機能「CSS Overview」の使い方 Chromeの新機能「CSS Overview」の準備 まずは、Chrome デベロッパーツールを開き、右上の歯車アイコン（Settings）をクリックします。
意外と知らない？HTML/CSSを書く上で便利なデベロッパーツールの機能13選｜かずたか
※こちらの記事が400はてブ以上ついて、総合とテクノロジーの人気エントリーに入りました！ こんにちは。Kazutaka Shimizuです。 フリーランスとしてPM、エンジニアをやっています。 元々はWebマーケティングのコンサルタントをやっていましたが、独学でWeb開発を勉強してプロダクトを作って起業しました。 最近は創業した会社を離れ、フリーランスとして活動したり、プログラミングを独学した経験をこちらのツイッターで発信しています。 みなさんはGoogle Chromeのデベロッパーツールをご存知ですか？ ドットインストールなど一部のプログラミング学習サービスでは、デベロッパーツールのレッスンがあるなど、おそらく全く知らない人はかなり少ないと思います。 しかし、とにかく多機能なため、意外と便利な機能を使ったことがないというプログラミング初心者の方も多いようです。 僕自身、何度か自分のTw
Web制作者は使わないと損！Chrome 59でアップデートされたデベロッパーツールの便利な新機能
5日にリリースされたChrome 59で、ブラウザと共にアップデートされたデベロッパーツールの新機能を紹介します。 What's New In DevTools (Chrome 59) Chrome 59 - What's New in DevTools -YouTube ページの軽量化: 未使用のCSSとJavaScriptを見つける フルサイズのスクリーンショットをキャプチャ リソースのロードをブロック 非同期コードの検証 コマンドメニューの統一 ページの軽量化: 未使用のCSSとJavaScriptを見つける 新機能の一つ目は「Coverage tab」。ページで使用されていないCSSとJavaScriptを見つけることができます。 command + shift + P で、「Show Coverage」を入力して選択。 ※「cov」まで入力すれば、上位に表示されます。 Show
業務スピードが上がる！Google Chromeのおすすめ拡張機能9選 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。GoogleChrome（グーグル・クローム）をこよなく愛する男、鮫島です。 仕事でもプライベートでもChromeを使いまくっているのですが、今回は超絶便利なChromeの拡張機能（エクステンション）をいくつかご紹介します。 これを全て使いこなせれば、業務の効率は確実に上がるので、特にWeb制作のディレクターの方にオススメですよ！ もちろんディレクター以外の人も使える拡張機能はたくさんあるので参考になれば！ そもそもGoogleChromeの拡張機能（エクステンション）ってなんなの？ 一言で言うと、Chromeに機能を追加するためのもの。Chromeにはいろいろな拡張機能が用意されていて、インストールすると、ページ全体のキャプチャを撮ったり、不必要な広告をブロックしたりする機能を追加できます。GoogleChromeのデフォルトの機能で物足りない方にオススメです。人によっては、
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
スマホのWeb開発に、Adobe Shadowが神ツールな件 | fladdict
スゴイ。ヤバい。 Adobe Shadowは、Adobeのラボがリリースした、スマホコンテンツの開発支援ツール。 何ができるかというと、PCのブラウザで表示したURLのコンテンツを、iPhoneやiPadで同時に表示してくれる。 PCでサイトをリロードするだけで、iPhoneやiPadでも自動でブラウザがリロードされて、表示を検証できる！！ iPhoneやiPadはURLの入力が面倒だし、PCで作業する度にデバイスを移動するのが大変だった。 Adobe Shadowを使うと、PCでリロードするだけで、全環境で表示の確認がすぐできる。これは作業がはかどる。 使い方 Mac / PC に Adobe Shadowをインストール ブラウザ（Chrome)にAdobe Shadowの拡張をインストール iPhone, iPad, android, kindleに Adobe Shadowアプリをイ
2011年に見つけた入れておくと便利なオススメChrome拡張機能ベスト10 | フリーソフトラボ.com
Chromeの拡張機能が本格的にリリースされるようになって、2011年いっぱいで早くも約2年が経過しました。世界のブラウザシェアでFirefoxを追い抜き、拡張機能の開発もますます盛んなChromeですが、主要なものは最初の1年のうちに出そろった感があり、最近は面白い拡張に出会うことも少なくなってきました。 今回はそんな中で、2011年の1年の間に新しくリリースされた拡張機能の中から、筆者が気に入った便利な拡張機能の個人的ベスト10をまとめて紹介。ブラウジングを効率化してくれるものや、Chromeのかゆいところに手が届くものなど、インストールしておくと何かと便利そうな拡張機能を中心に選んでみました。 Reeder for Chrome ウェブ版Googleリーダーの見た目をMacで超人気のGoogleリーダークライアント「Reeder for Mac」と全く同じにできる拡張機能。以前当サイ
Google Chromeを最大限活用するために導入しておきたい周辺ツールまとめ | フリーソフトラボ.com
Googleが2年以上の歳月をかけて開発したWEBブラウザ「Google Chrome」。ブラウザ戦争とも呼ばれる今日の厳しいWEBブラウザ事情の中に登場したGoogle Chromeは、まだまだ生まれたばかりで拡張性などは他の競合ブラウザに劣るものの、WEBページの圧倒的な処理能力を始めとする”高速性”が高く評価され、リリースされてあっという間にメジャーブラウザの仲間入りに成功しました。 この「Google Chrome」、他のブラウザにはない圧倒的な高速性を十分に生かせば、今よりももっと使いやすいブラウザになるはず。今回は、そんなGoogle Chromeをフル活用するために、使えそうな周辺ツールをいくつかピックアップしてまとめてみました。と言っても、まだまだ生まれたばかりのGoogle Chromeで使えるツールは数少ないようです。Firefoxのようにアドオンを追加するようなことは
ディレクターの日常業務で役立つGoogle Chromeのアドオン10個 : LINE Corporation ディレクターブログ
ディレクターの渡邉雄介です。 皆さんは仕事中にどんなWebブラウザを利用していますか？ 私の周りは一昔前はFirefoxが多かったのですが、最近はGoogle Chromeをメインで使っている人が増えてきた気がします。 Webブラウザのシェアを調べてみると、10月時点で国内ではChromeが2位のFirefoxに迫る勢い (世界的にはすでにFirefoxを抜いて2位) ということで、今後のWeb開発においてはChromeの存在も無視できない存在になってきたのではないでしょうか。 ※参考: ChromeブラウザシェアがFirefoxを抜いて2位に！IEを抜いてシェアトップになるのは2012年5月中旬頃の予想 | Chrome Life 私自身も1年ほど前にメインで使うブラウザをFirefoxからChromeに変えました。以前はFirefoxほど便利なアドオン (機能拡張) がありませんでした
便利な人には便利なChromeの拡張機能 33＋1コ | gaspanik weblog
皆さんの普段使いのWebブラウザはなんですか？ ここ最近のボクはといえば、GoogleさんのChromeをメインブラウザとして使っています。Chromeも公開されているアプリや拡張機能を追加して、自分なりのブラウジング環境を作れます。そのまま使うか、拡張機能でカスタマイズするかはあなた次第です。 そんなわけで、今日は数多ある拡張機能の中からボクが選んだ入れておくと便利かもしれない拡張機能を33＋1コ集めてみました。前半は多くの人を対象に日常のブラウジング体験を快適にするもの、後半はWebサイトの開発系でちょっと役立つものといった感じでジャンル分けしてお届けします。ま、あくまでもボクが普段使ってるものベースですが…、キャプチャ中の★やユーザー数も参考に。 いくら拡張機能が便利だって言っても、入れすぎたらそれは重くなるだけですからね。適当に取捨選択して入れるなり、使う時だけオンにするなりしまし
Chromeを最大限活用する10のTips
新参ながら、GoogleのChromeは他のブラウザを評価するスタンダードになってきていますよね。今回はこのChromeを最大限活用する10のコツをご紹介しましょう！ HOMEページを追加してみようパワーユーザーはHOME1個じゃ物足りないよね？ Chromeはブラウザ立ち上げると複数のサイトが開くように設定できるんです。右上にある工具みたいなレンチアイコン押してTools ＞ Basicsと進んで好きなサイトを追加しちゃいましょう。ただしあんまり追加し過ぎると起動が遅くなるので...ホドホドにね！ 検索窓を計算機に活用ChromeのGoogle Suggests機能をうまく使いこなせば｢数にめちゃ強いヤツ｣と同僚にも尊敬してもらますよ。URL入れる検索枠（Chrome発表時に｢超能力バー｣と呼んでたけど、｢Omnibar｣が正式名称）に数式を書き込むだけで、Enterキー押さなくっても検
Chromeの小技＆裏ワザまとめ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
Google Chromeの厳選おすすめ拡張機能30個まとめ | フリーソフトラボ.com
Google Chromeの拡張機能が本格的に登場してから約1年が経ち、その数はFirefoxには一歩及ばないもののライブラリーにはクオリティの高い拡張機能がかなり充実してきました。当サイトでもちょうど1年前に、Google Chromeに入れておきたい拡張機能30個まとめという記事をエントリーしたことがありますが、この1年で当初とは比較にならないほど多数の便利な拡張機能が出揃ってきています。 そこで今回は、最近になって登場した比較的新しいものも含め、利用価値の高そうなお勧めの拡張機能を改めて30個まとめ直してみました。Firefoxのように再起動する必要なく気軽に使えるのもChrome拡張機能の特長なので、気になったものがあれば是非一度試してみてはいかがでしょうか。 なお、この記事では上記エントリーで紹介したものとは重複しないように選んだため、あまり広く使われていないマイナーな拡張機能も
ブラウザ機能を強化する Chrome拡張機能 まとめ
組織のマインドマップツールをマインドマイスターにすべき理由 伸びてる産業、会社、事業を紹介しまくるStrainerのニュースレターに登録!! ブラウザ強化系 拡張機能まとめ Google Chrome自体の機能を便利にしてくれる拡張機能をご紹介します。 最近の更新 2011年12月18日：いくつかの拡張機能を追加、そしてなくなってしまった拡張機能を代替するものに変更。また、見た目を少し変更しました。 目次 ブラウザ強化系以外の項目は、別のページに移動します。 Google系 ブラウザ強化系 基本拡張機能「新しいタブ」を拡張タブを開きすぎる人向けブックマーク系便利機能追加系GTD実践 自己管理系 WEBサービス系 WEB担当者お役立ち系 デザイナーお役立ち系 ソーシャルサービス系 エラーが起こるので気を付けたいもの ↑目次へ戻りたい場合は、画面右下にある「目次へ戻る」ボタンを押してください。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ヤバイ便利すぎる！Googleが提供するすべてのアプリ・サービスを1クリックで利用できるChromeの機能拡張
Facebookライフを劇的に便利にする「Chromeエクステンション」27個まとめ : (旧)ガイアックスソーシャルメディア ラボのブログ
IDEA * IDEA
http://n1kumeet5.com/2011/09/chromefreeapp/
YouTube人気急上昇
