ディレクターの渡邉雄介です。 皆さんは仕事中にどんな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ほど便利なアドオン (機能拡張) がありませんでした

PdfIt extension allows user to convert current page to image file, or PDF format(image to pdf), during the page to image conversion process, user can apply some image filters( for example,rotate,reflection...,) For some filters(emboss, for example), the processing takes a while when apply to whole page, so please resize browser window to proper size and select 'Visible Area' function only or be pa

Use the Evernote extension to save things you see on the web into your Evernote account. Evernote Web Clipper is a browser extension that lets you save interesting things you find on the web directly to your Evernote account. Web Clipper Capture ideas and inspiration from anywhere with ease. Save articles, web pages, and screenshots directly to Evernote. Save what matters Clip web pages, articles,

プライバシーに関連するさまざまな問題に悩まされているGoogleは、同社自身の「Google Analytics」サービスを使用するウェブサイト向けのデータ収集をユーザーがブロックできる新しいアドオンを公開した。 Google Analyticsの新しいオプトアウトブラウザアドオンは、ユーザーがGoogle Analyticsを使用するサイトを訪問したときに、ユーザーのPCから特定のデータが流出するのを防止する。ウェブサイトはGoogle AnalyticsのJavaScriptコードをページ内に挿入することで、訪問者のPCからIPアドレスやブラウザバージョン、OS、ISPなどのデータをキャプチャする。それらのデータはGoogleに送信され、その後、ウェブサイト用の無料のGoogle Analytics（GA）アカウントを通してアクセス可能になる。 この新しいオプトアウトアドオンのベータバ

Adds a toolbar button with various web developer tools. The Web Developer extension adds a toolbar button to the browser with various web developer tools. This is the official port of the Web Developer extension for Firefox. -------------------- The best place for support is not in the reviews section below, but on the Web Developer site in the help: https://chrispederick.com/work/web-developer/he

今日はSEOに便利なFirefoxアドオンを紹介します。 検索結果をナンバリングするアドオンです。 SERPに登場したページが何位なのかがすぐに識別できてとても便利です。 特にYahoo!は一度に多くの結果が見られるように僕は100件表示に設定しているので、番号がないと見づらくてしかたありません（余談ですが、Googleでの100件表示はNGです。インデント結果が発生して標準の10件表示の時と順位が変わってしまいます）。 ダウンロードはこちらからどうぞ。 検索順位番号表示プログラム 以前からこのツールは使っていたのですが、最近Yahoo!の仕様が変わったのかYahoo!では正しく番号がふられなくなってしまっていました。 そこで開発元のディーボさんにアップデートをお願いしたところ、すぐに対応してくれました。 ありがとうございます。 ついでに今までなかったBing版もでき上がっていたのでこちら

SenSEO analyzes web pages and tells you how good they fulfill on-page Search Engine Optimization criteria. It gives you: - Overview of SEO-important web page components - Analysis of on-page-SEO-criteria In the current version SenSEO checks - Correct usage of Document-Title, Meta-Description and Meta-Keywords - Headlines, Domain and URL-Path - Existence of sitemap.xml and robots.txt - Usage of mic

僕はサイト診断するとき、HTMLのソースを見ることから始めるパターンが多いです。 titleタグにキーワードが入っているか、meta descriptionタグはキャッチーであるか、meta keywordsタグはキーワードスタッフィングになっていないか、hタグには何が書かれているか、alt属性は適切に記述されいるかなどの内部要因を調べることが目的です。 ブラウザに付属のHTMLビューツールでソースを見るのですが（FirefoxやChromeは「CTRL」＋「U」のショートカットキーで簡単に出せます）、HTMLはプレーンなテキストだけで記述されるのでどこに何があるのか決して見やすいとは言えません。 こんな不便さを解消するツールを見つけたので紹介します。 SenSEOというFirefoxのアドオンです。 実行するとウィンドウの下部にSEOで重要になってくる内部要因の項目を自動的に取得して見や

僕がメインで使うブラウザはFirefoxだったのですが、最近はGoogle Chromeに移りつつあり6:4かそれ以上の割り合いで今はChromeを使うことが多くなっています。 起動の速さに加えて、”Extension“（エクステンション）という拡張機能も続々と登場し、自分の用途に合わせたカスタマイズも可能になってきたのが大きな理由です。 しかしそうは言っても、Firefoxのアドオンには長年の歴史と実績があり、その種類の豊富さはまだまだChromeエクステンションの及ぶところではありません。 このブログでも何回かSEOに便利なアドオンを紹介してきました（今は使ってないのも結構ありますが）。 SEOに便利なおすすめFirefoxアドオン お気に入りの Firefoxアドオン×11+1 その他 今日紹介するのは閲覧中のページに存在する内部リンクと発リンクの情報をレポート表示するFireLin

iMacros is designed to automate the most repetitious tasks on the web. If there’s an activity you have to do repeatedly, just record it in iMacros. The next time you need to do it, the entire task will be completed at the click of a button! With iMacros, you can quickly and easily fill out web forms, download files, extract text and images, and more. The uses are limited only by your imagination!

Our Firefox Addon is obsolete and no longer supported. We recommend that people switch to using our Bookmarklet instead, which serves the same purpose but works across all browsers.

OS X用のChromeでもDev版でようやくエクステンション（拡張機能）が使えるようになったので、Web制作に役立ちそうなものをピックアップしてみました。せっかくなんで、おまけとして人によってはありがたいだろうものも載っけておきます。 とにもかくにもChromeのDev版をダウンロードしましょう。「あくまでも開発者向けなので…」とか言いたいとこですが、別にマシンがぶっ壊れるようなことはないので大丈夫（笑）。ちっちゃいことは気にすんな、ワカチコ。 ただし、Googleからは直接ダウンロードできませんので、Chromium Projectsの「Early Access Release Channels」からどうぞ。 真ん中あたりに「Dev Channel: GoogleChrome.dmg」ってリンクがありますので、ダウンロード&レッツらインスコローリングです。 肝心のエクステンションは、G

前エントリー「YSlow!、使ってわかるあんなことこんなこと」でFirefoxのアドオン「YSlow!」の使い方とか見方を紹介したので、今回はGoogleさん謹製のアドオン「Page Speed」の話をしてみようかと思います。 前回同様、「そうだ、京都、いってきた」的なページを参考ページとしまして、今回は画像に関するちょっとした話なんかも入れていきたいと思います。では、Page Speed編もいってみましょう。 始める前に、Page Speedのインストールから「Page Speed」は、Firefoxのアドオンサイトには登録されていませんので、GoogleさんのPage Speedのダウンロードページから直接インストールします。現在、正式版が「Version 1.4」、β版として「Version 1.5」が公開されていますので、どちらかお好きな方を。古いものよりは新しいものの方が良いと思

先月発売された「Web Designing」2010年1月号の特集では、ただの紹介だけに留まっていたツールの簡単な解説でもしてみようかと思います。今回は「YSlow!」で次回は「PageSpeed」ってな感じでお届けします。 双方のツールを使ってトータルであれこれと解説したいところなので、このサイトで割と画像を使ってる「そうだ、京都、いってきた」的なページを参考ページとします。 では、そんな感じで始まり始まり。 まずは、YSlow!が使えるようにする米Yahoo! Inc.さん謹製の「YSlow!」は、Firefoxのアドオンです。これ単体で動作するわけではなく、あらかじめ「Firebug」というアドオンが必要になりますので、こちらもあわせてインストールしましょう。インストールするとブラウザウィンドウの右下に「虫」のアイコンが出てきますので、それをクリックするとFirebugの画面を呼び出