<p class="thumb"><img src="http://web-marketing.zako.org/images/2011/03/extensionfactory.jpg" alt="自サイトのブラウザ拡張機能を作成" title="extensionfactory" width="514" height="204" class="aligncenter size-full wp-image-17572" /></p><p>自分のサイトの情報を、ユーザーがいつも開くブラウザに表示できるのは、サイト運営者としては実に魅力があるものです。</p><p>それを実現するには、ブラウザの拡張機能を作成すれば良いのですが、ある程度知識や技術がなければ作成できませんし、そもそも機能に魅力がなければ使われることもありません。</p><p>今回は、そういったハードルを一気に低くしてくれるサービスをご紹介します。</p><!--more--><h3 class='header-label'>カンタンに自サイトのブラウザ拡張機能を作れる「ExtensionFactory」</h3><p>「<a class='web-site-link' href="http://builder.extensionfactory.com/" target="_blank">ExtensionFactory</a>」は、<strong>URLを指定するだけで、カンタンにGoogle Chromeなどのブラウザ拡張機能を作成</strong>するサービス。</p><p>ただ単に新着記事を表示するだけでなく、新着記事通知やお気に入りといった機能も持ち合わせているのも良いところです。</p><h4 class='tips'>４つのブラウザの拡張機能を生成</h4><p><img src="http://web-marketing.zako.org/images/2011/03/extensionfactory5.png" alt="クロスブラウザ対応" title="extensionfactory5" width="422" height="114" class="aligncenter size-full wp-image-17569" /><br />↑Chrome, Safari, Firefoxそして Internet Explorerの拡張機能を同時に生成します。</p><p>ここでは4つのブラウザのうちGoogle Chrome 拡張機能についてご紹介します。</p><h4 class='tips'>開いたブラウザ向けに自動的に変換</h4>
            <a href="http://www.extensionfactory.com" id="sf-extensionfactory-link">SliceFactory Extension Factory</a>
<script type="text/javascript">
    var sf_minisite_url = 'http://web-marketing.zako.org/';
    var sf_minisite_icon = 'large';
    var sf_minisite_lang = 'en';
    var sf_minisite_hide_on_unsupported = true;
    
</script>
<script src="http://builder.extensionfactory.com/js/minisite.embed.js" type="text/javascript"></script>
<p>↑拡張機能を作成すると、拡張機能をインストールするためのボタンが生成されます。このボタンは、ユーザーが開いたブラウザによって、最適なものに自動的に変更されるようになっています。</p><p>例えばGoogle Chromeでボタンが設置されたページ開くと、Chrome拡張機能をインストールするイメージボタンになり、Firefoxで開くと、Firefoxアドオンのインストールボタンになります。</p><p><img src="http://web-marketing.zako.org/images/2011/03/extensionfactory6.png" alt="インストールダイヤログボックス" title="extensionfactory6" width="422" height="245" class="aligncenter size-full wp-image-17568" /><br />↑ユーザーがインストールボタンを押すと、通常のChrome拡張同様に、インストールの手順が進められます。</p><h4 class='tips'>アイコンに未読数を表示</h4><p><img src="http://web-marketing.zako.org/images/2011/03/extensionfactory2.png" alt="新着記事の未読数" title="extensionfactory2" width="422" height="95" class="aligncenter size-full wp-image-17573" /><br />↑新着記事が更新されると、アイコンに未読数を表示します。</p><h4 class='tips'>サイトの新着記事をブラウザでチェックできる</h4><p><img src="http://web-marketing.zako.org/images/2011/03/extensionfactory3.png" alt="新着記事を表示" title="extensionfactory3" width="422" height="485" class="aligncenter size-full wp-image-17571" /><br />↑直近の新着記事10件を吹き出しに表示します。これを作成する手間を省いてくれるのは素晴らしい。</p><h4 class='tips'>お気に入り追加・管理機能</h4><p><img src="http://web-marketing.zako.org/images/2011/03/extensionfactory4.png" alt="お気に入り" title="extensionfactory4" width="466" height="280" class="aligncenter size-full wp-image-17570" /><br />↑新着記事でスターボタンを押すと、Bookmarkタブにお気に入りとして保存することができます。</p><h4 class='tips'>新着のデスクトップ通知機能</h4><p><img src="http://web-marketing.zako.org/images/2011/03/extensionfactory10.png" alt="デスクトップ通知" title="extensionfactory10" width="422" height="114" class="aligncenter size-full wp-image-17626" /><br />↑新着エントリが公開されると、デスクトップに通知されます。</p><h4 class='tips'>拡張機能の作成方法</h4><p><img src="http://web-marketing.zako.org/images/2011/03/extensionfactory7.png" alt="アドレスを指定" title="extensionfactory7" width="422" height="276" class="aligncenter size-full wp-image-17567" /><br />↑まず<a class='web-site-link' href="http://builder.extensionfactory.com/" target="_blank">extensionfactory.com</a>のページで、作成したいサイトのURLを貼り付け、「Create your extension」ボタンを押します。</p><p><img src="http://web-marketing.zako.org/images/2011/03/extensionfactory8.png" alt="インストールボタンのタグ" title="extensionfactory8" width="422" height="360" class="aligncenter size-full wp-image-17566" /><br />↑すると、拡張機能を試用できる「Test the extension」と、インストールボタンのタグが発行されます。</p><p><img src="http://web-marketing.zako.org/images/2011/03/extensionfactory9.png" alt="インストールボタン" title="extensionfactory9" width="422" height="203" class="aligncenter size-full wp-image-17565" /><br />↑ここで「Customize your install button」を押すと、ボタンのデザインを選択することができます。</p><p>あとは、インストールボタンを表示させたい場所へタグを貼りつければ完了です。</p><p>興味のある方は<a class='web-site-link' href="http://builder.extensionfactory.com/" target="_blank">extensionfactory.com</a>へどうぞ。</p><p>少し敷居が高くて、取っ付きづらいことでも、ここまでカンタンにしてくれるとトライしやすくなりますね。</p><p>Via:<a class='web-site-link' href="http://www.delicious.com/url/27a15c69964b04f3684ae266b7115e80" target="_blank">delicious</a></p>