Movable Typeのブログ記事作成にKobitoを使う【Markdown】

Movable Typeのブログ記事作成にKobitoを使う【Markdown】

家ではほとんどMacしか使っていないのに、Windows XPサポート期限終了間近の広告がやたらと気になるtanakaです。 今回はMovable Typeの記事が書きやすくなる方法の紹介です。

Kobitoについて

KobitoはIncrements株式会社が開発しているMac用エディタで、Qiita [キータ] - プログラマの技術情報共有サービスへ簡単に投稿できます。Markdownで記述できリアルタイムでプレビューできるため、技術系ブログ記事を作成する上で大変便利なツールなので紹介します。

Movable TypeとMarkdownフォーマット

Movable Type 4 (2007年リリース)からブログ記事の投稿にMarkdownフォーマットが使えるようになっています。 MarkdownフォーマットはHTMLで直接記述する場合にくらべて人間が書きやすく、読みやすいという特徴があります。 記事冒頭で紹介したKobitoを利用すると、Movable Typeのブログ記事をリアルタイムでプレビューしながらMarkdownで記述できます。編集画面は以下のような感じになります。

20131202_tanaka_kobito_01.png

スタイルシートはあたってませんが、表示をリアルタイムでみながら編集できるのが魅力です。

Kobito をインストール

こちらからダウンロードしてアプリケーションディレクトリにKobitoをインストールします。

Movable Typeで記事を投稿するときの注意

  • 記事を投稿するときのフォーマットで「Markdown」を選択します。(Markdown+SmartyPantsでもOKだと思いますが試してはいません)
    • 「ユーザー情報の編集 - テキスト形式」の設定でMarkdownを選べば、記事作成時に毎回フォーマットを変更しなくてもよくなります。
  • 画像はMovable Typeでアップロードして生成したタグをKobitoに貼り付けます。

まとめ

Markdown フォーマットを使うと記事を書くのに集中しやすくなります。kobitoを使うと画像やリンクが有効なプレビューを見ながら記事を書くことができます。 今回の記事の骨子は以上ですが、以下で、Markdownの記法をいろいろ試してみましたので参考にしていただけると幸いです。

パラグラフ

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. 
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

見出し

# 見出し1

これも見出し1
====================

# 見出し2

これも見出し2
---------------------

### 見出し3

見出し1

見出し2

見出し3

引用

> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. 
>> Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. 

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

リスト

* Snow Leopard
* Lion
  * Mountain Lion
     * Mavericks

---------------------------------------

1. iPad
2. Kindle
 1. Kindle Paperwhite
 2. Kindle Fire
3. kobo


*   Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. 

    > Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. 
  • Snow Leopard
  • Lion
    • Mountain Lion
      • Mavericks

  1. iPad
  2. Kindle
    1. Kindle Paperwhite
    2. Kindle Fire
  3. kobo

* Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

> Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
  • このエントリーをはてなブックマークに追加

この記事を読んだ人にオススメ