今回は、半年ほど前に書いた記事、
\nプラグインを使わずに Markdown で Wordpress のブログを更新する（基礎編） | WEB EGG
\nの実践編です。
\n予告の通り、
をメインに説明します。
\n\nMarkdown とは、Markdown の書き方については、基礎編を御覧ください。
\nざっくり書くと、HTML より見やすく書きやすいマークアップ記法です。
僕が Markdown を書くときに使っているアプリは主に 2 つです。
\n２つとか行っておきながらも、
\nMac で Markdown 書くならこれ一択だと思います。
この子のすごいところは、
\nです。
\n例えば今書いている文章を Mou で見るとこんな感じです。
\n他のエディタでもある程度はハイライトしてくれるのですが、
\nMou のシンタックスハイライトは完璧です（主観）。
\nハイライトがあると、それだけで構文ミスやタイポに気づけるので助かります。
シンタックスハイライトがあると、構文解析に処理を割かれて
\n動作が重くなってしまうこともありません。動作がすごく軽量です。
そして、何よりありがたいのが、リアルタイムプレビューです。
\nMarkdown で書いている内容を、リアルタイムに HTML 形式で見ることができます。
Markdown に慣れていないうちは、
\n「どのような HTML になるか、見ながら書きたい」ってことも有ると思います。
エディタとプレビューの 2 カラムで作業をするので、
\nエディタ部分の横幅が狭いと感じるときは、⌘+Shift+iを押せば、
\nプレビュー画面の ON/OFF が出来ます。
書いているときはプレビューを OFF にして、
\nひと通り書き終わったら ON にしてどのような見た目になっているかチェック。
\nという具合に使い分けると、いい感じになると思います。
しかも、デフォルトで Github のテーマが入っているので、
\n（ブログとは関係ないけど）Github の README を書く時にも重宝します。
また、プレビューのテーマは自分で追加できるので、
\n自分のブログの CSS を持ってきてApplication Support/Mou/CSSに追加すれば、
\n自分のブログでどのような表示になるかも手軽に分かってしまいます。
ギークな方々は、やたらと自分好みにカスタマイズしたがると思います。
\nそんな方々は、いくらでもテーマをカスタマイズできる喜びを噛み締められます。
\n\n僕は自分のブログでの表示部分は、MarsEdit に任せているので、
\n
\nプレビューのテーマは特にいじっていません。
他にも、プレビュー画面の方を PDF 形式で書き出せるので、
\nドキュメントを作成するときに楽だったりします。
言わずもがな知れた Sublime Text2(ST2)です。
\nこちらは削除や置換など、文章の編集にめっぽう強いので、
大規模な修正を入れるときには一度 ST2 の方に全文持って来て、
\nガツっと修正してまた Mou に戻す、なんてことをしたりします。
ST2 でも、パッケージをインストールすれば、
\nそれなりにMarkdown を書く、プレビュー可能なのですが、
\nMarkdown の書き心地については Mou の圧勝なので、基本 Mou で書いています。
そして、本題です。
\nMou で Markdown で書いたものを、
\nHTML としてコピー(⌘+Alt+c)して、MarsEdit に貼り付けます。
貼り付けると、ブログでのプレビューが表示されます。
\nあとはタグやその他情報を調整して、送信すれば OK です。
\nMarsEdit で Markdown 記法を使うことも可能なのですが、
\nエディタとしての機能はかなり貧弱なので、わざわざ MarsEdit で書く利点はありません。
また、Markdown のまま送信するには Wordpress 側にプラグインが必要です。 なので Mou で書いて、HTML として MarsEdit に貼り付けて送信しています。
\n何より記事の作成・編集・修正が超絶楽です。
\nタグをいちいち書く必要がないので、
\nプレーンな文章を書いているような間隔でマークアップされた記事を書いていけます。
また、HTML の記事を修正しようとすると、
\nブログの本文として必要のない文字(タグ)が多数含まれてしまいます。
ですが、Markdown ではたかだか 2~3 文字のマークアップしか無いです。
\nそのため文章中の br を追加、削除したりタグの名前を変えたり、
\nというHTML あるあるの煩わしさがありません。
その分、class をつけたり id 付けたりインライン CSS を書いたりという自由度は失うのですが、
\nCSS を考えて書いていれば、それらを使わなければ表現不可能なことって稀だと思います。
必要であれば、
\nHTML を貼り付けた MarsEdit 側で少し修正を入れれば済む話ですしね。笑
WordPress のプラグインだと、なんかあった時に困ると考えているからです。
\n例えば、
\nそのプラグインのバグや不具合によって、公開中の記事に影響が出る
\nという可能性があります。
しかし、手元では Markdown で書いて、公開は HTMLという形にしておくと、
\nHTML で記事を更新していれば、ほとんどの場合バグや不具合は起きませんし、
\nプラグインのメンテナンスやアップデートという手間も減ります。
プラグインが悪いとは思っていませんが、
\n減らせるリスクは減らしておくべきだと思います。
という感じで、いつも Markdown を使ってブログ記事を書いています。
\nまだ Markdown を触ったことがなくて、ブログを書いている方が居たら、
\n是非基礎編と当記事を読んで、Markdown を使って記事を更新してみて下さい！
最期まで読んで下さいまして、ありがとうございました。
\n\n\n","timeToRead":7,"frontmatter":{"title":"プラグインを使わずにMarkdownでWordPressのブログを更新する（実践編）","tags":["Markdown","MarsEdit","Wordpress"],"date":"July 14, 2013","featuredImage":null}}},"pageContext":{"slug":"/update-post/","previous":{"fields":{"slug":"/wrote-workflow-of-hatena-bookmark/"},"frontmatter":{"title":"自分のはてブを検索できるAlfred Workflowを作った","tags":["Alfred Workflows","PHP","はてなブックマーク"]}},"next":{"fields":{"slug":"/write-post-with-markdown-without-plugin-production/"},"frontmatter":{"title":"AlfredにURLを貼り付けるとMarkdownのリンク形式にしてくれるWorkflowを作った","tags":["Alfred Workflows","PHP"]}}}}, "staticQueryHashes": ["2585454260","2954598359"]}