<p class="thumb"><img src="http://d3qt5c962pj1kq.cloudfront.net/images/2012/11/copybar.png" alt="簡易CMS" title="copybar" width="510" height="252" class="none" /></p>

<p>WEBサイトを簡単に編集できるようにするためにはCMS化する必要があるけれど、編集するのは「お知らせ」などのごく一部分なので、そこまで手間やコストをかけたくない、ということもありますよね。</p>
<p>たとえページの一部分を編集するにしても、そう簡単にはいかないのが通常でしたが、それを簡単に実現できるサービスがあったのでご紹介します。</p><!--more-->
<h3 class="header-label">WEBサイトの一部分だけを簡単に編集できる「Copybar」</h3>
<p>「<a target="_blank" href="https://copybar.io/">Copybar</a>」は、<strong>たった一行のタグをWEBサイトに貼り付けるだけで、その部分を簡単に編集することができる</strong>サービス。</p>
<p>サイト全体でCMSを構築しなくても、とても簡単にお知らせなどを更新することが可能になります。</p>

<h4 class="tips">サンプル</h4>
<script src="//copybar.io/sigeos15/Whats-new.js"></script>
<p>↑サービスにログインしていると、この部分が簡単に編集できるようになっています。クリックするだけで、リッチテキストエディタが起動、CSSもサイトに設定したものが反映されています。</p>

<p>ここに表示しているのはJavascriptを読み込んでいるものなので、このページのソース自体にテキストなどは書き込まれていません。しかしWordpressを含めたPHPを使っているサイトであれば、<a target="_blank" href="http://web-marketing.zako.org/test/copybar.php">copybarのテスト</a>のように、テキストや画像をページのソースへ直接書き込むことができます。</p>

<h4 class="tips">WEBページ上で直接編集可能</h4>
<p><img src="http://d3qt5c962pj1kq.cloudfront.net/images/2012/11/copybar02.png" alt="リッチテキストエディタ" title="copybar02" width="500" height="246" class="aligncenter size-full wp-image-21388" /><br />↑Copybarにログインしておくことで、WEBページ上からリッチテキストエディタを使って、直接編集することができます。</p>

<p><img src="http://d3qt5c962pj1kq.cloudfront.net/images/2012/11/copybar03.png" alt="" title="copybar03" width="400" height="327" class="aligncenter size-full wp-image-21386" /><br />↑このリッチテキストエディタは基本的な機能を網羅していて、テーブルなども挿入することができるようになっています。</p>

<p><img src="http://d3qt5c962pj1kq.cloudfront.net/images/2012/11/copybar04.png" alt="" title="copybar04" width="500" height="371" class="aligncenter size-full wp-image-21385" /><br />↑リンクの挿入は、URL以外にメールアドレスとページ内のアンカーを指定可能。</p>

<p><img src="http://d3qt5c962pj1kq.cloudfront.net/images/2012/11/copybar05.png" alt="" title="copybar05" width="500" height="321" class="aligncenter size-full wp-image-21384" /><br />↑画像はドラッグ・アンド・ドロップで挿入でき、その場でサイズの変更も可能です。</p>

<h4 class="tips">編集者を複数指定可能</h4>
<p><img src="http://d3qt5c962pj1kq.cloudfront.net/images/2012/11/copybar06.png" alt="" title="copybar06" width="500" height="146" class="aligncenter size-full wp-image-21383" /><br />↑無料版では5人まで編集者を指定できます。部品も5つまで作成可能。</p>

<h4 class="tips">デモページ</h4>
<p class="desc"><a target="_blank" href="https://dl.dropbox.com/u/150534/test/getting-started-master/index.html">Getting Started with Copybar</a></p>
<p>上記のリンク先はアカウントがなくても編集できるようになっている、Dropbox上に作ったデモサイトです。ただし保存はされないので、編集した内容を確認できるのは自分だけになります。</p>

<h4 class="tips">デモ動画</h4>
<iframe src="http://player.vimeo.com/video/50450865?title=0&amp;byline=0&amp;portrait=0&amp;badge=0" width="520" height="293" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe> <p><a href="http://vimeo.com/50450865">Copybar Site Dropbox Demo</a> from <a href="http://vimeo.com/user13801925">Copybar</a> on <a href="http://vimeo.com">Vimeo</a>.</p>


<p>興味がある方は<a target="_blank" href="https://copybar.io/">Copybar</a>へどうぞ。</p>


<p>たった数行の情報だけのためにページを作っても、<a href="http://web-marketing.zako.org/web-marketing-news/sem-news/manga-panda-update1.html">パンダ・アップデート</a>によって、順位を下げるリスクも伴います。その観点で見ても、ページの一部を編集することで更新できるこのサービスはなかなか理想的なものですね。わざわざCMSを構築しなくても実現できてしまうのも手軽で良さそうです。</p>