• ホーム
    • 管理人について
  • ブログ記事
    • スティーブ・ジョブズ
    • 業務改革/BPR
    • IT/ツール
    • ビジネススキル
    • 読書/勉強法
    • ワークスタイル
    • 海外サッカー/ユベントス
    • 管理人の日記
    • 雑学ネタ
  • コンタクト
rss hatena Clip to Evernote facebook Twitter

問題解決ノート

問題解決のためのアイデアノート。IT、コンサル、仕事効率化など。
2012/03/28 – 11:00 

実は優秀なブログエディタ!Mac専用「Mou」の設定と使い方

このエントリーをはてなブックマークに追加

1.jpg

最近使い始めたMac専用のMarkDownエディタ「Mou」がとてもいいです。

今までブログエディタを使ってこなかったのですが、Seesaaの編集画面はリアルタイムにプレビューが見れないのが難点でした。いちいち確認ボタンを押さなければ結果が見れず、しかも確認画面にはユーザー指定のCSSが反映されないため、実際にどう見えるのかは公開してみるまで分からないという有様です。

そのため、記事を書くときはたびたび手戻りが発生していたのですが、Mouを使うことでこの問題が解決されそうです。説明書が日本語しかないため、取っ付きにくい人のために、今日はMouのブログエディタ用の設定方法を紹介します。

1.Mouをブログエディタ用にセットアップ

まずは以下から、Mouをダウンロードしましょう。

Mou – Markdown editor for web developers, on Mac OS X

インストールが終わったら、順にブログエディタ用に設定を変更していきます。

1.オートペア機能を外す
Mouのデフォルト設定では、たとえば「と入力すると、「」と出力され、自動でペアとなる文字が出力されます。しかしこのままだと、例えば”『”などの日本語記号が入力できないため、この設定を解除します。

2.jpg
まずはメニューの「Mou」を選び、「Preferences」を開きます。

3.jpg
画面が出てきたら、上のタブの中から「Editing」を選び、「Auto pair characters([]()”")」についているチェックを外します。これでオートペアの解除は完了です。

2.ブログ用のCSSを設定する
次に、ブラウザで表示した際のプレビューをリアルタイムで見るために、ブログ用のCSSをMouに設定します。

4.jpg
ブラウザでブログ画面を開いて、右クリックし、「ページのソースを表示」を選択します。

5.jpg
上記の画面が出たら、「link rel=”stylesheet” href=”あなたのブログのCSSファイルURL”…」と書かれている部分を探します。見つけたら、右クリックしてCSSファイルをデスクトップに保存します。

6.jpg
CSSファイルを保存したら、再度メニューから「Preferences」を開き、「CSS」のタブを選び、「Edit…」をクリックします。

7.jpg
Finderが開きますので、先程保存したCSSファイルをここに入れます。

8.jpg
最後に、「Reload」を押してから「Clearness」をクリックし、先程のCSSファイルを選択します。以上で設定は完了です。これで、h2やstrongなど、ブログで使っているタグをそのまま使うことが可能です。

2.Mouはこんな人にオススメ!

冒頭でもあげたように、ブログサービスの編集画面ではリアルタイムにプレビューが見れずに困っているという人に、Mouはかなりオススメです。ブログ用のCSSを設定してリアルタイムにプレビューを見ることができ、リンクや画像イメージもきちんと反映されるため、快適に記事を書くことができます。

また、ブログサービスの編集画面でもプレビューは出るよという人も、記事を更新していたらブラウザエラーが起こり、今まで書いていた内容が全部消えてしまった…という経験はないでしょうか?もう一度記事を書き直すのはとても労力が必要です。リスクを減らすために、Mouで保存しながら記事を書き、終わったら編集画面から投稿することをおすすめします。

3.ショートカット集

最後に、使うと便利かもしれないショートカット集です。

【強調】:テキストを選択して、「command + B」

【打ち消し線】:テキストを選択して、「command + U」

【リンクの挿入】:テキストを選択して、「control + Shift + L」

【画像の挿入】:テキストを選択して、「control + Shift + U」

【改行】:command + Return

【HTMLでエクスポート】:Option + command + E

【PDFでエクスポート】:Option + command + P

【引用タグ】:>

【数字リスト】:”1.”+スペースキー

【ボタンリスト】:”*” + スペースキー

関連記事:

ブログを愛する人に、ブログ運営が10倍楽しくなるテクニック7選

この記事を読んだ方は以下の記事も読んでいます

これぞブログ道
【10分で理解するNozbeの使い方】できるポケット [公式ガイド] Nozbe ノズビー クリエイティブ仕事術
SeesaaからWordPressへの移行を5ステップでまとめました
結婚式のご報告とお礼
ブログを愛する人に、ブログ運営が10倍楽しくなるテクニック7選

Posted on 2012/03/28 by 河村 拓. This entry was posted in IT/ツール and tagged Mou, 使い方, 設定. Bookmark the permalink.
RSSに登録
rssnewspaper.jpg
  • 最近の投稿

    • 会社のITはエンジニアに任せるな! 会社のITはエンジニアに任せるな!
    • 周囲を熱狂させる企業やリーダーは何が違うのか? 〜Whyから始めよ〜 周囲を熱狂させる企業やリーダーは何が違うのか? 〜Whyから始めよ〜
    • ストレングスファインダーによる、業務改革(BPR)の上流工程でハイパフォーマンスを発揮するのに必要な才能 ストレングスファインダーによる、業務改革(BPR)の上流工程でハイパフォーマンスを発揮するのに必要な才能
    • プロセス思考の導入で、法人営業の業務改革を行なう方法 プロセス思考の導入で、法人営業の業務改革を行なう方法
    • 求められる人事の業務改革〜経営に必要とされる今後の人材マネジメント〜 求められる人事の業務改革〜経営に必要とされる今後の人材マネジメント〜
    • 自由であり続けるために捨てるべきこと 自由であり続けるために捨てるべきこと
    • 営業活動がビックリするほど見える!〜プロセスの標準化とモニタリング〜 営業活動がビックリするほど見える!〜プロセスの標準化とモニタリング〜
    • 戦い抜いたメッセージはシンプルで美しい 戦い抜いたメッセージはシンプルで美しい
    • ユベントス2011〜2012、私が選ぶ活躍した人ランキング「ベスト5」 ユベントス2011〜2012、私が選ぶ活躍した人ランキング「ベスト5」
    • SEが苦手にしがちなドキュメント力を強化する5つの視点 SEが苦手にしがちなドキュメント力を強化する5つの視点
  • 人気エントリー

  • アーカイブ

takukawamura 河村 拓 / Taku Kawamura
1985年9月6日
Facebook Twitter

ITコンサルタント(IT部門の業務改革、人材育成など)
セミナー講師

コンサルティング実績(2013年12月時点)
・商社企業におけるIT戦略立案(2013年)
・畜産企業におけるIT人材キャリアパス/スキルマップ作成(2013年)
・IT企業における業務改革アセスメント(2013年)
 など
セミナー講師実績(2013年12月時点)
・IT部門のヒアリング力育成セミナー(コンテンツ企画、開発、実施)
・IT部門の提案スキル育成セミナー(コンテンツ企画、開発、実施)
・IT部門の新人研修(実施)
 など
  • ホーム
    • 管理人について
  • ブログ記事
    • スティーブ・ジョブズ
    • 業務改革/BPR
    • IT/ツール
    • ビジネススキル
    • 読書/勉強法
    • ワークスタイル
    • 海外サッカー/ユベントス
    • 管理人の日記
    • 雑学ネタ
  • コンタクト