<span class="mt-enclosure mt-enclosure-image" /><img alt="Tag marksでブックマークにアイコンタグをつけて情報を視覚化" src="http://web-marketing.zako.org/images/firefox-tagmarks-addon.jpg" width="514" height="204" style="" /></span>

<p>先日<a href="http://web-marketing.zako.org/web-service/short-url-firefox-addon-spedr.html">Firefoxのロケーションバーに短縮URLの雷マークがつくアドオン</a>をご紹介しましたが、今回もロケーションバー（アドレスバー）へ任意に付与したアイコンタグを表示してくれる情報整理アドオンをご紹介。</p>
<p>作っている側もいい加減ツールバーがいっぱいになってきたことが気になってきたのでしょうかｗ</p>

<!--more-->
<h3 class="header-label">アイコンでブックマークを視覚化</h3>
<p><a class="hacks"  href="https://addons.mozilla.org/en-US/firefox/addon/8485" onclick="window.open('https://addons.mozilla.org/en-US/firefox/addon/8485'); return false;">Tagmarks</a>の主な特徴は以下の3つ。</p>
<ul>
<li>アイコンタグをつけると開いたときにロケーションバーに付与したアイコンが表示される</li>
<li>アイコンでつけたタグは、Firefoxのブックマークタグと連動している</li>
<li>アイコンタグの一覧は<a class="tool-link" href="chrome://tagmarks/content/viewtags.xhtml" onclick="window.open('chrome://tagmarks/content/viewtags.xhtml'); return false;">TagMarks tags</a>でアイコンごとに一覧化される</li>
</ul>

<h4 class="header-label">アイコンをつけた例</h4>
<p><a rel="nofollow facebox" href="http://lh3.ggpht.com/sigeos15/SMUYFJTlV7I/AAAAAAAAE3A/4q1uaohtRD0/s800/Fullscreen%20capture%2020080908%20211755.jpg"><img src="http://lh3.ggpht.com/sigeos15/SMUYFJTlV7I/AAAAAAAAE3A/4q1uaohtRD0/s400/Fullscreen%20capture%2020080908%20211755.jpg" /></a><br />
これがアイコンタグをすべてつけた状態。 これはさすがにやりすぎですがｗタグをつけたページでは該当のアイコンがロケーションバー（アドレスバー）に表示されるようになっています。</p>

<h4 class="header-label">便利なタグ一覧ページ</h4>
<p><code>chrome://tagmarks/content/viewtags.xhtml</code>
↑のコードをロケーションバーにコピペして実行すると、アイコンタグの一覧が表示されます。メニューの「ブックマーク」＞「View Tagmarks Tags」でも開けますが、どうせなら<a title="TagMarks tags" href="chrome://tagmarks/content/viewtags.xhtml" >Tag</a>←をブックマークレットのように使ったほうが便利そうですよね。</p>

<h4 class="header-label">Firefox純正のブックマークにも連動</h4>
<p><a rel="nofollow facebox" href="http://lh4.ggpht.com/sigeos15/SMUdHOxi3ZI/AAAAAAAAE3g/1sJPsCOHJA0/s800/Fullscreen%20capture%2020080908%20213930.jpg"><img src="http://lh4.ggpht.com/sigeos15/SMUdHOxi3ZI/AAAAAAAAE3g/1sJPsCOHJA0/s288/Fullscreen%20capture%2020080908%20213930.jpg" /></a><br />
ロケーションバーの☆マークでタグの編集も可能。</p>

<h4 class="header-label">使い方の例</h4>
<p>たとえば、RSSリーダーやWEBメールなどのいつも使うツールは「Gear」アイコン、「あとで読む」的なものは「Note & Pen」。参加を検討したいイベントやセミナーなどに「Blue Calender」、家で試したいものは「Home」など、段取り次第で情報整理をかなり簡略化できるのではないかと感じました。</p>

<p>特に、タブを開きすぎてしまう人が一時的にタグ付けするにも便利かも。</p>
<p>個人的な意見としては、使えるアイコンが23個とかなり多いので、使いたいものだけを表示させられるようなオプションがあるとより便利な気がします。</p>

<p>興味のある方は<a class="hacks"  href="https://addons.mozilla.org/en-US/firefox/addon/8485" onclick="window.open('https://addons.mozilla.org/en-US/firefox/addon/8485'); return false;">Tagmarks</a>からアドオンをダウンロード。</p>

<p>ブラウザで視覚化して整理するって今後どんどん進んでくるかも。 先日<a rel="nofollow" href="http://www.amazon.co.jp/%E5%AE%9F%E8%B7%B5-%E6%9B%B8%E9%A1%9E-%E6%83%85%E5%A0%B1-%E6%95%B4%E7%90%86%E8%A1%93-%E3%81%93%E3%82%93%E3%81%AA%E3%82%84%E3%82%8A%E6%96%B9%E3%81%8C%E3%81%82%E3%81%A3%E3%81%9F/dp/4822222861%3FSubscriptionId%3D028QVM5GAF1MWA4NBMR2%26tag%3Dsnowboadteamz-22%26linkCode%3Dxm2%26camp%3D2025%26creative%3D165953%26creativeASIN%3D4822222861">実践 書類&情報 整理術 - こんなやり方があった!</a>を久々に開いてみたのですが、「ここでコレを使えばもっと効率が。」というアイデアのヒントがたくさん。そういった気付きからいろいろ試してみるのもおもしろいですよね。</p>
<p>Via:<a class="web-site-link" href="https://addons.mozilla.org/en-US/firefox/" onclick="window.open('https://addons.mozilla.org/en-US/firefox/'); return false;">Firefox Add-ons</a></p>