使ってみたら結構便利だったのでその導入・使い方についてまとめてみました。このページの目次OmniMarkupPreviewが必要になった経緯OmniMarkupPreviewの入れ方Sublimeからマークダウンをプレビューする方法もしショートカットがうまく作動しない場合は・・ここまでのまとめOmniMarkupPreviewが必要になった経緯まずこのプラグインを導入したきっかけはブラウザ上で専用のWebエディタとか開きながらプレビューするのが面倒だったからです。マークダウンが編集できるWebエディタには次のようなものがあります。StackEditDillingerMarxicoWeb上で直接マークダウンの出来上がり結果を見ながら編集できるっていうのは便利ですよね。便利なことは便利なんですが、Webアプリとかの開発をしてるとブラウザではなるべく余計なタブは増やしたくありません。自分の使っているPCだとChromeでタブを10個も開けばかなり重くなります。(というか自分のPCスペックが低いだけか・・・)またWebエディタは次のような場合だと使用に向いていません。単純にプレビューだけしたいときWeb上でなくローカルで編集したい時とにかく自分はマークダウンを単純にプレビューできれば満足です。Webエディタ上で編集したり、余計な補完機能とかは必要ありませんでした。プラグインを使ってます。編集とプレビューを分けられるのでブラウザに余計な負荷がかかりにくくなります。Web開発をしているときは結構重宝するかもしれません。Package」をクリックそうしたら「omnimarkup」と入力し、その場でエンターを押すかプラグイン名をクリック以上でインストールは完了です。これで編集したマークダウンをブラウザ上からプレビュー確認(しかもリアルタイムで反映される)できるようになります。Sublimeからマークダウンをプレビューする方法そして、このプラグインを使ってマークダウンをプレビューする方法は次の通りです。同時押しすればOKこれでブラウザが開いて次のような感じでマークダウンをプレビューできます。編集が保存されるたびにブラウザ側の表示も更新されるので、リロードしなおす必要もないです。ショートカットがうまく作動しない場合は・・こういう便利なプラグインですが、自分の環境だと最初マークダウンをプレビューできないという問題が発生しました。押しても画面が暗転するだけでプレビューが開かないんですよね。Windows環境なのでそのショートカットに別の機能が割り振られてたんだと思います。いう場合、ショートカットキーは次の手順で変更可能です。Default」の順に進んでキー設定を開いてください。すると次のような設定ファイルが表示されたはずです。なっている上画像でセレクトしてるところがデフォルトのショートカットキーこれを他と競合しないショートカットに変えればOKです。変更したときの様子あとはファイルを保存すれば今設定したショートカットキーが有効になります。以上が、ショートカットキーが働かないときの対処法。他プラグインでもショートカットが動かないという場合はこの方法でどうにかなるはずです。Subliemエディタ上で出来て、プレビューはブラウザからできるのが気に入ってます。ブラウザに余計な負荷をかけずにマークダウンを閲覧するのに便利です。技術系ブログを始めたいプログラマーやエンジニアの方におすすめです。個人でWebサービスとかツールとかを開発しているWeb系の人。このブログでは学んだことや開発に役立つ知識、プログラマーや開発者向けの情報を発信していく予定。PHP、JavaScript(jQuery)、CSSがメイン。コメントをキャンセルメールアドレスが公開されることはありません。付いている欄は必須項目ですCommentName*Email*Website上に表示された文字を入力してください。コメントデータの処理方法の詳細はこちらをご覧ください。個人でWebサービスとかツールとかを開発しているWeb系の人。このブログでは学んだことや開発に役立つ知識、プログラマーや開発者向けの情報を発信しています。副業とかビジネスのアレコレ未分類JavaScriptjQueryPHPCSSWordPressこんなアプリも作ってます。3Dドット絵メーカー(オープンベータ版)3Dドット絵(ボクセルアート)を作れるアプリ。個人でWebサービスとかツールとかを開発しているWeb系の人。このブログでは学んだことや開発に役立つ知識、プログラマーや開発者向けの情報を発信しています。