<span class="mt-enclosure mt-enclosure-image" /><img alt="gmailのスターアイコンを自由にカスタマイズする方法" src="http://web-marketing.zako.org/images/gmail--Superstars-Turbo.png" width="514" height="204" style="" /></span><p>Gmailのスーパースターは便利なんだけど、アイコンのイメージが合わないなんてこと良くありますよね。</p><p>だから私も忘れないように付箋にルールを書いて手元に貼っているのですが、アイコンを自由にカスタマイズしてしまえば、直感的に選べるのですごく効率的。</p><p>今回はFirefoxのグリースモンキーを使ってアイコンを自由にカスタマイズする方法をご紹介。</p><!--more--><h3 class="header-label">Gmailのスーパースターアイコンをカスタマイズできるグリースモンキー</h3><p>Gmailのスーパースターアイコンは、<strong>用件の種類によってアイコンを変更できる</strong>のでGTDにGmailを活用している人にとっては欠かせない機能。しかし「アイコンのイメージがなかなか合わない」なんて思っている人は多いはず。</p><p>そんな人にオススメできるのが「<a href="http://userscripts.org/scripts/show/36624" onclick="window.open('http://userscripts.org/scripts/show/36624'); return false;">Gmail Superstars Turbo</a>」、FirefoxでGmailを利用する際に、<strong>スーパースターのアイコンを自由に変更できるようにする</strong>グリースモンキーです。</p><p>利用するにはFirefoxアドオン「<a class="hacks" href="https://addons.mozilla.org/ja/firefox/addon/748" onclick="window.open('https://addons.mozilla.org/ja/firefox/addon/748'); return false;">Greasemonkey</a>」が必要になります。</p><h4 class="header-label">自由にスーパースターアイコンを変更できる</h4><p>デフォルトでセットされているアイコンセットは下記の2種類。これだけでも十分にビジネスにも活用できそうです。</p><p class="picture">デフォルトアイコンセット<img src="http://lh5.ggpht.com/_fRSz8mJZTZY/SR6HOdwpWjI/AAAAAAAAMHs/KV_u0EjlNK4/s400/biz-icon-set.jpg" /></p><p class="picture">カスタムアイコンセット<img src="http://lh4.ggpht.com/_fRSz8mJZTZY/SR6HOTjsCRI/AAAAAAAAMH0/hszYUiioo5k/s400/life-icon-set.jpg" /></p><p>ちなみに私はオリジナルでiPhoneアイコンセットを作ってみました。</p><p class="picture">iPhoneアイコンセット<img src="http://lh3.ggpht.com/_fRSz8mJZTZY/SR6HPGL0S4I/AAAAAAAAMIE/4Y5ZnanOccQ/s400/iphone-icon-set.jpg" /></p><p>スターアイコンを押した際の表示順変更はGmailの設定ページでアイコンの順番を入れ替えることで可能です。</p><p>ここでは、下記2点の方法をご紹介します。</p>
<ol>
<li>Gmailスーパースターアイコンの変更方法</li>
<li>オリジナルスーパースターアイコンの作成方法</li>
</ol>

<h4 class="header-label">1. Gmailスーパースターアイコンの変更方法</h4>
<dl class="head-line"><dt>※2009年3月11日追記</dt><dd>Gmailの仕様変更により、このままでは使用できないようです。スクリプト作成者の修正待ちですが、現在は修正が必要になります。</dd><dd>ご自分で修正したい方は、恐れ入りますが<a class="website-link" href="http://www.flickr.com/groups/gmail-superstar-icon-sets/discuss/72157614993714385/" onclick="window.open('http://www.flickr.com/groups/gmail-superstar-icon-sets/discuss/72157614993714385/'); return false;">Flickr: Discussing スクリプトの修正: Gmailの仕様変更対応 in Gmail Superstar Icon Sets</a>をご覧ください。</dd></dl>
<ol>
<li>Firefoxで<a href="http://userscripts.org/scripts/show/36624" onclick="window.open('http://userscripts.org/scripts/show/36624'); return false;">Gmail Superstars Turbo</a>のページを開き、右上の方にある黒い「Install this script」のボタンを押してインストール</li>
<li><a href="https://mail.google.com/" onclick="window.open('https://mail.google.com/'); return false;">Gmail</a>を開き、ステータスバーの「猿」を右クリックし、開いたメニューの「ユーザースクリプトコマンド」を選択<br /><img src="http://lh5.ggpht.com/_fRSz8mJZTZY/SR6HOk4ErHI/AAAAAAAAMH8/eX53CweAWTc/s400/gmail--Superstars-Turbo-1.jpg" /></li>
<li>「Default～」を選択すればそのまま適用され、Gmailが再読み込みされます。「Custom～」の場合は下記画像のようなダイアログボックスが出ますが、自分で変更しない場合はそのままOKを押せば適用され、Gmailが再読み込みされます</li>
<li><img src="http://lh4.ggpht.com/_fRSz8mJZTZY/SR6NJ_9WpDI/AAAAAAAAMI8/TkWywOh7SAc/s400/gmail--Superstars-Turbo-2.jpg" /></li>
</ol>
<p>これでスーパースターアイコンを変更することが出来ました。 ちなみに私が作成したiPhone用アイコンセットは<a class="web-site-link" href="http://www.flickr.com/photos/26047770@N07/sets/72157609098153276/" onclick="window.open('http://www.flickr.com/photos/26047770@N07/sets/72157609098153276/'); return false;">Gmail star icon set</a>で取得可能です。</p>

<p>iPhone用アイコンセットをGmailへセットする際は、画像のURLを前述の３項でご紹介した「Custom～」のダイアログボックスで画像のURL（例：iPhoneセット ⇒ http://farm4.static.flickr.com/3161/3030820989_da85c2d4c4_o.png ）を貼り付けてOKを押せば適用されます。</p>

<p>さらに自分でアイコンセットを作りたい方は下記項目を参照してください。</p>

<h4 class="header-label">2. オリジナルスーパースターアイコンの作成方法</h4>
<ol>
<li>まず 104px×29px の透過画像を作ります</li>
<li>そこへ下記画像のように14×14のアイコンをそれぞれ1pxずつ間を空けながら配置します（※一番右上は必ず空のスターに該当するものにしてください。）<br /><a rel="nofollow facebox" href="http://lh6.ggpht.com/_fRSz8mJZTZY/SR6PUZxuWmI/AAAAAAAAMJc/gKdbHi05_Ns/s800/gmail--Superstars-Turbo-3.jpg"><img src="http://lh6.ggpht.com/_fRSz8mJZTZY/SR6PUZxuWmI/AAAAAAAAMJc/gKdbHi05_Ns/s400/gmail--Superstars-Turbo-3.jpg" /></a><br />アイコン探しは<a class="web-site-link" href="http://www.iconarchive.com/" onclick="window.open('http://www.iconarchive.com/'); return false;">Icon Archive</a>がおすすめです。</li>
<li>画像をpng形式で保存し、FlickrやPicasa、もしくはご自分のサーバーへアップします</li>
<li>ステータスバーの「猿」を右クリック、開いたメニューの「ユーザースクリプトコマンド」を選択</li>
<li>「Custom Superstar Set URL」をクリックして開いたダイアログボックスに画像のURLを貼り付けてOKを押せば完了<br /><img src="http://lh4.ggpht.com/_fRSz8mJZTZY/SR6NJ_9WpDI/AAAAAAAAMI8/TkWywOh7SAc/s400/gmail--Superstars-Turbo-2.jpg" /></li>
</ol>

<p>一応<a href="http://www.adrive.com/public/e32da7d69b7e88b8a0e47d1c4718ae2efe39d70067e3a84d1c2c3e88e66bf66e.html">サンプルのPSDファイル</a>も用意しておきました。</p>

<p>「いいアイコンセット出来たよ。」という人は是非<a class="web-site-link" href="http://www.flickr.com/groups/gmail-superstar-icon-sets/" onclick="window.open('http://www.flickr.com/groups/gmail-superstar-icon-sets/'); return false;">Flickr: Gmail Superstar Icon Sets</a>にも参加して投稿してください。</p>

<p>これはなかなかDIYチックでおもしろいですね。デフォルトでもこの機能をつけて欲しいものです。</p>

<p>Via:<a class="web-site-link" href="http://userscripts.org/scripts/show/36624" onclick="window.open('http://userscripts.org/scripts/show/36624'); return false;">Gmail Superstars Turbo - Userscripts.org</a></p>