<p class="thumb"><img alt="スニペットを共有したいときに便利な「Snipt」" src="http://web-marketing.zako.org/images/Snipt.png" width="514" height="204" /></p><p>HTMLやPHP、perlなどのコード スニペットを手軽に共有したいということはよくありますよね？</p><p>そういったときにわざわざ見やすくする準備をせずとも、カンタンにサイトやTwitterなどで共有できてしまうのがこのサービス。</p>

<!--more-->
<h3 class="header-label">いろいろなコード スニペットを共有したいときに便利な「Snipt」</h3><p>「<a class="web-site-link" href="http://snipt.org/" onclick="window.open('http://snipt.org/'); return false;">Snipt</a>」は、<strong>HTML、XML、PHPやperlなどなど、さまざまなコードを登録でき、サイトへの埋め込みやTwitterなどでの共有を行える</strong>サービス。</p><p>とにかく世の中に存在する多くのコードに対応していて、共有する際に、わざわざ整形する必要がないのが便利です。</p><h4 class="header-label">埋め込みサンプル</h4><script type="text/javascript" src="http://embed.snipt.org/sY"></script><p>↑これが登録したコード。発行されるタグは↓のようなものです。</p><pre class="code"><code>&lt;script src=&quot;http://embed.snipt.org/sY&quot;&gt;&lt;/script&gt;</code></pre><br /><h4 class="header-label">行数を入れることも可能</h4><script type="text/javascript" src="http://embed.snipt.org/sZ"></script><p>↑行数を入れるか入れないかの指定も可能です。</p><h4 class="header-label">埋め込み時のCSSも指定可能</h4><script type="text/javascript" src="http://embed.snipt.org/skh"></script><p>↑もっと見てくれをこだわりたいという場合にも、このCSSをカスタマイズすれば可能です。</p><p>興味のある方は<a class="web-site-link" href="http://snipt.org/" onclick="window.open('http://snipt.org/'); return false;">Snipt.org</a>へどうぞ。</p><h4 class="header-label">sniptの使い方</h4><ol class="steps">	<li><h4><a class="web-site-link" href="http://snipt.org/" onclick="window.open('http://snipt.org/'); return false;">Snipt.org</a>のページを開きます</h4></li>	<li><h4>タイトルを入れて、コードの種類を選び、共有したいコードを貼り付けます。</h4><p><a rel="nofollow facebox" href="http://lh3.ggpht.com/_fRSz8mJZTZY/SYrwG2LllxI/AAAAAAAAR0c/XWF0wg0v6WI/s800/%E5%85%A8%E7%94%BB%E9%9D%A2%E3%82%AD%E3%83%A3%E3%83%97%E3%83%81%E3%83%A3%2020090205%20225613.jpg"><img src="http://lh3.ggpht.com/_fRSz8mJZTZY/SYrwG2LllxI/AAAAAAAAR0c/XWF0wg0v6WI/s288/%E5%85%A8%E7%94%BB%E9%9D%A2%E3%82%AD%E3%83%A3%E3%83%97%E3%83%81%E3%83%A3%2020090205%20225613.jpg" alt="" /></a></p><p>ここで行数を入れたいときは「Show Line Numbers 」にチェックを入れ、公開したくないときは「Private Snipt」にチェックを入れます<br />さらに、「Add to 'My Snipts'」にチェックを入れてログインすると、自分専用のボックスに格納できます。</p></li>	<li><h4>そして「Snip it」ボタンを押します</h4><p><img src="http://lh4.ggpht.com/_fRSz8mJZTZY/SYrwoFGti-I/AAAAAAAAR08/sTeWS82197U/s400/%E5%85%A8%E7%94%BB%E9%9D%A2%E3%82%AD%E3%83%A3%E3%83%97%E3%83%81%E3%83%A3%2020090205%20225841.jpg" alt="" /></p></li><li><h4>URLが発行されるので、リンクをクリックします</h4><p><a rel="nofollow facebox" href="http://lh5.ggpht.com/_fRSz8mJZTZY/SYr5-MRityI/AAAAAAAAR10/JAITF4gulyk/s800/Snipt-4.jpg"><img src="http://lh5.ggpht.com/_fRSz8mJZTZY/SYr5-MRityI/AAAAAAAAR10/JAITF4gulyk/s288/Snipt-4.jpg" alt="" /></a></p></li><li><h4>↑コードが表示され、共有用のボタンやリンクから共有することが可能になります</h4></li></ol><p>コードを共有するのに、jQueryなどを利用して綺麗に共有することもできますが、もっと手軽に共有したいという場合には使えそうですよね。 プライベートモードにして、テンプレート集的なものを置いておくという使い方もできそうです。</p><p>Via:<a class="web-site-link" href="http://delicious.com/url/9224182b82b730a91246f815f359d1a2" onclick="window.open('http://delicious.com/url/9224182b82b730a91246f815f359d1a2'); return false;">Delicious</a></p>