<?xml version="1.0" encoding="UTF-8"?>
<feed xmlns="http://www.w3.org/2005/Atom">
    <title>addon - 東京北青山、大阪四ツ橋発、WEBディレクターのブログ</title>
    <link rel="alternate" type="text/html" href="http://www.inclover-inc.com/pocket/" />
    <link rel="self" type="application/atom+xml" href="http://www.inclover-inc.com/pocket/atom.xml" />
    <id>tag:www.inclover-inc.com,2009-05-13:/pocket//8</id>
    <updated>2010-03-11T13:04:56Z</updated>
    <subtitle>インクローバーの人々で綴る、staff blog。”clover in pocket”</subtitle>
    <generator uri="http://www.sixapart.com/movabletype/">Movable Type Pro 4.23-ja</generator>

<entry>
    <title>Web制作者向けのFirefoxアドオン10</title>
    <link rel="alternate" type="text/html" href="http://www.inclover-inc.com/pocket/take/addon/webfirefox10.html" />
    <id>tag:www.inclover-inc.com,2010:/pocket//8.2272</id>

    <published>2010-03-11T12:57:40Z</published>
    <updated>2010-03-11T13:04:56Z</updated>

    <summary>ココイチのカレーにはチーズを必ずトッピングします。 こんにちわ。たけだです。 10 Popular Firefox Add-ons for Web Developers という記事でFirefoxアド...</summary>
    <author>
        <name>takeda</name>
        
    </author>
    
        <category term="addon" scheme="http://www.sixapart.com/ns/types#category" />
    
        <category term="タケダノート" scheme="http://www.sixapart.com/ns/types#category" />
    
    
    <content type="html" xml:lang="ja" xml:base="http://www.inclover-inc.com/pocket/">
        <![CDATA[<p>ココイチのカレーにはチーズを必ずトッピングします。<br />
こんにちわ。たけだです。</p>

<p><a href="http://mashable.com/2010/03/03/firefox-plugins-developers/" target="_blank">10 Popular Firefox Add-ons for Web Developers</a><br />
という記事でFirefoxアドオンがまとめられていました。</p>

<p>1.<a href="https://addons.mozilla.org/ja/firefox/addon/1843" target="_blank">Firebug</a><br />
これがないと仕事ができません。<br />
ブラウザ上でcss,HTML,javascriptを編集できたりします。<br />
さらにプラグインで拡張することもできます</p>

<p>2.<a href="https://addons.mozilla.org/ja/firefox/addon/60" target="_blank">Web Developer</a><br />
ツールバーを拡張します。<br />
HTMLのブロック表示、テーブル表示、CSS編集、CSS無効、ウインドウサイズ変更などいろいろできます。</p>

<p>3. <a href="https://addons.mozilla.org/ja/firefox/addon/271" target="_blank">ColorZilla</a><br />
知りたい色の上にカーソルを移動してみましょう。</p>

<p>4. <a href="https://addons.mozilla.org/ja/firefox/addon/249" target="_blank">Html Validator</a><br />
ステータスバーにアイコンが表示されます。<br />
これのおかげでキレイなHTMLが書けるんです。</p>

<p>5.<a href="https://addons.mozilla.org/ja/firefox/addon/684" target="_blank">FireFTP</a><br />
FirefoxをFTPクライアントにするアドオン。<br />
これは使っていません。</p>

<p>6.<a href="https://addons.mozilla.org/ja/firefox/addon/1419" target="_blank">IE Tab</a><br />
FirefoxでIEのレンダリングエンジンを利用します。<br />
最近はIETester使ってます。</p>

<p>7. <a href="https://addons.mozilla.org/ja/firefox/addon/539" target="_blank">MeasureIt</a><br />
ブラウザ上で高さや幅を測るメジャー。Web制作の人は意外によくつかうかもしれない。それ意外の人にはまったく役にたたないかもしれない。</p>

<p>8. <a href="https://addons.mozilla.org/ja/firefox/addon/748" target="_blank">Greasemonkey</a><br />
JavaScriptのスクリプトを使ってブラウザの拡張ができます。これ単体では何もできません。</p>

<p>9.<a href="https://addons.mozilla.org/ja/firefox/addon/655" target="_blank">View Source Chart</a><br />
HTMLの構造が色分けですぐわかる</p>

<p><br />
10. <a href="https://addons.mozilla.org/ja/firefox/addon/4111" target="_blank">Aardvark</a><br />
マウスオーバーで要素を表示してくれます。<br />
また、起動中にコマンドがいくつか使用できます。<br />
W：Wider: 領域を広げる<br />
N：Narrower: 領域を狭める<br />
Q：Quit: 終了する<br />
U：Undo: Remove と Isolate の効果を取り消す<br />
R：Remove: 選択した要素を削除する<br />
I：Isolate: 選択した要素だけを表示する<br />
E：Erase: 選択した要素のコンテンツをレイアウトを維持したまま削除する<br />
B：Black on white: 選択した要素を白地に黒文字で表示する<br />
C：Colorize: 選択した要素の背景色をランダムに変更する<br />
V：VewSource: 選択した要素のソースを表示する<br />
D：De-widthify: 選択した要素の固定幅指定を除去する</p>

<p>あまり使ったことないアドオンもいくつかあったので、使ってみようと思います。</p>]]>
        
    </content>
</entry>

<entry>
    <title>Firefoxの起動が軽くなるかもしれない方法</title>
    <link rel="alternate" type="text/html" href="http://www.inclover-inc.com/pocket/take/addon/firefox-3.html" />
    <id>tag:www.inclover-inc.com,2010:/pocket//8.2208</id>

    <published>2010-02-12T08:44:40Z</published>
    <updated>2010-02-12T08:53:30Z</updated>

    <summary>ナインティナインのオールナイトニッ本vol2発売まであと3日ですね。 こんにちわ。たけだです。 環境によって軽くならない場合もありますが、 ■「SQLite Optimizer」 FirefoxはSQ...</summary>
    <author>
        <name>takeda</name>
        
    </author>
    
        <category term="addon" scheme="http://www.sixapart.com/ns/types#category" />
    
        <category term="タケダノート" scheme="http://www.sixapart.com/ns/types#category" />
    
    
    <content type="html" xml:lang="ja" xml:base="http://www.inclover-inc.com/pocket/">
        <![CDATA[<p><a href="http://www.amazon.co.jp/ナインティナインのオールナイトニッ本-vol-2-ワニムックシリーズ-135-ナインティナイン/dp/4847041992/" target="_blank">ナインティナインのオールナイトニッ本vol2</a>発売まであと3日ですね。<br />
こんにちわ。たけだです。</p>

<p>環境によって軽くならない場合もありますが、</p>

<p>■「<a href="https://addons.mozilla.org/ja/firefox/addon/11198" target="_blank">SQLite Optimizer</a>」<br />
FirefoxはSQLiteDBでブックマークや履歴などの管理をしていますので、<br />
何もしなければどんどんDBは大きくなり、起動や動作は重くなります。<br />
このアドオンをインストールするだけでDBの最適化をしてくれます。</p>

<p><br />
■「<a href="http://pearl-white.hp.infoseek.co.jp/fireboot/" target="_blank">Fireboot</a>」<br />
不要な言語ファイルを削除することにより少しでも軽快にしようというツール</p>

<p><br />
■「<a href="https://addons.mozilla.org/ja/firefox/addon/1269" target="_blank">Fasterfox</a>」<br />
賛否両論あるアドオンですが、早くなるのは確か。</p>

<p><br />
■about:configを弄る<br />
上級者用ですが、Firefoxを自分仕様にするためにいろいろ弄ることができます。<br />
<a href="http://japan.zdnet.com/sp/feature/07zeroday/story/0,3800083088,20393127,00.htm" target="_blank">Firefoxを思い通りに--about:configページで使える便利な10の「ハック」</a></p>

<p>about:configの設定がラクになるアドオンもあります。<br />
<a href="https://addons.mozilla.org/en-US/firefox/addon/4420" target="_blank">Configuration Mania</a><br />
<a href="http://www.lifehacker.jp/2009/11/firefoxaboutconfigconfiguratio.html" target="_blank">ストレスフリー！　Firefoxの「about:config」の設定をラクにしてくれる「Configuration Mania」</a></p>

<p><br />
■不要なアドオンは停止あるいは削除する<br />
普段からよく使うアドオンは残したまま、ときどき使うようなアドオンは一時停止、<br />
インストールしてみたものの使った記憶があまりないアドオンは削除してみる。</p>

<p><br />
■再インストール<br />
最終手段。プロファイルやアドオンを残したまま再インストールしてもあまり意味がないかも。</p>]]>
        
    </content>
</entry>

<entry>
    <title>Google Chromeエクステンション「OneNumber」</title>
    <link rel="alternate" type="text/html" href="http://www.inclover-inc.com/pocket/take/addon/google-chromeonenumber.html" />
    <id>tag:www.inclover-inc.com,2010:/pocket//8.2146</id>

    <published>2010-01-12T01:41:49Z</published>
    <updated>2010-01-12T01:49:53Z</updated>

    <summary> カレーには、らっきょう派です。 こんにちわ。たけだです。 Gmail,GoogleReader,GoogleVoice,GoogleWaveの新着情報を一つのツールバーボタンでチェックできる拡張機能...</summary>
    <author>
        <name>takeda</name>
        
    </author>
    
        <category term="addon" scheme="http://www.sixapart.com/ns/types#category" />
    
        <category term="タケダノート" scheme="http://www.sixapart.com/ns/types#category" />
    
    
    <content type="html" xml:lang="ja" xml:base="http://www.inclover-inc.com/pocket/">
        <![CDATA[<p><span class="mt-enclosure mt-enclosure-image" style="display: inline;"><img alt="g.jpg" src="http://www.inclover-inc.com/pocket/img/g.jpg" width="500" height="355" class="mt-image-none" style="" /></span></p>

<p>カレーには、らっきょう派です。<br />
こんにちわ。たけだです。<br />
Gmail,GoogleReader,GoogleVoice,GoogleWaveの新着情報を一つのツールバーボタンでチェックできる拡張機能です。</p>

<p>GoogleChromeで「<a href="https://chrome.google.com/extensions/detail/cfkohgkpafhkpdcnfadadcibfboapggi" target="_blank">One Number</a>」のページにアクセスして、Installボタンからインストールするだけ。</p>

<p>オプションからボタンのカスタマイズ、クリック時のアクション、カラーの表示変更など、ある程度カスタマイズできるようです。</p>

<p>今まで各サービスをチェックするのに、別々の監視ツールを使っていたのを、ひとまとめにするだけで大幅に時間の短縮ができます。</p>]]>
        
    </content>
</entry>

<entry>
    <title>Google Chrome Extensions</title>
    <link rel="alternate" type="text/html" href="http://www.inclover-inc.com/pocket/take/google-chrome-extensions.html" />
    <id>tag:www.inclover-inc.com,2009:/pocket//8.2118</id>

    <published>2009-12-10T01:56:28Z</published>
    <updated>2009-12-10T02:11:10Z</updated>

    <summary>ドーナツが１００円だったので勢い余って１０個買っちゃいました。 こんにちわ。たけだです。 まだ２つしか食べてません。 Google Chrome Extensions Google Chromeの拡張...</summary>
    <author>
        <name>takeda</name>
        
    </author>
    
        <category term="addon" scheme="http://www.sixapart.com/ns/types#category" />
    
        <category term="タケダノート" scheme="http://www.sixapart.com/ns/types#category" />
    
    
    <content type="html" xml:lang="ja" xml:base="http://www.inclover-inc.com/pocket/">
        <![CDATA[<p>ドーナツが１００円だったので勢い余って１０個買っちゃいました。<br />
こんにちわ。たけだです。<br />
まだ２つしか食べてません。</p>

<p><span class="mt-enclosure mt-enclosure-image" style="display: inline;"><img alt="googlechromeextention.jpg" src="http://www.inclover-inc.com/pocket/img/googlechromeextention.jpg" width="500" height="358" class="mt-image-none" style="" /></span></p>

<p><a href="https://chrome.google.com/extensions" target="_blank">Google Chrome Extensions</a></p>

<p>Google Chromeの拡張機能がベータ版として公開されていました。<br />
すでに300種類以上公開されています。</p>

<p>早速<a href="https://chrome.google.com/extensions/detail/mihcahmgecmbnbcchbopgniflfhgnkff" target="_blank">Google Mail Checker</a>をインストールしてみました。</p>

<p>GoogleChromeがやっぱり早いので、仕事以外の作業は、<br />
Chromeを使うことが多くなってきました。<br />
Firefoxのようにいろいろ拡張できるともっと便利に使えそうです。</p>]]>
        
    </content>
</entry>

<entry>
    <title>Firefoxを自由に分割するアドオン</title>
    <link rel="alternate" type="text/html" href="http://www.inclover-inc.com/pocket/take/addon/firefox-2.html" />
    <id>tag:www.inclover-inc.com,2009:/pocket//8.2020</id>

    <published>2009-10-09T10:31:32Z</published>
    <updated>2009-10-09T10:37:40Z</updated>

    <summary>ミノワマンはやっぱり強かったです。 こんにちわ。たけだです。 役に立ちそうかなと思ってfirefoxにインストールしていた分割ブラウザアドオンをまったく使っていなかったことに気がついたので、使ってみま...</summary>
    <author>
        <name>takeda</name>
        
    </author>
    
        <category term="addon" scheme="http://www.sixapart.com/ns/types#category" />
    
        <category term="タケダノート" scheme="http://www.sixapart.com/ns/types#category" />
    
    
    <content type="html" xml:lang="ja" xml:base="http://www.inclover-inc.com/pocket/">
        <![CDATA[<p>ミノワマンはやっぱり強かったです。<br />
こんにちわ。たけだです。</p>

<p>役に立ちそうかなと思ってfirefoxにインストールしていた<a href="https://addons.mozilla.org/ja/firefox/addon/4287" target="_blank">分割ブラウザアドオン</a>をまったく使っていなかったことに気がついたので、使ってみました。</p>

<p><span class="mt-enclosure mt-enclosure-image" style="display: inline;"><img alt="split01.jpg" src="http://www.inclover-inc.com/pocket/img/split01.jpg" width="545" height="427" class="mt-image-none" style="" /></span></p>

<p>ブラウザの領域を自由に分割ができるので、２つのページを見比べたり、常に表示させておきたいページを横に表示させておいたり、いろいろな使い方ができそうです。</p>

<p>基本的な使い方は、コンテキストメニューで「ブラウザを分割」を選べば、ウインドが分割されます。</p>

<p>また、スクロールを同期することもできるので２つのページを見比べるときに便利に使えそうです。</p>

<p><span class="mt-enclosure mt-enclosure-image" style="display: inline;"><img alt="split02.jpg" src="http://www.inclover-inc.com/pocket/img/split02.jpg" width="545" height="427" class="mt-image-none" style="" /></span></p>]]>
        
    </content>
</entry>

<entry>
    <title>ページ全体や必要部分だけのキャプチャが簡単に取れるFirefoxアドオン「Shooter」</title>
    <link rel="alternate" type="text/html" href="http://www.inclover-inc.com/pocket/take/addon/firefoxshooter.html" />
    <id>tag:www.inclover-inc.com,2009:/pocket//8.1988</id>

    <published>2009-09-24T07:10:22Z</published>
    <updated>2009-09-24T07:15:02Z</updated>

    <summary>明日からチキンタツタが発売されます。絶対食べます。 こんにちわ。たけだです。 サイトのキャプチャを取るFirefoxのアドオンはけっこうあるけど 使い勝手や機能が様々なので、結局その人の好みになってき...</summary>
    <author>
        <name>takeda</name>
        
    </author>
    
        <category term="addon" scheme="http://www.sixapart.com/ns/types#category" />
    
        <category term="タケダノート" scheme="http://www.sixapart.com/ns/types#category" />
    
    
    <content type="html" xml:lang="ja" xml:base="http://www.inclover-inc.com/pocket/">
        <![CDATA[明日からチキンタツタが発売されます。絶対食べます。<br />
こんにちわ。たけだです。<br />
<br />
サイトのキャプチャを取るFirefoxのアドオンはけっこうあるけど<br />
使い勝手や機能が様々なので、結局その人の好みになってきますよね。<br />
<br />
いろいろ試していると、とても簡単なアドオンを見つけました。<br />
<br />
アドオンをインストール後、キャプチャを取りたいサイト上で右クリック。
コンテキストメニューを開き、メニューから「Shoot this page」をクリック。<br />
<img src="http://www.inclover-inc.com/pocket/take/lab/capture/cap01.gif" /><br />
<br />
現在のページの全体像が別ウインドで表示されます。<br />
<img src="http://www.inclover-inc.com/pocket/take/lab/capture/cap02.jpg" /><br />
<br />
ページ全体のキャプチャを取りたい場合は、このまま
このウインドの左下にある「Format」項目でPNGで保存するか、JPEGで保存するかの選択を行い、Saveボタンのクリックで保存が完了します。<br />
<img src="http://www.inclover-inc.com/pocket/take/lab/capture/cap03.jpg" /><br /><br />
ページの一部のキャプチャを取りたい場合は、ウインド内の必要な部分をマウスでドラッグして選択することができます。<br />
必要部分の選択後、Saveボタンをクリックすれば完了です。
<img src="http://www.inclover-inc.com/pocket/take/lab/capture/cap04.jpg" /><br />
<br />
あー簡単。<br />
<a href="https://addons.mozilla.org/en-US/firefox/addon/13485" target="_blank">Shooter</a>]]>
        
    </content>
</entry>

</feed>
