<p class="thumb"><img src="http://web-marketing.zako.org/images/2010/03/picmeleo.jpg" alt="" title="自分のサイトを即席の画像編集サイトにできる「Picmeleo」" width="514" height="204" class="alignleft size-full wp-image-13578" /></p>
<p>画像編集ソフトを含め様々なサービスが無料化している中、無料で使えるだけでなく、とうとうブログやサイトに画像編集ソフトを埋め込めるようにまでなったようです。</p>
<p>今回は、自分の運営するサイトを、即席画像編集サイトにしてしまうサービスをご紹介します。</p>
<p><b>※現在は招待制のため、リクエストしてから利用できるまでに数日かかります。</b></p>
<!--more-->
<h3 class='header-label'>自分のサイトを即席の画像編集サイトにできる「Picmeleo」</h3>
<p>「Picmeleo」は、<strong>ブログやサイトに画像編集ツールを設置できる</strong>サービス。</p>
<p>表示させたいページにJavascriptコードを追加し、ファイルを３つほどアップロードするだけで設置できてしまいます。</p>
<h4 class='tips'>サンプル画像エディター</h4>
<p>下記２つのリンクをクリックすると、それぞれ画像エディターを開くことができます。編集機能もなかなか充実しています。</p>
<iframe src="http://web-marketing.zako.org/test/" scrolling="no" frameborder="0" width="522" height="600"></iframe>
<p>↑こちらはフレームで読み込んでいます。<a class='web-site-link' href="http://web-marketing.zako.org/test/" target="_blank">大きな画面で使ってみたいかたはここをクリックしてください。</a></p>
<h4 class='tips'>画像エディターの設置方法</h4>
<p>まず、Picmeleoで無料登録してください。</p>
<p><img src="http://web-marketing.zako.org/images/2010/03/picmeleo2.png" alt="" title="picmeleo2" width="400" height="274" class="alignleft size-full wp-image-13585" /><br />↑登録後に（現在は数日後）招待メールが届くのでログインすると、埋込み用のコードが発行されます。<br />（※あとからサンプルファイルをアップロードした場所のURLを追加する必要があります。）</p>
<p><img src="http://web-marketing.zako.org/images/2010/03/picmeleo3.png" alt="" title="picmeleo3" width="400" height="302" class="alignleft size-full wp-image-13587" /><br />↑埋め込む画像エディターに付ける機能を選べるようにもなっています。</p>
<p><img src="http://web-marketing.zako.org/images/2010/03/picmeleo4.png" alt="" title="picmeleo4" width="400" height="46" class="alignleft size-full wp-image-13590" /><br />↑配布されるサンプルファイルは上記画像にある３つ。これをアップロードして、下記埋込み用のコードで呼び出すように設定すると、設置完了です。</p>
<link rel="stylesheet" href="http://web-marketing.zako.org/themes/SyntaxHighlighter.css" type="text/css" />
<textarea name="code" class="xhtml" id="code">
<script type="text/javascript">
	var picmeleo = {
		key: "あなた専用のKeyがはいっています。",
		receiver: "ここに、receiver.php をアップロードしたURLを入れます。"
	}
</script>
<script type="text/javascript">
	document.write(unescape("%3Cscript src='http://manager.picmeleo.com/api/lightbox' type='text/javascript'%3E%3C/script%3E"));
</script>
</textarea>
<p>興味のある方はPicmeleoへどうぞ。</p>
<p>今まで高度な技術力が求められていたものが、どんどん身近なものになっていきますよね。この動きは一体どこまで行くことやら。</p>
<p>Via:<a class='web-site-link' href="http://delicious.com/url/7dcc812bd1d7d56bc1077551e6d65bc5" target="_blank">delicious</a></p>