<p class="thumb"><img src="http://web-marketing.zako.org/images/2016/12/io-editor.png" alt="IO" width="592" height="266" class="alignnone size-full wp-image-30735" /></p>
<p>たとえばEvernoteへ装飾したテキストを保存したいときなどに、Markdownエディタは意外と便利。特にEvernoteのWindowsクライアントを使っている人は、クライアントに直接書いていると体裁を整えたいときに不便なこともあるので、そう感じることも多いのではないでしょうか。</p>
<p>ただ、Markdown記法で文章をライティングするのも面倒ということもあるかと思います。</p>
<p>今回は、そんな方にも手軽に使える、ブラウザベースのMarkdownエディタをご紹介します。</p><!--more-->

<h3 class="header-label">Markdownだけど手軽にライティングできるブラウザエディタ「I/O 」</h3>
<p>「<a target="_blank" href="https://bold.io/">I/O</a>」は、<strong>Markdown記法をより直感的に使える軽量のブラウザエディタ。</strong></p>
<p>Twitterアカウントと連携して利用することができ、書いた文章をそのままウェブに公開することも可能です。</p>

<h4 class="tips">Markdownを直感的に使える</h4>
[caption id="attachment_30733" align="alignnone" width="592"]<img src="http://web-marketing.zako.org/images/2016/12/io-markdown.png" alt="行頭をクリックすることで、装飾を選べる。" width="592" height="427" class="size-full wp-image-30733" /> 行頭をクリックすることで、装飾を選べる。[/caption]
<p>##などと打つことなく、Markdown記法を覚えていなくても、選択肢の中から文字装飾を選んで記述することができます。</p>
<p>また、Markdown記法がそのまま表示されるのではなく、装飾がなされたアウトプットと同じ状態で表示されます。</p>

[caption id="attachment_30732" align="alignnone" width="592"]<img src="http://web-marketing.zako.org/images/2016/12/io-commands.png" alt="コマンドで装飾することも可能。" width="592" height="319" class="size-full wp-image-30732" /> コマンドで装飾することも可能。[/caption]
<p>選択肢から選ぶだけでなく、「/」を打つことで文字装飾を呼び出すこともできます。たとえば /h1 と打てばH1が適用されますし、/ol と打てば番号リストが出てきます。</p>

<p>また文字装飾以外にも画像を埋め込むことも可能になっています。</p>

<p class="desc"><a target="_blank" href="https://bold.io/2016-12-11-natmq">ウェブに公開したサンプルはこちら </a></p>

<h4 class="tips">ライティングに集中する環境を作れる</h4>
[caption id="attachment_30734" align="alignnone" width="592"]<img src="http://web-marketing.zako.org/images/2016/12/io-anbience.png" alt="パリのカフェや嵐、ビーチや森などの音から選べる。" width="592" height="331" class="size-full wp-image-30734" /> パリのカフェや嵐、ビーチや森などの音から選べる。[/caption]
<p>パリのカフェに居るかのような音や、雷、波の音など、ライティングに没頭できるような音の環境を作り出すことができます。</p>

<h4 class="tips">そのままウェブに公開できる</h4>
[caption id="attachment_30731" align="alignnone" width="592"]<img src="http://web-marketing.zako.org/images/2016/12/io-publish.png" alt="右上のPublishボタンを押してウェブへ公開。" width="592" height="224" class="size-full wp-image-30731" /> 右上のPublishボタンを押してウェブへ公開。[/caption]
<p>書き上げた文章を、そのままウェブへ公開することも可能。一度公開した後に再度編集することもできます。</p>

<h4 class="tips">Markdown、JSON形式でダウンロード可能</h4>
[caption id="attachment_30730" align="alignnone" width="591"]<img src="http://web-marketing.zako.org/images/2016/12/io-download.png" alt="作成したテキストを２つの形式でダウンロードできる。" width="591" height="243" class="size-full wp-image-30730" /> 作成したテキストを２つの形式でダウンロードできる。[/caption]
<p>書き上げた文章を公開せずにMarkdown形式、あるいはJSON形式でダウンロードすることも可能。Evernoteクライアントを使っていれば、ホットキーでEvernoteへ貼り付けることもできますね。</p>
[caption id="attachment_30729" align="alignnone" width="592"]<img src="http://web-marketing.zako.org/images/2016/12/io-evernote.png" alt="ホットキーでEvernoteに貼り付けたノート。" width="592" height="535" class="size-full wp-image-30729" /> ホットキーでEvernoteに貼り付けたノート。[/caption]

<p>興味があるかたは<a target="_blank" href="https://bold.io/">I/O</a>へどうぞ。</p>

