Google Chromeで、target=”_blank”が付いたリンクでも、新しいタブを開かない方法を調べたのでメモっておきます。

「meddle web design: javascript, dhtml and photography experiments」で配布されているkillblank.user.jsをインストールしてください。「this wonder」と書かれている場所をクリックです。

このScriptをインストールしていると、すべてのtarget=”_blank”属性を削除します。結果的に自分が意図しないタイミングで、新しいウィンドウ・タブが開かれることを抑止できます。

これで facebook を使ってるときに、不意に新しいタブが開くのを抑止できます！

再配布

無くなったら困るので、ウチでも再配布しておきます。

killblank.user.js

license

Creative Commons — Attribution-ShareAlike 2.0 Generic © Sergi Meseguer

Google Chromeの拡張機能「Create Link」の設定例をメモしておきます。

Create Linkは、現在表示しているページに関するHTMLリンクタグなどを生成する拡張機能で、Firefoxアドオンで言う「Make Link」に該当します。

生成するタグはカスタマイズ可能で、現在私が使用している設定は以下の通りです。

HTMLリンク

<a href="%url%" title="%title%">%title%</a>

タイトルとURL

%title%%newline%%url%

タイトル

%title%

qリンク

<q><a href="%url%" title="%title%">%title%</a></q>

blockquat

<blockquote title="%title%">%newline%%text_n%%newline%%newline%<small>引用元：<a href="%url%" title="%title%">%url%</a></small>%newline%</blockquote>

参考になれば幸いです。

Google Chromeはポテトより強く、音速より早く、雷よりも強い！Chromeサイコー！ヒャッハー！

Google Chromeでは、ブラウザ上部にあるアドレスバーを、検索ボックスとしても使用します。この「アドレスバー＋検索バー」のことを「Omnibox」と呼びます。

Omniboxを活用すると、様々な検索エンジンに簡単にアクセスできるようになるので、グッとChromeが便利に使えるハズです。ぜひ使い方をマスターしてください。

併せて『Google Chromeのショートカットキーまとめ』も読んで頂くと、ますますChromeが便利になると思います。

Omniboxの操作方法

Omniboxの操作方法を以下に示します。まずはCtrl+Lだけでも覚えてください。

Omniboxの操作例

例を用いてOmniboxの具体的な使い方を説明します。該当する検索エンジンが追加されていないと、例の通りに動かないので注意してね。

Googleで「Chrome」を検索

「Ctrl+E→ “Chrome” → Enter」と入力します。

Amazonで「エネループ」を検索

「Ctrl+L → “amazon.co.jp” → SPACE → “エネループ”→ Enter」と入力します。

Yahoo!で「Google」を検索

「Ctrl+L → “ya” → Tab → “google”→ Enter」と入力します。

「http://www.yahoo.com」を開く

「Ctrl+L → “yahoo” → Ctrl+ENTER」と入力します。

Omniboxに検索エンジンを追加する方法

Omniboxに検索エンジンを追加するには、検索したいページにアクセスしてください。これだけで該当ページの検索エンジンが自動的に追加されます。なにそれカッコイー！

もちょっと具体的に言うと、アクセスしたページがOpenSearchと言う規格に対応していれば、自動的にChromeに検索エンジンが追加されます。気付いた限りではWikipediaやflickr、はてなや価格.comがOpenSearchに対応していたよ。

追加された検索エンジンの詳細を見たい場合は、Omnibox上で右クリックして「検索エンジンの編集(E)」を確認してください。ここから自分で検索エンジンを追加することも出来るよ。

「OpenSearch – Wikipedia」に詳しいことが書いてあるので、参考までにどうぞ。

Amazon.co.jpを検索エンジンとして追加する

Amazon.co.jpで検索を行うと、OmniboxにAmazon検索が追加されます。とは言え、折角なので下記文章も残しておきます。任意のエンジンを追加したい場合などに参考にしてください。

なぜか日本のAmazonはOpenSearchに対応していないようです。

Firefoxなどから設定を引き継ぐと、自動で検索エンジン候補に追加されてたりしますが、見あたらない場合は自分で追加しましょう。

Amazon.co.jpをChromeの検索エンジンとして追加するには、Omnibox上で右クリックして「検索エンジンの編集(E)」を選択し、「追加」ボタンを押してから、以下の通りに入力します。

名前

Amazon.co.jp

キーワード

amazon.co.jp

URL

http://www.amazon.co.jp/exec/obidos/external-search/?field-keywords=%s&mode=blended

これでOmniboxからamazon.co.jpを検索できるようになるはずです。

大きく「キーボードショートカット」と「マウスショートカット」に分けてあります。

併せて『Google Chrome、Omniboxの使い方』も読んで頂くと、ますますChromeが便利になると思います。

キーボードショートカット

マウスショートカット

livedoor Reader(ldr)のWeb画面を改造中。まだ完成形ではないんだけど、現在の表示イメージを載せておくよ。

このWeb画面は、Google ChromeにChromeFullFeed, fldr_show_fc2_images.user.js, LDR open in background tabなどの拡張を入れて機能アップ、さらにChrome Stylistで見た目を自分好みに改造して実現しています。

ほぼ完成形に近いんだけど、「はちま起稿」をfullFeedすると文字化けする問題が未解決。いったい何が悪いんだろうなー。

以下、自分用のメモ書きとして、Stylistのルールを載せておきます。

pre, code, kbd, samp, var {
  font-family: "Monaco", "Andale Mono", monospace !important;
}

.body img {
  max-width: 100% !important;
}

.channel a {
  color: #000000 !important;
}

.title {
  font-size: 20px !important;
}

.channel_toolbar {
  padding-bottom: 0em !important;
}

#message_box {
	left:470px;
	margin-top: 0px!important;
}

#total_unread_count {
	position : absolute;
	right    : 80px;
	top: 5px!important;
	z-index:1;
}

#header,
#functionHeader,
#contentHeader,
.adsWrapper,
.fontpad,
#reader_logo,
#my_menu,
.item_info,
.item_footer,
.item_buttons {
	display:none;
}

#menu {
	height: 1px!important;
}

.padding
{
	margin: 0px!important;
}
.item_body
{
	margin: 10px 20px !important;
}
blockquote
{
	margin: 0px 40px !important;
}

TwitterのWeb画面を改造中。まだ完成形ではないんだけど、現在の表示イメージを載せておくよ。

このWeb画面は、Google ChromeにPBTweet+と言う拡張を入れて機能アップ、さらにChrome Stylistで見た目を自分好みに改造して実現しています。

見た目の変更はFirebugが無いと苦労するかと思ったけど、Chrome標準の「要素を検証」で簡単に該当エレメントを取得できるのよね。これなら思う存分にいじれるわ。

あとはメンション入力時のアドレス補完機能を実装したいなー。Chrome拡張で良いのが無いか探してみよう。

以下、自分用のメモ書きとして、Stylistのルールを載せておきます。

textarea#status {		/* ツイート入力欄		*/
	height:4em;			/* default:2.5em;		*/
	width:95%;			/* default:515px		*/
}
#container {			/* content + side_base	*/
	width:95%;			/* default:763px;		*/
}
#currently {			/* 最新のツイート		*/
	display:none;		/* default:(not set)	*/
}
#content {				/* メインコンテンツ		*/
	width:100%;			/* default:564px;		*/
}
ol.statuses .thumb {	/* アイコン表示領域		*/
	height:34px;		/* default:50px;		*/
	width:34px;			/* default:50px;		*/
	margin:0;			/* default:0 10px 0 0;	*/
}
ol.statuses .thumb img {
	height:32px;		/* default:48px;		*/
	width:32px;			/* default:48px;		*/
}
ol.statuses .actions {
	line-height:1em;	/* default:1.25em;		*/
	right:0px;			/* default:10px;		*/
	top:0px;			/* default:8px;			*/
}
ol.statuses span.status-body {
						/* 個別ツイート本文		*/
	margin-left:40px;	/* default:56px			*/
	min-height:40px;	/* default:48px;		*/
	width:95%!important;/* default:425px;		*/
	max-width: 100%!important;
}
ol.statuses li.status, ol.statuses li.direct_message {
	line-height:1.4;	/* default:16px;		*/
	padding:2px;		/* default:10px 0 8px;	*/
						/* default:(not set)	*/
	border-top:1px solid #CCC;
}
ol.statuses {
	font-size:15px;		/* default:14px;		*/
}
ol.statuses > li.last-on-page,
ol.statuses > li.last-on-refresh	{
						/* default:1px solid #CCCCCC !important;		*/
	border-bottom:none;
}
.meta {
	display:inline;		/* default:block;		*/
	font-size:9px;		/* default:11px;		*/
}
#side_ad_base{
	display:none;		/* default:(not set)	*/
}
#trends{
	display:none;		/* default:(not set)	*/
}
#rssfeed{
	display:none;		/* default:(not set)	*/
}
.status-body a.tweet-url.web {
	font-size:11px;		/* default:14px;		*/
}
.status-body a.tweet-url.screen-name{
	position:absolute;	/* default:(not set)	*/
	left:0;				/* default:(not set)	*/
	top:34px;			/* default:(not set)	*/
	font-size:8px;		/* default:15px;		*/
	color:#999;			/* default:#088253		*/
	max-width:34px;		/* default:(not set)	*/
}

body#profile #container ol.statuses .latest-status .entry-content {
	font-size:1em;
}
body#profile ol.statuses li.latest-status {
	border-top-width:0;
	line-height:1.5em;
	padding:0;
}

Googleが開発したタブブラウザ「Google Chrome」では、拡張機能（エクステンション）と呼ばれる便利ツールを導入することによって、自分好みの快適ブラウジング環境を整えることができます。

しかし拡張機能は数が多く、自分好みの機能を探すのは中々に大変。

そこで私が愛用している拡張機能をご紹介しますので、探索の一助として頂けたらと思います。

活用している拡張機能

いま現在、バリバリ活躍している拡張機能です。

Auto-Translate

便利。Ctrlキーを押しながら翻訳したい文章を選択すると、ツールチップで日本語訳を表示してくれます。

AutoPagerize for Chrome

必須。Webの「次へ」で表示されるページを自動的に繋げて読み込んでくれる。一度使うと便利すぎて手放せなくなること請け合い。文章では便利さが伝わらないと思うので、Firefox版の動作画面を動画キャプチャした『AutoPagerの便利さを動画で紹介』をご覧頂けたらと思います。

Better History

便利。Chromeの履歴ページを時間別やサイト別に分類して表示してくれます。

Create Link

現在開いているページのリンクタグなどを生成します。生成するタグはカスタマイズ可能です。Firefoxで言うMake Linkです。

FB Photo Zoom

facebookの写真を、マウスカーソルを乗せるだけで自動拡大してくれます。

Fittr Flickr

オンライン写真管理サービス「Flickr」に、様々な便利機能を追加します。EXIF表示や各種画像サイズへのリンク表示など、痒いところに手が届く拡張機能です。

fldr_show_fc2_images

リファラーチェックにより読み込みに失敗する画像が読めるようになります。たとえばChromeFullFeedだけでは表示されないfc2やアメブロの画像が表示されるようになります。インストールはソースコードの右上に小さく書かれた「raw」をクリックしてください。
その他、詳しい解説などは作者様の書かれた「Chromeで読み込みに失敗した画像についてリファラを消して再読み込みを試みる方法 – 0xFF」をお読みくださいませ。

FullFeed for Chrome

livedoor readerで、本文が表示されないフィードでも全文を表示させます。Chrome用のLDR FullFeedです。

Gestures for Chrome

カスタマイズ性の高いマウスジェスチャ機能を提供してくれます。

HideShowImgs

画像を非表示にします。オン・オフが選択可能です。一旦表示後に非表示にするため、ロード時間短縮に繋がらないのが残念。

LDR open in background tab for Greasemonkey

LDRの’v'キーオープン時、必ずバックグラウンドで開きます。拡張じゃなくてグリモンだけど、Chromeがメインターゲットのグリモンです。

LinkIt

リンクになっていないURL( http://chrome.google.com/webstore/ など）を、ダブルクリックで開けるようにしてくれます。

LinkOpenNewTab

リンク先が別サイトの場合、自動で新しいタブに開きます。

Mailto: for Gmail

mailto:リンクをクリック時、Gmailを開くようにします。

Minimize Chrome to tray

Chromeを最小化したとき、タスクバーではなくタスクトレイに格納します。

PBTweet+

TwitterのWeb画面に便利な機能を追加します。PBTweetのChrome版です。

Personal Blocklist (by Google)

指定したドメインの検索結果を非表示にします。「おしえて・知恵袋系」のページがうざい場合に便利です。

Query Cutter

URLに付与された”ref=rss”や”utm.”などの余計なクエリを削除します。

Readmine

Read It Laterのリストを表示します。右クリックメニューからページを追加することもできます。

RoboForm Lite

パスワード管理ツール「RoboForm」のオンラインサービス対応拡張です。他ブラウザ用のRoboForm拡張に比べると見劣りする部分が多いです。

RSS Subscription Extension (by Google)

表示中のページにRSSフィードに関する情報が含まれていたら、アドレスバーにRSSアイコンを表示してくれます。また表示されたアイコンをクリックすることにより、RSSフィードの購読が可能です。

Site to Phone

Chromeでいま見ているページのURLをiPhoneに送ります。iPhone使いなら入れて置いて損はないです。

Stylist

Webページの見た目を自分好みに変更することが出来るようになります。例として「twitter設定」と「livedoor Reader設定」をメモってありますので、ご参考までにどうぞ。

Universal Search

便利。選択している単語を各種検索エンジンに投げたり、CTRL+Mで検索ボックスがポップアップしたりします。

Hatena Bookmark GoogleChrome extension

見ているページの「はてなブックマーク数」を表示したり、はてブコメントを確認したり出来ます。

休止中の拡張機能

普段は無効にしていて、必要に応じて有効化している拡張機能です。

Chromeは再起動無しで拡張機能を有効化できるので、「とりあえず入れておく」という使い方が出来て便利です。

2chRevival

２ちゃんねるやBBSPINKでDAT落ちしたスレッドを復活させます。

Evernote Web Clipper

現在の表示画面をEvernoteでクリップします。

Eye Dropper

Webページのカラーピッカーです。

HTML Validator

表示しているページのHTML文法をチェックするvalidatorです。ちょっと重いので、普段はオフにしています。

Libron

Amazonで書籍のページを開くと、その本が最寄りの図書館で借りられるか調べてくれます。

Page Monitor

指定したページの更新を監視します。RSS非対応のページや、Amazonの商品チェックなどに便利です。

Resolution Test

Chromeのウィンドウサイズを、各種画面サイズに切り変えます。Web開発時に小さいウィンドウサイズに切り替えて、視認性の確認などをするとき便利です。

外した拡張機能

Open All Selected Links

選択された範囲にあるリンクをすべて開きます。利用頻度が低いので削除しました。

Pendule

Web開発ツールの詰め合わせ。スタイルシート切り替え、カラーピッカー、スタイルシートのみリロードなどが行えます。利用頻度が低いので削除しました。

Expand

各種短縮URLサービスで短縮されたURLを展開して表示します。怪しい短縮リンクは踏まないようにしました。

Postponer Manager

「あとで読む」を実現するサービス”Read it Later”のリーディングリストを表示します。Readmineに乗りかえました。

ChromeRIL

「あとで読む」を実現するサービス”Read it Later“(RIL)を便利に使うための拡張機能です。アドレスバーに「Read it Later」ボタンが追加され、ボタンをクリックするだけでRILに追加されるようになります。Readmineに乗りかえました。

Firebug Lite

FirebugのChrome版です。Chromeの「要素を検証」で事足りる用になり外しました。

Google Tasks

Googleタスクのタスクを表示するボタンを追加します。iPhoneのリマインダーに鞍替えしたので外しました。

IE Tab

Chrome内のタブでIEによる表示が行えるようになります。素直にIEを立ち上げるようにしたので外しました。

AdBlock

広告を非表示にしてくれます。広告に興味が出てきたので外しました。

Bubble Translate

便利。英文を選択してCtrlキーを押すと、日本語に翻訳してツールチップ表示してくれます。Auto-Translateに乗りかえました。

Countdown

シンプルなカウントダウンタイマーです。PCの使いすぎを抑制したり、カップラーメンの時間を計ったり、ハッピータワーのお客さんが帰る時間を計ったりします。ブラウザゲームをやらなくなったので外しました。

Docs PDF/PowerPoint Viewer (by Google)

PDFやPowerPointのドキュメントを、Google Docs Viewerでプレビューできるようになります。重たいAcrobatが起動しなくなるので便利です。Chrome自身にPDFビューアが内蔵されたので外しました。

EXIF Reader

写真のEXIF情報をオーバレイ表示します。重いので使わなくなってしまいました。

Window Resizer

ChromeのウィンドウサイズをNetbook、iPhone、Old Computerなどの各種環境相当に設定します。Web開発時に小さいウィンドウサイズに切り替えて、視認性の確認などをするとき便利です。Resolution Testに乗り換えました。

HTML Validation

表示しているページのHTML文法をチェックするvalidatorです。エラーが出てチェックが行えなくなたので、HTML Validatorに乗り換えました。

Orbvious Interest

現在”Read it Later”に入っているページのリストを表示します。同機能を持つPostponer Managerを使っています。

Text URL Linker

リンクになっていないURLを、ダブルクリックで開けるようにする。リンクにならない場合があったので、LinkItを使っています。

Clickable Links

リンクになっていないURLを、ダブルクリックで開けるようにする。同等の機能を持つLinkItを使っています。

Session Manager

現在開いているウィンドウ、タブ情報を記憶し、あとで呼び出せるようにしてくれます。ブックマークフォルダを真ん中クリックすることで代用しています。

LastPass

パスワード管理ツール。マスターパスワードにより、各種サイトのパスワードを管理します。同等の機能を持つRoboform Onlineを使っています。

Secure Login Helper

httpsがあるサイトはhttpsで開き直します。あまり使わないので外してしまいました。

slinky

Googleの画像検索でGoogleによるプレビューをスキップします。google.comの画像検索にのみ対応しています。使わないので外してしまいました。

word highlight

Googleで検索した単語を強調表示してくれます。パッと見で検索文字が分かるようになります。使わないので外してしまいました。

探している拡張機能

下記の機能を持つ拡張機能を探しています。ご存じの方はコメント欄やTwiiter( @hideto )などで教えて頂けると幸いです。

• UAのスイッチャ。

Google Chromeを使っていて、サスペンドから復帰後のページ読み込み1発目に「エラー: このリンクは無効です」が出てイラッとしていたんだけど、ググったら解決方法が判明したのでメモっておきます。

解決方法：オプションの「高度な設定」タブから「DNSプリフェッチを利用してページの表示速度を向上する」を外す。

これだけで、ウソのように不具合が解決しました！

で、問題が解決したのは良いんだけど、このオプションの意味が気になるところ。さらに調べてみたところ、Google Chromeのヘルプに以下のような記述がありました。

詳細設定: DNS プリフェッチ
DNS プリフェッチはドメイン ネーム システム プリフェッチの略称です。Google Chrome では、ウェブページにアクセスするとウェブページ上にあるすべてのリンクの IP アドレスを確認してプリフェッチします。ブラウザではウェブページの読み込みに IP アドレスを使用するため、この情報を事前に取得することで、ウェブページ上のリンクの読み込み時間が短縮されます。

引用元：http://www.google.com/support/chrome/bin/answer.py?hl=jp&answer=96788

「すべてのリンクの IP アドレスを確認してプリフェッチ」だと！？そりゃ次に飛ぶリンクはちょっとだけ早くなりそうだけど、9割以上のプリフェッチは無駄な処理になるんじゃない？

そんな感じなので、チェックを外しても問題ないと思いますよ。