<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Labs@doya.in &#187; Firefox</title>
	<atom:link href="http://doya.in/labs/tag/firefox/feed/" rel="self" type="application/rss+xml" />
	<link>http://doya.in/labs</link>
	<description>未踏志向でいこう！WEBアプリ開発やらサーバ構築やら思ったことやらのメモ:: @　浜松</description>
	<lastBuildDate>Tue, 16 Mar 2010 14:18:28 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.2</generator>
	<language>ja</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>vimperatorの色設定（CSS指定）</title>
		<link>http://doya.in/labs/20080625/vimperator-color/</link>
		<comments>http://doya.in/labs/20080625/vimperator-color/#comments</comments>
		<pubDate>Wed, 25 Jun 2008 13:25:53 +0000</pubDate>
		<dc:creator>doya</dc:creator>
				<category><![CDATA[Firefox]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[vimperator]]></category>

		<guid isPermaLink="false">http://doya.in/?p=21</guid>
		<description><![CDATA[vimperatorネタです。vimperatorってなによ？というお話は、先日書いた vimperatorが素敵！ &#8211; Firefox Add-on にて・・・・。
で、その中で、vimperatorのCSS設定方法で、commandlieの色が変わらん！と嘆いていた。
そしたら、”通りすがり”さんがアドバイスしてくれたので、そのCSS設定メモ。
※ vimperator1.2preでの色設定です！
結論からいうと・・・下のように見事に色変更できた！
デフォルトの色

↓
CSS適用後の色

vimperator CSS設定
CSSの設定を貼り付けておきます。CSSは、profiles配下のuserChrome.cssにて指定します。
H:\mydata\FireFox\Profiles\chrome\userChrome.css
/* bufferwindow style */
#liberator-container{
    color: blue !important; // 指定しないとbufferwindowでcolorが利かない
}
#liberator-bufferwindow, #liberator-completion, #liberator-previewwindow {
    color: blue !important;
    background-color: #eee !important;
}

/* commandline style */
#liberator-commandline{
    /*font-family:"Luxi Mono", monospace !important; // &#60;-- フォントを指定するなら  */
    background-color: #222 !important;
 [...]]]></description>
			<content:encoded><![CDATA[<p><strong>vimperator</strong>ネタです。<strong>vimperator</strong>ってなによ？というお話は、先日書いた <a href="http://doya.in/20080622/vimperator-firefox/">vimperatorが素敵！ &#8211; Firefox Add-on</a> にて・・・・。</p>
<p>で、その中で、<strong>vimperator</strong>のCSS設定方法で、commandlieの色が変わらん！と嘆いていた。<br />
そしたら、”<a href="http://doya.in/20080622/vimperator-firefox/#comment12">通りすがり</a>”さんがアドバイスしてくれたので、そのCSS設定メモ。<br />
<span class="notice">※</span> vimperator1.2preでの色設定です！</p>
<p>結論からいうと・・・下のように見事に色変更できた！</p>
<p><strong>デフォルトの色</strong></p>
<p><img class="alignnone size-full wp-image-22" title="vimperator-color-normal" src="http://doya.in/labs/wp-content/uploads/2008/06/vimperator-color-normal.jpg" alt="vimperator-color-normal" /></p>
<p>↓</p>
<p><strong>CSS適用後の色</strong></p>
<p><img class="alignnone size-full wp-image-23" title="vimperator-color-doya" src="http://doya.in/labs/wp-content/uploads/2008/06/vimperator-color-doya.jpg" alt="vimperator-color-doya" /></p>
<h3>vimperator CSS設定</h3>
<p>CSSの設定を貼り付けておきます。CSSは、profiles配下の<strong>userChrome.css</strong>にて指定します。<br />
H:\mydata\FireFox\Profiles\chrome\<strong>userChrome.css</strong></p>
<pre>/* bufferwindow style */
#liberator-container{
    color: blue !important; // 指定しないとbufferwindowでcolorが利かない
}
#liberator-bufferwindow, #liberator-completion, #liberator-previewwindow {
    color: blue !important;
    background-color: #eee !important;
}

/* commandline style */
#liberator-commandline{
    /*font-family:"Luxi Mono", monospace !important; // &lt;-- フォントを指定するなら  */
    background-color: #222 !important;
    color: #fff !important;
    font-weight: normal !important;
    font-size: 10pt !important;
}

/* statusline style */
#liberator-statusline {
    /*font-family:"Luxi Mono", monospace !important; // &lt;-- フォントを指定するなら  */
    font-weight: normal !important;
    font-size: 10pt !important;
    padding:3px 0 !important;
}

/* normal page statusline */
.hl-StatusLine {
     background-color: #000 !important;
     color: #B0FF00 !important;
}

/* secure(ssl) page statusline */
.hl-StatusLineSecure {
     background-color: #B0FF00 !important; /* light green */
     color: black !important;
}</pre>
<p><span class="notice">※</span> #liberator-statuslineのfont-sizeを16px以上にする場合は、注意が必要のようです。<br />
詳しくは→→<a href="http://doya.in/20080622/vimperator-firefox/#comment12">&#8220;通りすがり&#8221;さんのコメント</a></p>
<h3>[参考]ついでに・・・vimperator.cssを覗いてみる</h3>
<p>そう、そもそもvimperator.jarの中身。vimperator.cssを覗いてみればよかったじゃないの。<br />
ということで、そのデフォルトCSSも貼り付けておきます。これでIDとClassがわかりますね。</p>
<pre style="height: 300px;">/***** BEGIN LICENSE BLOCK ***** {{{
Version: MPL 1.1/GPL 2.0/LGPL 2.1

The contents of this file are subject to the Mozilla Public License Version
1.1 (the "License"); you may not use this file except in compliance with
the License. You may obtain a copy of the License at

http://www.mozilla.org/MPL/

Software distributed under the License is distributed on an "AS IS" basis,
WITHOUT WARRANTY OF ANY KIND, either express or implied. See the License
for the specific language governing rights and limitations under the
License.

(c) 2006-2008: Martin Stubenschrott &lt;stubenschrott@gmx.net&gt;

Alternatively, the contents of this file may be used under the terms of
either the GNU General Public License Version 2 or later (the "GPL"), or
the GNU Lesser General Public License Version 2.1 or later (the "LGPL"),
in which case the provisions of the GPL or the LGPL are applicable instead
of those above. If you wish to allow use of your version of this file only
under the terms of either the GPL or the LGPL, and not to allow others to
use your version of this file under the terms of the MPL, indicate your
decision by deleting the provisions above and replace them with the notice
and other provisions required by the GPL or the LGPL. If you do not delete
the provisions above, a recipient may use your version of this file under
the terms of any one of the MPL, the GPL or the LGPL.
}}} ***** END LICENSE BLOCK *****/

#liberator-container  {
    font-family: monospace;
}

#liberator-bufferwindow, #liberator-completion, #liberator-previewwindow {
    -moz-user-focus: ignore;
    overflow: -moz-scrollbars-none !important; /* does not seem to work fully */
    border-width: 0px !important;
    -moz-appearance: none !important; /* prevent an ugly 3D border */
}

/* the selected item in listboxes is hardly readable without this */
#liberator-completion    &gt; listitem[selected="true"] &gt; listcell,
#liberator-bufferwindow  &gt; listitem[selected="true"] &gt; listcell,
#liberator-previewwindow &gt; listitem[selected="true"] &gt; listcell {
   background-color: Highlight !important;
   color: HighlightText !important;
}

/* fixes the min-height: 22px from firefox */
#status-bar, statusbarpanel {
    -moz-appearance: none !important;
	min-height: 18px !important;
    border: none !important;
    font-weight: bold;
    font-family: monospace;
}
#liberator-statusline {
    font-family: monospace;
    margin: 0px;
}
#liberator-statusline &gt; label {
    padding: 0px 0px 0px 8px;
}
#liberator-statusline &gt; label:first-child {
    padding: 0px;
}
#liberator-statusline-field-url {
    background-color: inherit;
    color: inherit;
}

/* no longer at the window's bottom right corner */
.statusbar-resizerpanel {
    display: none;
}
#statusbar-display, #statusbar-progresspanel {
    display: none;
}

#liberator-commandline {
    padding: 1px;
    /*
    background-color: white;
    color: black;
    */
}
#liberator-commandline-prompt, #liberator-commandline-command {
    background-color: inherit;
    color: inherit;
}

#liberator-visualbell {
    border: none;
    background-color: black;
}

#sidebar {
    max-width: 90% !important;
    min-width: 10% !important;
}

/* highlight groups */

.hl-Normal {
    background-color: white;
    color: black;
}
.hl-ErrorMsg {
    background-color: red;
    color: white;
    font-weight: bold;
}
.hl-ModeMsg {
    background-color: white;
    color: black;
}
.hl-MoreMsg {
    background-color: white;
    color: green;
}
.hl-Question {
    background-color: white;
    color: green;
}
.hl-Title {
    background-color: white;
    color: magenta;
    font-weight: bold;
}
.hl-Warning {
    background-color: white;
    color: red;
}
.hl-StatusLine {
    background: none !important;
    background-color: black !important;
    color: white !important;
}
.hl-StatusLineSecure {
    background: none !important;
    background-color: #B0FF00 !important; /* light green */
    color: black !important;
}
.hl-StatusLineBroken {
    background: none !important;
    background-color: #FF6060 !important; /* light red */
    color: black !important;
}
.hl-URL {
    background-color: white;
    color: green;
    text-decoration: none;
}
/* NOTE: .aClass:hover not supported in quirks mode: http://developer.mozilla.org/en/docs/Mozilla_Quirks_Mode_Behavior */
a.hl-URL:hover {
    text-decoration: underline;
    cursor: pointer;
}

/* MOW */

#liberator-multiline-output {
    overflow: hidden;
    background-color: white;
    color: black;
}

#liberator-multiline-output-content {
    white-space: pre; /* -moz-pre-wrap FIXME: Should lines wrap like Vim? */
    font-family: -moz-fixed;
    margin: 0px;
}

#liberator-multiline-output-content * {
    font: inherit;
}

#liberator-multiline-output-content table {
    white-space: inherit;
    border-spacing: 0px;
}

#liberator-multiline-output-content td,
#liberator-multiline-output-content th {
    padding: 0px 2px;
}

/* vim: set fdm=marker sw=4 ts=4 et: */</pre>
<p><br style="clear:both" /></p>
<h3>その他・・・</h3>
<p>vimperator0.6系？は下記でもいけるのかもしれない</p>
<ul>
<li><a href="http://vimperator.cutup.org/index.php?title=Configuration#Change_statusbar_colors">Configuration &#8211; Vimperator</a></li>
<li><a href="http://adenine.ddo.jp/blog/2008/01/vimperator.html">vimperatorって文字小さい・・・。 (翻弄されつづけるblog)</a></li>
<li><a href="http://d.hatena.ne.jp/bigchu/20080520/1211280922">Vimperatorで丸裸だぜFirefoxちゃん！そして俺色に染めてやる!! &#8211; 酒は血液、呑んだら献血</a></li>
</ul>
<h3>まとめ</h3>
<p>特にまとめることはなし。次回こそ、&#8221;plugin導入&#8221;と&#8221;使い方&#8221;の記事を書くつもり。</p>

	<h3 class="st-related-posts">関連記事(こちらもどうぞ)</h3>
	<ul class="st-related-posts">
	<li>&nbsp;-&emsp;<a href="http://doya.in/labs/wiki/vimperator/" title="vimperator設定 (2008.06.25)">vimperator設定</a></li>
	<li>&nbsp;-&emsp;<a href="http://doya.in/labs/20080622/vimperator-firefox/" title="vimperatorが素敵！  &#8211; Firefox Add-on - (2008.06.22)">vimperatorが素敵！  &#8211; Firefox Add-on -</a></li>
	<li>&nbsp;-&emsp;<a href="http://doya.in/labs/20080901/color/" title="虹色文字(レインボーカラー) (2008.09.01)">虹色文字(レインボーカラー)</a></li>
</ul>

]]></content:encoded>
			<wfw:commentRss>http://doya.in/labs/20080625/vimperator-color/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>vimperator設定</title>
		<link>http://doya.in/labs/wiki/vimperator/</link>
		<comments>http://doya.in/labs/wiki/vimperator/#comments</comments>
		<pubDate>Wed, 25 Jun 2008 07:47:10 +0000</pubDate>
		<dc:creator>doya</dc:creator>
				<category><![CDATA[日記]]></category>
		<category><![CDATA[Firefox]]></category>
		<category><![CDATA[vimperator]]></category>

		<guid isPermaLink="false">http://doya.in/?page_id=19</guid>
		<description><![CDATA[開発環境やら設定ファイルやらなんかの置き場
vimperator 1.2pre
firefoxアドオンのvimperator環境
plugins
autoIgnoreKey.js
char-hints-mod.js
copy.js
googlesuggest.js
hatenabookmark_show.js
ldrize_cooperation.js
lookupDictionary.js
twitter.js
.vimperatorrc

" vim: set ft=vimperator:

"+----------------------------------------------------------------------------------------+
" 基本設定
"+----------------------------------------------------------------------------------------+

" ブラウザタイトルの変更
" Firefox デフォルトは 「Mozilla - Firefox」、vimoperatorを入れると「vimoperator」
set titlestring=Firefox
"メニュー/ツール/リンクを表示
"set guioptions=bmT
"set guioptions=mT
"ページ全体で検索語を強調表示
set hlsearch
"ビープ音を鳴らさずビジュアルベルを使用
set visualbell
"ビジュアルベルを無効化
set visualbellstyle=display:none;
"ヒントのスタイルを指定
set hintstyle=z-index:5000; font-family:monospace; font-size:12px; color:white; background-color:blue; border-color:ButtonShadow; border-width:0px; border-style:solid; padding:0px 1px 0px 1px; position:absolute;
"ヒント(フォーカス時)のスタイルを指定
"set focusedhintstyle=z-index:5000; font-family:monospace; font-size:12px; color:ButtonText; background-color:ButtonShadow; border-color:ButtonShadow; border-width:1px; border-style:solid; padding:0px 1px 0px 1px; position:absolute;

set wildoptions=auto
set complete=l
"set complete+=g

"migemo_hint.js・・・1.2pre動かない？？
"set hintmatching=custom

"+----------------------------------------------------------------------------------------+
" キーマップ設定
"+----------------------------------------------------------------------------------------+

"ロケーションバーにフォーカス
map &#60;C-l&#62; &#60;A-d&#62;

"ソースの表示
map &#60;C-u&#62; &#60;C-q&#62;&#60;C-u&#62;&#60;ESC&#62;

"yで選択範囲をコピー
"map y :echo [...]]]></description>
			<content:encoded><![CDATA[<p>開発環境やら設定ファイルやらなんかの置き場</p>
<h3>vimperator 1.2pre</h3>
<p>firefoxアドオンのvimperator環境</p>
<h4>plugins</h4>
<p>autoIgnoreKey.js<br />
char-hints-mod.js<br />
copy.js<br />
googlesuggest.js<br />
hatenabookmark_show.js<br />
ldrize_cooperation.js<br />
lookupDictionary.js<br />
twitter.js</p>
<h4>.vimperatorrc</h4>
<pre>
" vim: set ft=vimperator:

"+----------------------------------------------------------------------------------------+
" 基本設定
"+----------------------------------------------------------------------------------------+

" ブラウザタイトルの変更
" Firefox デフォルトは 「Mozilla - Firefox」、vimoperatorを入れると「vimoperator」
set titlestring=Firefox
"メニュー/ツール/リンクを表示
"set guioptions=bmT
"set guioptions=mT
"ページ全体で検索語を強調表示
set hlsearch
"ビープ音を鳴らさずビジュアルベルを使用
set visualbell
"ビジュアルベルを無効化
set visualbellstyle=display:none;
"ヒントのスタイルを指定
set hintstyle=z-index:5000; font-family:monospace; font-size:12px; color:white; background-color:blue; border-color:ButtonShadow; border-width:0px; border-style:solid; padding:0px 1px 0px 1px; position:absolute;
"ヒント(フォーカス時)のスタイルを指定
"set focusedhintstyle=z-index:5000; font-family:monospace; font-size:12px; color:ButtonText; background-color:ButtonShadow; border-color:ButtonShadow; border-width:1px; border-style:solid; padding:0px 1px 0px 1px; position:absolute;

set wildoptions=auto
set complete=l
"set complete+=g

"migemo_hint.js・・・1.2pre動かない？？
"set hintmatching=custom

"+----------------------------------------------------------------------------------------+
" キーマップ設定
"+----------------------------------------------------------------------------------------+

"ロケーションバーにフォーカス
map &lt;C-l&gt; &lt;A-d&gt;

"ソースの表示
map &lt;C-u&gt; &lt;C-q&gt;&lt;C-u&gt;&lt;ESC&gt;

"yで選択範囲をコピー
"map y :echo 'Yank!'&lt;CR&gt;Y
"j/kの移動量を5倍に
map j 5&lt;C-e&gt;
map k 5&lt;C-y&gt;
" 選択文字列のコピーを &lt;C-c&gt; に割り当て
map &lt;C-c&gt; Y
" 選択文字列のgoogle検索を &lt;C-g&gt; に割り当て
map &lt;C-g&gt; YP

" H/L や ← → でタブ移動
map H &lt;A-Left&gt;
map L &lt;A-Right&gt;
map &lt;Left&gt;  gT
map &lt;Right&gt; gt
map h &lt;C-p&gt;
map l &lt;C-n&gt;

" Shift + ← → で現在のタブの位置変更
map &lt;S-Right&gt; :tabmove! +1&lt;CR&gt;
map &lt;S-Left&gt;  :tabmove! -1&lt;CR&gt;

"&lt;A-r&gt;でFirefoxを再起動
map &lt;A-r&gt; :restart&lt;CR&gt;
"&lt;A-h&gt;でヘルプを表示
map &lt;A-h&gt; :help&lt;CR&gt;
"メニューバー,ロケーションバー(非)表示
map &lt;A-Down&gt; :set guioptions+=mT&lt;CR&gt;
map &lt;A-Up&gt; :set guioptions-=mT&lt;CR&gt;

"+----------------------------------------------------------------------------------------+
" プラグイン設定
"+----------------------------------------------------------------------------------------+
" ldrize_cooperation.js
" http://unsigned.g.hatena.ne.jp/Trapezoid/20080530/1212074680
let g:ldrc_captureMappings = "['j', 'k', 'p', 'o', '?']"
let g:ldrc_intelligence_bind = "true"
let g:ldrc_skip = "0.25"
" googlesuggest.js --- sでグーグル検索
map s :google&lt;Space&gt;
" hatenabookmark_show.js --- bではてブのコメントを表示
map b :hbinfo&lt;CR&gt;
" copy.js --- &lt;C-S-c&gt;でタイトルとURLをコピー
map &lt;C-C&gt; :copy titleAndURL&lt;CR&gt;
map c :copy&lt;Space&gt;
javascript &lt;&lt;EOM
liberator.globalVariables.copy_templates = [
 { label: 'titleAndURL',    value: '%TITLE%\n%URL%' },
 { label: 'title',          value: '%TITLE%', map: ',y' },
 { label: 'url',            value: '%URL%' },
 { label: 'anchor',         value: '&lt;a href="%URL%"&gt;%TITLE%&lt;/a&gt;' },
 { label: 'selanchor',      value: '&lt;a href="%URL%" title="%TITLE%"&gt;%SEL%&lt;/a&gt;' },
 { label: 'htmlblockquote', value: '&lt;blockquote cite="%URL%" title="%TITLE%"&gt;%HTMLSEL%&lt;/blockquote&gt;' },
 { label: 'ASIN',   value: 'copy ASIN code from Amazon', custom: function() content.document.getElementById('ASIN').value}
];
EOM

"+----------------------------------------------------------------------------------------+
" 独自設定
"+----------------------------------------------------------------------------------------+
" feedアイコン表示
"http://d.hatena.ne.jp/teramako/20071205/p1
javascript &lt;&lt;EOF
(function(){
var feedPanel = document.createElement('statusbarpanel');
var feedButton = document.getElementById('feed-button');
feedPanel.setAttribute('id','feed-panel-clone');
feedPanel.appendChild(feedButton.cloneNode(true));
feedButton.parentNode.removeChild(feedButton);
document.getElementById('status-bar').insertBefore(feedPanel,document.getElementById('security-button'));
})();
EOF

" disable accesskey
javascript &lt;&lt;EOM
liberator.options.setPref('ui.key.generalAccessKey', 0);
EOM

" 読み込んだ事を出力
echo ".vimperatorrc sourced"
</pre>
<h4>userChrome.css   2008/06/25更新</h4>
<pre>
/* bufferwindow style */
#liberator-container{
    color: blue !important; // 指定しないとbufferwindowでcolorが利かない
}
#liberator-bufferwindow, #liberator-completion, #liberator-previewwindow {
    color: blue !important;
    background-color: #eee !important;
}

/* commandline style */
#liberator-commandline{
    /*font-family:"Luxi Mono", monospace !important; // <-- フォントを指定するなら  */
    background-color: #222 !important;
    color: #fff !important;
    font-weight: normal !important;
    font-size: 10pt !important;
}
#liberator-toolbar {
    color: green !important;
}

#liberator-statusline {
    /*font-family:"Luxi Mono", monospace !important; // <-- フォントを指定するなら  */
    font-weight: normal !important;
    font-size: 10pt !important;
    padding:3px 0 !important;
}

/* normal page statusline */
.hl-StatusLine {
     background-color: #000 !important;
     color: #B0FF00 !important;
}

/* secure(ssl) page statusline */
.hl-StatusLineSecure {
     background-color: #B0FF00 !important; /* light green */
     color: black !important;
}
</pre>

	<h3 class="st-related-posts">関連記事(こちらもどうぞ)</h3>
	<ul class="st-related-posts">
	<li>&nbsp;-&emsp;<a href="http://doya.in/labs/20080625/vimperator-color/" title="vimperatorの色設定（CSS指定） (2008.06.25)">vimperatorの色設定（CSS指定）</a></li>
	<li>&nbsp;-&emsp;<a href="http://doya.in/labs/20080622/vimperator-firefox/" title="vimperatorが素敵！  &#8211; Firefox Add-on - (2008.06.22)">vimperatorが素敵！  &#8211; Firefox Add-on -</a></li>
</ul>

]]></content:encoded>
			<wfw:commentRss>http://doya.in/labs/wiki/vimperator/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>vimperatorが素敵！  &#8211; Firefox Add-on -</title>
		<link>http://doya.in/labs/20080622/vimperator-firefox/</link>
		<comments>http://doya.in/labs/20080622/vimperator-firefox/#comments</comments>
		<pubDate>Sun, 22 Jun 2008 05:17:04 +0000</pubDate>
		<dc:creator>doya</dc:creator>
				<category><![CDATA[Firefox]]></category>
		<category><![CDATA[vim]]></category>
		<category><![CDATA[vimperator]]></category>

		<guid isPermaLink="false">http://doya.in/?p=12</guid>
		<description><![CDATA[Firefox3になったことだし、以前からちょこちょこ触ってきたFirefox Addon &#8220;Vimperator&#8221; を入れ直してみた。そのインストールと設定まとめメモ。
※ 06/25 CSSの記述を追記&#038;vimperatorの色設定（CSS指定）記事書きました。
Vimperatorとはなんぞや？
Firefoxでvimのキーバインドを使えるようにするアドオン・・・何を言ってるんだ？
と思った人は、結構使うのは厳しいのかもしれないが、TRYしてみる価値はあり。
viとは、Emacsと共にUNIX環境で人気があるテキストエディタなわけなんだが、vimは、更にこのvi から派生したOSSなテキストエディタ。マウスを使わずキーボードのみで操作可能なエディタなので、慣れれば最高に便利。SSHなんかでサーバを操作したことあるなら間違いなく触ったことがあると思う。
話を戻すと、Vimperatorは、Firefoxをキーボードだけで（も）操作できるようにするアドオン。
変態的なAddonと巷では言われているらしい。・・・確かに変態的だと思う。
Vimperatorについて参考にしたサイト
以下の先人達のサイトを参考にインストール＆設定した。ただ、バージョンで結構仕様が変わっているので、そのままでは使えないOption設定なんかがあるので、注意したほうがいい。

Firefox拡張：FirefoxをVim風のキーバインドで操作するVimperator
FirefoxのVimperatorがすごく便利
Vimperator凄い！Firefoxがvimキーバインドで操作できるよ
Firefoxをキーボード操作できるプラグイン「Vimperator」の使い方
Firefox 3 Beta + Vimperator で最速ブラウジング windows 導入プロセス備忘録

Vimperatorのインストール
ここから本題。早速インストールから始める。
以下からvimperator_1.2pre_2008-06-21.xpi　（6/22時点の最新版）をインストール
vimperator snapshot
そして再起動
Vimperatorの設定ファイル作成
おそらくFirefox再起動して衝撃が走ると思う・・・少なくとも僕はかなりの衝撃が走った。
ブラウザ上部のメニューバーが無い！ロケーションバーが無い！ブックマークツールバーが無い！
おいおい、何もできないじゃないか！って。
そう、このVimperator、デフォルトでは、バーを非表示する設定になってる。既に変態的ですね！
(たぶん、巷で変態的といってるのは、この部分を指してるわけじゃないので悪しからず)
これでは気持ち悪すぎるので、この辺の設定とかを変更するファイル.vimperatorrcを作成する。
設定方法は、以下を参考に&#8230;というかそのままコピペで。

 Configuration &#8211; Vimperator
Firefoxをキーボード操作できるプラグイン「Vimperator」の使い方


環境変数（HOME）を作成
MacOSXなら設定は不要。Windowsなら環境変数HOMEを作成して、FirefoxのProfilesディレクトリを指定する。

FirefoxのProfilesフォルダを開いてその配下に、テキストファイル .vimperatorrcを作成する
.vimperatorrcに設定を書く。内容は下記

.vimperatorrcの記述
" vim: set ft=vimperator:
" 基本設定
"+----------------------------------------------------------------------------------------+
" ブラウザのタイトル
set titlestring=Firefox
" メニューバーとツールバーを表示
set guioptions=mT
" 検索語のハイライト
set hlsearch
" ビープを鳴らさない
set visualbell
"ビジュアルレベルを無効化
set visualbellstyle=display:none;
"HintのStyle
set hintstyle=z-index:5000; font-family:monospace; font-size:12px; color:white; background-color:blue; border-color:ButtonShadow; border-width:0px; border-style:solid; padding:0px 1px 0px 1px; position:absolute;
"HintのStyle(focus時)
"set focusedhintstyle=z-index:5000; font-family:monospace; font-size:12px; color:ButtonText; background-color:ButtonShadow; border-color:ButtonShadow; border-width:1px; border-style:solid; padding:0px 1px [...]]]></description>
			<content:encoded><![CDATA[<p>Firefox3になったことだし、以前からちょこちょこ触ってきたFirefox Addon &#8220;<strong>Vimperator</strong>&#8221; を入れ直してみた。そのインストールと設定まとめメモ。<br />
<span class="notice">※</span> 06/25 CSSの記述を追記&#038;<a href="http://doya.in/20080625/vimperator-color/">vimperatorの色設定（CSS指定）</a>記事書きました。</p>
<h3>Vimperatorとはなんぞや？</h3>
<p>Firefoxでvimのキーバインドを使えるようにするアドオン・・・何を言ってるんだ？<br />
と思った人は、結構使うのは厳しいのかもしれないが、TRYしてみる価値はあり。<br />
viとは、Emacsと共にUNIX環境で人気があるテキストエディタなわけなんだが、vimは、更にこのvi から派生したOSSなテキストエディタ。マウスを使わずキーボードのみで操作可能なエディタなので、慣れれば最高に便利。SSHなんかでサーバを操作したことあるなら間違いなく触ったことがあると思う。<br />
話を戻すと、Vimperatorは、Firefoxをキーボードだけで（も）操作できるようにするアドオン。<br />
変態的なAddonと巷では言われているらしい。・・・確かに変態的だと思う。</p>
<h3>Vimperatorについて参考にしたサイト</h3>
<p>以下の先人達のサイトを参考にインストール＆設定した。ただ、バージョンで結構仕様が変わっているので、そのままでは使えないOption設定なんかがあるので、注意したほうがいい。</p>
<ul>
<li><a href="http://opentechpress.jp/developer/07/06/28/025221.shtml">Firefox拡張：FirefoxをVim風のキーバインドで操作するVimperator</a></li>
<li><a href="http://blog.setunai.net/20070630/firefox%E3%81%AEvimperator%E3%81%8C%E3%81%99%E3%81%94%E3%81%8F%E4%BE%BF%E5%88%A9/">FirefoxのVimperatorがすごく便利</a></li>
<li><a href="http://subtech.g.hatena.ne.jp/otsune/20070629/vimperator">Vimperator凄い！Firefoxがvimキーバインドで操作できるよ</a></li>
<li><a href="http://blog.blueblack.net/item_249">Firefoxをキーボード操作できるプラグイン「Vimperator」の使い方</a></li>
<li><a href="http://weblibrary.s224.xrea.com/weblog/firefox/cat14/firefox_3_beta.html">Firefox 3 Beta + Vimperator で最速ブラウジング windows 導入プロセス備忘録</a></li>
</ul>
<h3>Vimperatorのインストール</h3>
<p>ここから本題。早速インストールから始める。<br />
以下からvimperator_1.2pre_2008-06-21.xpi　（6/22時点の最新版）をインストール<br />
<a href="http://vimperator.driftaway.org/">vimperator snapshot</a><br />
そして再起動</p>
<h3>Vimperatorの設定ファイル作成</h3>
<p>おそらくFirefox再起動して衝撃が走ると思う・・・少なくとも僕はかなりの衝撃が走った。<br />
ブラウザ上部のメニューバーが無い！ロケーションバーが無い！ブックマークツールバーが無い！<br />
おいおい、何もできないじゃないか！って。<br />
そう、この<strong>Vimperator</strong>、デフォルトでは、バーを非表示する設定になってる。既に変態的ですね！<br />
(たぶん、巷で変態的といってるのは、この部分を指してるわけじゃないので悪しからず)</p>
<p>これでは気持ち悪すぎるので、この辺の設定とかを変更するファイル<strong>.vimperatorrc</strong>を作成する。</p>
<p>設定方法は、以下を参考に&#8230;というかそのままコピペで。</p>
<ul>
<li><a href="http://vimperator.cutup.org/index.php?title=Configuration"> Configuration &#8211; Vimperator</a></li>
<li><a href="http://blog.blueblack.net/item_249">Firefoxをキーボード操作できるプラグイン「Vimperator」の使い方</a></li>
</ul>
<ol>
<li>環境変数（HOME）を作成
<p>MacOSXなら設定は不要。Windowsなら環境変数HOMEを作成して、FirefoxのProfilesディレクトリを指定する。<br />
<img class="alignnone size-full wp-image-13" title="path-set" src="http://doya.in/labs/wp-content/uploads/2008/06/path-set.jpg" alt="" width="447" height="400" /></li>
<li>FirefoxのProfilesフォルダを開いてその配下に、テキストファイル <strong>.vimperatorrc</strong>を作成する</li>
<li>.vimperatorrcに設定を書く。内容は下記</li>
</ol>
<h4>.vimperatorrcの記述</h4>
<pre>" vim: set ft=vimperator:
" 基本設定
"+----------------------------------------------------------------------------------------+
" ブラウザのタイトル
set titlestring=Firefox
" メニューバーとツールバーを表示
set guioptions=mT
" 検索語のハイライト
set hlsearch
" ビープを鳴らさない
set visualbell
"ビジュアルレベルを無効化
set visualbellstyle=display:none;
"HintのStyle
set hintstyle=z-index:5000; font-family:monospace; font-size:12px; color:white; background-color:blue; border-color:ButtonShadow; border-width:0px; border-style:solid; padding:0px 1px 0px 1px; position:absolute;
"HintのStyle(focus時)
"set focusedhintstyle=z-index:5000; font-family:monospace; font-size:12px; color:ButtonText; background-color:ButtonShadow; border-color:ButtonShadow; border-width:1px; border-style:solid; padding:0px 1px 0px 1px; position:absolute;
"補完設定
set wildoptions=auto
set complete=sl 

" キーマップ設定
"+----------------------------------------------------------------------------------------+
"yで選択範囲をコピー
map y :echo 'Yank!'&lt;CR&gt;Y
"j/kの移動量を5倍に
map j 5&lt;C-e&gt;
map k 5&lt;C-y&gt;
" 選択文字列のコピーを &lt;C-c&gt; に割り当て
map &lt;C-c&gt; Y
" 選択文字列のgoogle検索を &lt;C-g&gt; に割り当て
map &lt;C-g&gt; YP

" H/L や ← → でタブ移動
map H gT
map L gt
map &lt;Left&gt;  gT
map &lt;Right&gt; gt
map h &lt;C-p&gt;
map l &lt;C-n&gt;

" Shift + ← → で現在のタブの位置変更
map &lt;S-Right&gt; :tabmove! +1&lt;CR&gt;
map &lt;S-Left&gt;  :tabmove! -1&lt;CR&gt;

"&lt;A-r&gt;でFirefoxを再起動
map &lt;A-r&gt; :restart&lt;CR&gt;
"&lt;A-h&gt;でヘルプを表示
map &lt;A-h&gt; :help&lt;CR&gt;

echo ".vimperatorrc sourced"</pre>
<p>※ &#8221; というのは、コメント行</p>
<h3>VimperatorのCSS設定</h3>
<p>デフォルトのままだと、ステータスラインの文字が小さい＆白背景に黒文字でちょっと見にくいので、CSSで指定する。<br />
H:\mydata\FireFox\Profiles\chrome\userChrome.css に下記を記述<br />
（userChrome.cssがなければ新規に作成する）<br />
<span class="notice">※</span> 6/25追記：こちらに書き直しました.<a href="http://doya.in/20080625/vimperator-color/">vimperatorの色設定（CSS指定）</a>0.6系は下記でもいけそうなので残しておきます。</p>
<pre>#vimperator-statusline {
    font-family: "Luxi Mono", serif !important;
    font-size: 15px !important;
    font-weight: normal !important;
    background-color: #000 !important;
}
.hl-StatusLine {
     background-color: #000 !important;
     color: #B0FF00 !important;
     font-weight: normal !important;
     font-size: 10pt !important;
}
.hl-StatusLineSecure {
     background-color: #B0FF00 !important; /* light green */
     color: black !important;
}
.hl-StatusLineBroken {
     background-color: #FF6060 !important; /* light red */
     color: black !important;
}</pre>
<p>これでステータスラインが黒字に黄色と見易くなる。<br />
ただ、コマンド入力する場所まで色が変わってくれない。色々調べたけどわからなかった・・・また追々調べる。</p>
<h3>まとめ</h3>
<p>これにて、Vimperatorのインストールと設定はOK。で、使い方は？というのは、また追々の記事で書くことにするが、とりあえずは、:helpか、<a href="http://simplicityroad.livejournal.com/1938.html">simplicityroad: Vimperator Keyboard Shortcuts Visual She</a>にて大体の操作方法はわかる。</p>
<p>というか、ナレッジエースさんの<a href="http://blog.blueblack.net/item_249">Firefoxをキーボード操作できるプラグイン「Vimperator」の使い方</a>が非常によくまとまっていて、ここを見れば間違いない！？</p>
<p>おしまい。</p>

	<h3 class="st-related-posts">関連記事(こちらもどうぞ)</h3>
	<ul class="st-related-posts">
	<li>&nbsp;-&emsp;<a href="http://doya.in/labs/wiki/vimperator/" title="vimperator設定 (2008.06.25)">vimperator設定</a></li>
	<li>&nbsp;-&emsp;<a href="http://doya.in/labs/20080625/vimperator-color/" title="vimperatorの色設定（CSS指定） (2008.06.25)">vimperatorの色設定（CSS指定）</a></li>
</ul>

]]></content:encoded>
			<wfw:commentRss>http://doya.in/labs/20080622/vimperator-firefox/feed/</wfw:commentRss>
		<slash:comments>7</slash:comments>
		</item>
	</channel>
</rss>
FeedLogger:Error /var/www/html/doya.in/labs/wp-content/plugins/feedlogger/dataが書き込み可能ではありません<!-- WP Super Cache is installed but broken. The path to wp-cache-phase1.php in wp-content/advanced-cache.php must be fixed! -->