<p class="thumb"><img src="http://d3qt5c962pj1kq.cloudfront.net/images/2013/06/writebox.png" alt="ライティング用エディタ" width="510" height="359" class="none" /></p>
<p>iPhoneやiPadでライティングするには、Dropboxと同期できる<a href="https://itunes.apple.com/jp/app/tekisuto-bian-ji-textforce/id396444947?mt=8&uo=4&at=11l8Es" rel="nofollow" target="_blank" >Textforce</a>のような便利アプリがあります。</p>
<p>しかし、どうせならPCでも同じサービスを使ってライティングをしたい、あるいはHTML化するのに便利なテキストエディタを使いたいといったニーズもあると思います。</p>
<p>今回は、そんなニーズに応えてくれる、ライティングに集中できるテキストエディタをご紹介します。</p><!--more-->
<h3 class="header-label">使い勝手の良いシンプルなライティングエディタ「Writebox」</h3>
<p>「<a target="_blank" href="https://write-box.appspot.com/">Writebox</a>」は、<strong>ライティングに集中できるシンプルなオンラインのテキストエディタ。</strong></p>
<p><a href="https://itunes.apple.com/jp/app/writebox/id575555790?mt=8&uo=4&at=11l8Es" rel="nofollow" target="_blank" >iPhone/iPadアプリ（170円）</a>もあり、いずれも太字やリストといったちょっとしたHTMLタグを容易に挿入でき、WEBとChromeアプリでは、HTMLファイルとしてエクスポートすることも可能です。</p>
<h4 class="title">ライティングに集中できるシンプルなUI</h4>
<p><img src="http://d3qt5c962pj1kq.cloudfront.net/images/2013/06/writebox1.png" alt="シンプルなUI" width="500" height="222" class="alignnone size-full wp-image-26120" /><br />↑UIは非常にシンプル。ライティング中はメニューも隠れ、無駄を省き、とにかく文字を打ち込むことに集中できます。</p>
<h4 class="title">エディタの背景色や文字色の変更も可能</h4>
<p><img src="http://d3qt5c962pj1kq.cloudfront.net/images/2013/06/writebox2.png" alt="エディタの背景色" width="500" height="224" class="alignnone size-full wp-image-26119" /><br />↑背景色、文字色はもちろん、フォントや行間の調節、エディタ領域のサイズを変更したりすることもできます。</p>
<h4 class="title">文字数をカウントできる</h4>
<p><img src="http://d3qt5c962pj1kq.cloudfront.net/images/2013/06/writebox3.png" alt="文字数カウント" width="500" height="117" class="alignnone size-full wp-image-26118" /><br />↑地味なんですが、意外と大事なのがこの文字数カウンタ機能。日本語も1文字1 charsとカウントしてくれます。</p>
<h4 class="title">テキストにHTMLタグを付けられる</h4>
<p><img src="http://d3qt5c962pj1kq.cloudfront.net/images/2013/06/writebox4.png" alt="HTMLタグを付ける" width="500" height="211" class="alignnone size-full wp-image-26115" /><br />↑テキストからサイトにアップする際、意外と面倒なのがHTMLタグを付けること。Writeboxではこの作業が楽になります。</p>
<p>見出しはHTMLタグを付与する必要がありますが、太字（strong）やリスト（ul li）はショートカットコマンドでつけることができます。</p>
<p><img src="http://d3qt5c962pj1kq.cloudfront.net/images/2013/06/writebox5.png" alt="ショートカットキー" width="500" height="220" class="alignnone size-full wp-image-26117" /><br />↑また、このテキストをHTMLファイルで保存すると、フレーズへ自動的にPタグを付けてくれます。これもまた地味に便利。</p>
<p>ちなみに、エディタで見出しのHTMLタグを付けた場合、見出しの下に１行空白を開けると、うまいことHTMLタグを付けてくれるようです。そうしないと見出しの前からPタグが始まってしまう様子。ここは改善して欲しいですね。</p>
<h5 class="tips">ショートカットキー</h5>

<ul>
<li>同期（保存）: Ctrl(Cmd) + S</li>
<li>プレビュー　: Ctrl(Cmd) + Shift + P</li>
<li>太字　　　　: Ctrl(Cmd) + B</li>
<li>イタリック　: Ctrl(Cmd) + I</li>
<li>リスト　　　: Ctrl(Cmd) + Shift + L</li>
</ul>
<h4 class="title">DropboxとGoogleドライブで同期</h4>

<p><img src="http://d3qt5c962pj1kq.cloudfront.net/images/2013/06/writebox6.png" alt="テキストファイル同期" width="500" height="295" class="alignnone size-full wp-image-26116" /><br />↑iPhone/iPadとPC間でファイルを同期するには、DropboxとGoogleドライブが使えます。最近開いたフォルダを記憶することもできて、テキストファイルを保存するフォルダが決まっている時にも便利です。</p>
<h4 class="title">プレビューモードでHTML表示の確認も可能</h4>

<p><img src="http://d3qt5c962pj1kq.cloudfront.net/images/2013/06/writebox7.png" alt="HTMLプレビュー" width="500" height="457" class="alignnone size-full wp-image-26114" /><br />↑プレビューモードではテキストエディタに記述したHTMLタグをプレビューすることができます。WEB上にアップする前に基本的なところを確認できるのが良いですね。</p>
<p>興味がある方は<a target="_blank" href="https://write-box.appspot.com/">Writebox（WEB版）</a>、<a target="_blank" href="https://chrome.google.com/webstore/detail/writebox/bbehjmjchoiaglkeboicbgkpfafcmhij">Writebox（Chromeアプリ）</a>あるいは<a href="https://itunes.apple.com/jp/app/writebox/id575555790?mt=8&uo=4&at=11l8Es" rel="nofollow" target="_blank" >iPhone/iPadアプリ（170円）</a>へどうぞ。</p>
<p>普段はWordpressへ投稿する際、HTMLタグを付与するのに<a target="_blank" href="http://wordpress.org/plugins/wp-zen-coding/">WP Zen-Coding</a>を使っていますが、ある程度まではこのエディタでできてしまうのが良いですね。</p>
<div class="pochireba" style="text-align:left;font-size:small;padding:20px 0;/zoom: 1;overflow: hidden;"><a href="https://itunes.apple.com/jp/app/writebox/id575555790?mt=8&uo=4&at=11l8Es" target="_blank" ><img src="http://a170.phobos.apple.com/us/r1000/012/Purple6/v4/38/a7/b9/38a7b9ca-09ca-2f5d-505c-870067de07d2/mzl.xevnvigb.200x200-75.png" alt="Writebox" width="100" height="100" style="float:left;margin:0 15px 0 0;width:100px;height:100px;" class="pochi_img" ></a><div class="pochi_info" style="text-align:left;/zoom: 1;overflow: hidden;"><div class="pochi_name"><a href="https://itunes.apple.com/jp/app/writebox/id575555790?mt=8&uo=4&at=11l8Es" target="_blank" >Writebox</a>&nbsp;(170円)</div><div class="pochi_seller">Kazuhiro Shibuya&nbsp;<a href="https://itunes.apple.com/jp/app/writebox/id575555790?mt=8&uo=4&at=11l8Es" style="width:60px;color:#ffffff;background:#000000;font-size:8px;font-weight:bold;text-align:center;display:inline;text-decoration:none;border:0px;padding:2px;border-radius:5px;white-space: nowrap;" target="_blank" >App Store</a></div><div class="pochi_time" style="font-size:x-small;display:inline;">(2013.09.04時点)</div><div class="pochi_post" style="font-size:x-small;">posted with <a href="http://pochireba.com" rel="nofollow" target="_blank">ポチレバ</a></div></div><div class="pochireba-footer" style="clear: left"></div></div>


<h5 class="tips">関連アプリ</h5>
<div class="pochireba" style="text-align:left;font-size:small;padding:20px 0;/zoom: 1;overflow: hidden;"><a href="https://itunes.apple.com/jp/app/tekisuto-bian-ji-textforce/id396444947?mt=8&uo=4&at=11l8Es" target="_blank" ><img src="http://a1393.phobos.apple.com/us/r30/Purple/v4/f1/66/be/f166be21-7ef4-0d60-7715-cbf0083b168c/mzl.vftyotjd.200x200-75.png" alt="テキスト編集 Textforce for Dropbox" width="100" height="100" style="float:left;margin:0 15px 0 0;width:100px;height:100px;" class="pochi_img" ></a><div class="pochi_info" style="text-align:left;/zoom: 1;overflow: hidden;"><div class="pochi_name"><a href="https://itunes.apple.com/jp/app/tekisuto-bian-ji-textforce/id396444947?mt=8&uo=4&at=11l8Es" target="_blank" >テキスト編集 Textforce for Dropbox</a>&nbsp;(350円)</div><div class="pochi_seller"><a href="https://itunes.apple.com/jp/artist/yutaka-yagiura/id304048976?uo=4&at=11l8Es" target="_blank" >Yutaka Yagiura</a>&nbsp;<a href="https://itunes.apple.com/jp/app/tekisuto-bian-ji-textforce/id396444947?mt=8&uo=4&at=11l8Es" style="width:60px;color:#ffffff;background:#000000;font-size:8px;font-weight:bold;text-align:center;display:inline;text-decoration:none;border:0px;padding:2px;border-radius:5px;white-space: nowrap;" target="_blank" >App Store</a></div><div class="pochi_time" style="font-size:x-small;display:inline;">(2013.09.04時点)</div><div class="pochi_post" style="font-size:x-small;">posted with <a href="http://pochireba.com" rel="nofollow" target="_blank">ポチレバ</a></div></div><div class="pochireba-footer" style="clear: left"></div></div>