Webディレクター向けChromeアドオン10選（基本編）
目に青葉山ほととぎす初鰹。みなさまいかがお過ごしでしょうか。ディレクターをしているluckyと申します。ゴールデンウィークが終わり、早くも夏休みに思いを馳せている方々も多いかと思います。私もそのひとりですが… ここはひとつ気合を入れるべく、ビシッ！と業務改善に繋がるようなGoogle Chromeのアドオンをご紹介させていただきます。今回はディレクター業務を行う上で便利だと感じた、ごく基本的なものを10個チョイスしてみました。 目次 そもそもアドオンってなに？ Awesome Screenshot QRcode maker ColorZilla 文字数カウンタ Cache Killer Page Ruler ウェブタイムマシン Ghostery AdMatrix Analytics Evernote Web Clipper 結論 そもそもアドオンってなに？ ・ブラウザに新機能を追加できる簡
Zed - Atom対抗馬なるか。Google Chromeアプリのプログラミングエディタ MOONGIFT
おお、これは格好いい！ GitHubの作ったプログラミングエディタAtomに注目が集まっていますが、それに対抗するかのようなオープンソース・ソフトウェアが登場しました。それがZed、Google Chromeアプリとして動作するプログラミングエディタです。 Zedのインストール ZedはChrome ウェブストアで公開されていますので簡単にインストールできます。 インストールはワンクリックで。 Chromeアプリなのでランチャーに入ります。 Zedの使い方 Zedを立ち上げました。Dropboxまたはローカルのフォルダを指定します。 開きました。基本2ペインですが、さらに分割もできます。 コマンド+EまたはCtrl+Eでフォルダ以下のファイルをインクリメンタル検索します。 Markdownファイルであればプレビューも可能です。 各種プログラミング言語に対応したハイライター。 ノートという機
仮想敵サイトを丸裸にするのに必要なChromeの拡張機能３つ
WEB制作会社にお勤めの方なら「そんなん知ってるよ」程度のネタですが、会社でWEBのお仕事に携わっている方なら絶対入れといた方が良いChromeの拡張機能のご紹介をしてみます。競合のリサーチに使えます。ただしChromeはやたらめったら拡張機能を入れまくると、重くなったり落ちまくったりがあるので必要最低限にしておくのがオススメ。 関係無いけどiPad mini RetinaのChromeがめちゃくちゃ落ちる。Googleの中の人、なんとかしてください。 スカウターなみの威力のPageRank Status PageRank Status これはもうドラゴンボールの「スカウター」です。敵サイトの概要やアクセス数の目安、バックリンク、パワー、経験値などを一瞬で表示してくれます。 ↑ 試しに敵では無いですが、プロブロガーのイケダハヤト師のブログを見てみました。 サイトランク付けてるAlexaはい
私がよく使っているウェブサイト作成に役立つChromeの拡張機能6選
個人的に良く使っているウェブサイト作成時に役立つChromeの拡張機能を紹介します。有名なものばかりだと思いますが、ひとつでも新しい発見があればうれしいです。 CSSViewer マウスを乗せた場所のスタイルの状況を知ることができます。余白を調整したいときに使います。調整したい余白がどの要素にあたるのかがすぐに分かります。 次に紹介するものはさらにスタイルの変更もできるわけですが、こちらの方が見やすいのでちょっと確認したいというときはこちらを使います。 Code Cola 先ほどと似ていますが、こちらはスタイルを確認できるうえに内容を変更することもできます。 フォントやボックスモデルに関するプロパティやもちろんtext-shadow、box-shadow、border-radiusなどのCSS3にも対応しています。 Page Ruler 自由に大きさを図ることができます。縦横の長さと、画面
[Chrome] Adsenseやってる人は「Google Publisher Toolbar」を入れると楽しい｜まだ仮想通貨持ってないの？
これ面白い拡張機能ですねー。Google公式です。ブログなどにAdsense貼ってる人は試してみると面白いはず。 Chrome ウェブストア – Google Publisher Toolbar 表示画面で直接レポートを見ることができる このエクステンションを入れると、こんな感じで「今日」「昨日」「7日」のレポートを表示画面上で直接知ることができます。収益性が一目でわかっていい感じ。 ツールバーの名の通り、Chromeにボタンが追加されます。こいつをクリックするとその場でアカウントの概要が表示。 これ個人的にかなり助かるのですが、複数アカウントの閲覧・切り替えも一瞬でできます。複数サイト運営している方はこれ嬉しいはず。 また、オーバーレイを有効にしておくとクリックできなくなるので、サイト運営者による誤クリックも防ぐことができます。 サイト上に売上が直接表示されるのはなかなか楽しい体験です。
![[Chrome] Adsenseやってる人は「Google Publisher Toolbar」を入れると楽しい｜まだ仮想通貨持ってないの？](https://cdn-ak-scissors.b.st-hatena.com/image/square/0262202262ef32ee5ed17272e657aa76577b7d41/height=288;version=1;width=512/https%3A%2F%2Fwww.ikedahayato.com%2Fwp-content%2Fuploads%2Flivedoor%2F2011_2012%2F370604bb.png)
CSSを編集して自動保存できるChromeの拡張機能「DevTools Autosave」 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、デザイナーの王です。 突然ですが、皆さんはどうやってWebページを組んでますか？ 僕は、HTMLの骨組みをひと通り書き終え、それからChromeで直接CSSを書いていきます。個人的には、ChromeはCSSをリアルタイムでいじれるので便利です。 しかし、この手法で組むと、CSSを追加、編集するたびに、いちいちコピペを連発しなければならない。しかもその後ちゃんとコピペしきれているか別タブで確認して・・・。 これは、NO GOODです！ 「編集したCSSをそのまま保存できたらなあ。」と誰もが思うことでしょう。ブラウザのセキュリティ上、そのような機能は永遠に提供されないと思われますが。 と、思ったのは誤算でした！ なんと、Chromeが開発者向けに「Chrome DevTools Autosave」という名の拡張を出しているんです！これを使えば、編集したCSSがそのまま保存されます！
WEB開発者必携。任意ヘッダーやメソッドを指定して送信できるChromeアプリ「Dev HTTP Client」:phpspot開発日誌
WEB開発者必携。任意ヘッダーやメソッドを指定して送信できるChromeアプリ「Dev HTTP Client」 2012年05月01日- Chrome ウェブストア - Dev HTTP Client WEB開発者必携。任意ヘッダーやメソッドを指定して送信できるChromeアプリ「Dev HTTP Client」 サーバに対して、POSTやGET等のメソッドで、独自のクッキーやヘッダーなどを加えて手動で送信できるChromeのアプリです。 POSTで送信する場合ってフォームを用意しないといけないのが面倒ですが、それも手動で指定できるため、非常に便利。 その場で返却値がカラーリングされつつ整形されて見れるので、JSON等の値を見る場合には超便利です JSON返却値の例。カラーリングと整形がありがたい なくてもそこまで困らないかもしれませんが、エントリポイントをちゃんとチェックしたいっていう
Adobeアカデミックストア
Yes, Adobe offers free products like Acrobat Reader, Aero, Fill & Sign, Photoshop Express, and Adobe Scan. You can also use Creative Cloud Express, Fresco, and Lightroom Mobile for free, with the option of making in-app purchases. Adobe makes some of the most widely used software applications in the world, many of which are industry standard. Get started with free apps like Adobe Acrobat Reader, A
25+ Must-have Chrome extensions for web designers and developers
25+ Must-have Chrome extensions for web designers and developers For many web designers and developers, Firefox is unsurpassable. For others, Firefox eats Chrome's dust. For the past two years, since Google Chrome's release, there's been a raging debate on which browser is superior. Mozilla's open source product has stood the test of time and Firefox has quickly become the most used browser, havin
Using Page Speed for Google Chrome
Learn more Overview Page Speed browser extension mod_pagespeed for Apache 2 Get Started Page Speed for Google Chrome Page Speed for Firefox mod_pagespeed for Apache 2 Installation and Configuration Configuring Filters Mapping Domains URL Control System Integration Experimenting with mod_pagespeed Security Considerations Documentation Performance Best Practices Optimize caching Minimize round trip
NET JUNKIE2 > Chrome エクステンションズ for Web Development
Google Chrome Extensions for Web Developmentがスゲェーぞ！ Google Chrome DeveloperGoogle Chrome Extensions for Web Developmentがスゲェーぞ！ Google Chrome Developer Toolsは、ChromeでHTML、JavaScriptとCSSをデバッグするのに便利です。あなたがChromeウェブStoreのためにウェブページまたはウェブアプリさえ書いているならば、あなたはDOMで要素を調べることができて、有効なJavaScriptをデバッグして、直接現在のページのCSSスタイルを編集します。拡張は、Google Chromeをあなたがあなたのブラウザーで簡単にアクセスすることができるさらなる特徴を提供することによるさらにより良いウェブ開発環境とすることができます。
Web Developer - Google Chrome 拡張機能ギャラリー
Adds a toolbar button with various web developer tools.
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Agen Judi Bola, Daftar SBOBET, Situs Judi Bola Online Dizyne
Omni banner slider - ZED
Redirect Path
10 Essential Chrome Extensions for Designers
JS Runtime Inspector
HTML5 Outliner
Amazingly Simple Graphic Design Software – Canva
YSlow - Chrome Web Store
