<p class="thumb"><img src="http://d3qt5c962pj1kq.cloudfront.net/images/2012/10/imagecodr.png" alt="Flickr画像のタグ生成" title="imagecodr" width="510" height="339" class="none" /></p>

<p>Flickrに投稿されている写真は、魅力的なものが多く存在しており、ブログやサイトの素材として使いたい、というものも多いですよね。</p>
<p>しかし、どうにも埋め込みタグを生成するのが面倒ということもあります。</p>
<p>そこで今回は、Flickrに投稿されている写真のうち、著作権を侵害しない写真のみの埋め込みタグを生成してくれるサービスをご紹介します。</p>
<!--more-->
<h3 class="header-label">Flickrに投稿されている写真の埋め込みHTMLタグを生成するImageCodr</h3>
<p>「<a target="_blank" href="http://www.imagecodr.org/get.php">ImageCodr.org</a>」は、<strong>Flickrに投稿されている写真の内、著作権を侵害しない写真の埋め込み用HTMLタグを生成するサービス。</strong></p>
<p>ブックマークレットも用意されていて、容易に写真の埋め込みをおこなうことができます。</p>

<h4 class="tips">Flickrに投稿されている写真を埋め込める</h4>
<p><img src="http://d3qt5c962pj1kq.cloudfront.net/images/2012/10/imagecodr1.png" alt="埋め込みタグを生成" title="imagecodr1" width="500" height="322" class="aligncenter size-full wp-image-21220" /><br />↑写真のURLを指定することで、写真の埋め込みタグを生成することができます。</p>

<p><img src="http://d3qt5c962pj1kq.cloudfront.net/images/2012/10/imagecodr2.png" alt="生成" title="imagecodr2" width="500" height="665" class="aligncenter size-full wp-image-21219" /><br />↑こちらが埋め込みタグを生成したところ。そして以下の写真が、このタグを使って埋め込んだものです。</p>

<h5 class="tips">ミディアムサイズ</h5>
<div about='http://farm1.static.flickr.com/79/370467465_0dcd9c3160.jpg'><a href='http://www.flickr.com/photos/aussiegall/370467465/' target='_blank'><img xmlns:dct='http://purl.org/dc/terms/' href='http://purl.org/dc/dcmitype/StillImage' rel='dct:type' src='http://farm1.static.flickr.com/79/370467465_0dcd9c3160.jpg' alt='Chicory Flower by aussiegall, on Flickr' title='Chicory Flower by aussiegall, on Flickr' border='0'/></a><br/><a rel='license' href='http://creativecommons.org/licenses/by/2.0/' target='_blank'><img src='http://i.creativecommons.org/l/by/2.0/80x15.png' alt='Creative Commons Attribution 2.0 Generic License' title='Creative Commons Attribution 2.0 Generic License' border='0' align='left'></a>&nbsp;&nbsp;by&nbsp;<a href='http://www.flickr.com/people/aussiegall/' target='_blank'>&nbsp;</a><a xmlns:cc='http://creativecommons.org/ns#' rel='cc:attributionURL' property='cc:attributionName' href='http://www.flickr.com/people/aussiegall/' target='_blank'>aussiegall</a><a href='http://www.imagecodr.org/' target='_blank'>&nbsp;</a></div>


<h5 class="tips clear">スモールサイズ</h5>
<div><a href='http://www.flickr.com/photos/panacheart/6610167513/' target='_blank'><img src='http://farm8.static.flickr.com/7016/6610167513_308bdcc6ae_m.jpg' alt='fb-2011-hawaii-18 by Bellevue Fine Art Repro (Scott), on Flickr' title='fb-2011-hawaii-18 by Bellevue Fine Art Repro (Scott), on Flickr' border='0'/></a><br/><a href='http://creativecommons.org/licenses/by-nc/2.0/' target='_blank'><img src='http://i.creativecommons.org/l/by-nc/2.0/80x15.png' alt='Creative Commons Attribution-Noncommercial 2.0 Generic License' title='Creative Commons Attribution-Noncommercial 2.0 Generic License' border='0' align='left'></a>&nbsp;&nbsp;by&nbsp;<a href='http://www.flickr.com/people/panacheart/' target='_blank'>&nbsp;Bellevue Fine Art Repro (Scott)</a><a href='http://www.imagecodr.org/' target='_blank'>&nbsp;</a></div>

<p class="clear">これ以外にもサムネイルやスクエア、大きな写真ではラージサイズも選択できます。</p>

<h4 class="tips">ブックマークレット</h4>
<p class="bookmarklet">
	<a href="javascript:void(location.href='http://www.imagecodr.org/get.php?url='+location.href)">ImageCodr</a>
</p>
<p>↑このリンクをブックマークに登録しておけば、埋め込みたい写真のページから直接埋め込みタグを生成することができます。</p>

<p>興味がある方は<a target="_blank" href="http://www.imagecodr.org/get.php">ImageCodr.org</a>へどうぞ。</p>

<h4 class="tips">著作権を侵害しない写真を探す方法</h4>
<p>
	<img src="http://d3qt5c962pj1kq.cloudfront.net/images/2012/10/imagecodr6.png" alt="クリエイティブ・コモンズ・ライセンス" title="imagecodr6" width="500" height="317" class="aligncenter size-full wp-image-21225" />
</p>
<p>著作権を侵害しない写真だけタグを発行するとはいえ、探す段階でどれが著作権を侵害しないのかわからないと、タグを発行するまでの手間がかかってしまいます。</p>

<p>そこで、ここでは著作権を侵害しない、クリエイティブコモンズライセンスの写真を検索する方法をご紹介します。</p>

<p><img src="http://d3qt5c962pj1kq.cloudfront.net/images/2012/10/imagecodr3.png" alt="詳細検索" title="imagecodr3" width="500" height="46" class="aligncenter size-full wp-image-21224" /><br />↑まず、<a target="_blank" href="http://www.flickr.com/">Flickr!</a>を開き、検索ボックスの横にある「Advanced Search」をクリックします。ここで検索したい言葉を検索ボックスに入れておいても可。</p>

<p><img src="http://d3qt5c962pj1kq.cloudfront.net/images/2012/10/imagecodr4.png" alt="ライセンス" title="imagecodr4" width="500" height="172" class="aligncenter size-full wp-image-21223" /><br />↑次に、下の方にある「Only search within Creative Commons-licensed content」にチェックを入れて、【Search】ボタンを押します。</p>

<p><img src="http://d3qt5c962pj1kq.cloudfront.net/images/2012/10/imagecodr5.png" alt="写真検索結果" title="imagecodr5" width="500" height="263" class="aligncenter size-full wp-image-21222" /><br />↑
すると、クリエイティブコモンズライセンスの写真だけを一覧してくれます。あとはブックマークレットを使ってタグを取得すると便利です。</p>