マークダウンでリアルタイムプレビュー&共同編集できる「HackMD」が便利だった話

Pocket

先日HackMDという便利なツール教えてもらい、なかなか使い勝手が良かったのでご紹介。

HackMDとは

HackMD

マークダウンで書いたドキュメントをオンラインで共同編集できるツール。
オープンソースで、ライセンスはMIT。

「エディタ」、「プレビュー」、「エディター&プレビュー」の3つモードがある。
マークダウンで書きながらプレビューするやつが欲しかったので、うれしい。

以下、いくつか便利だなーと思った機能をピックアップ。

タイトル折りたたみ

タイトルの所に、薄く矢印があって、ここ押すと、折りたたむことができる。
長くなったとき便利。

コード書くのに便利

下の方にエディタ選ぶとこあって、SUBLIME..まさか…と思ってたら、Cmd-Dいけた。
他のショートカットについては codemirrorを参考に。
ちなみに、SUBLIME以外だと、EMACSとVimがある。

タブとスペースの設定ができるのはもちろん、コードも綺麗に整形してくれる。

リストの階層で色を変えてくれてたりと細かい。

画像や動画、スライドなども簡単に設定・表示できる

画像は、ドラック&ドロップで持って来ればOK。
YoutubeやVimeoなどの動画、Gist、SlideShareなども表示対応してて、こんなかんじに入力すればOK。

{%youtube 1G4isv_Fylg %}
{%vimeo 124148255 %}
{%gist schacon/4277%}
{%slideshare briansolis/26-disruptive-technology-trends-2016-2018-56796196 %}

公開・編集設定


プレビュー画面の右上から設定できる。

Freely: 誰でも編集できる
Editable: サインインしているユーザのみ編集できる
Locked: オーナーのみ編集できる
Private: オーナーのみ閲覧・編集できる

エクスポート・インポート機能

  • Dropbox
  • Google Drive
  • Gist

の3つの機能がついてる。
ソース書くの捗るなーと思ってたら、Gistがあって納得した。

ベータ版でPDF書き出しとスライド機能もついてる。
PDFは日本語フォントはちょっと微妙だけど、スライドについては、reveal.jsで実装していて、普通に使えそう。

ドキュメント管理

フォルダではなくタグで管理する感じ。

tags: `ブログ` `ツール`

という具合に、本文に書いておけばOK
検索と並び替え(タイトルor更新日順)ができたり、ピンをつけて、先頭に持ってきたりできる。

最後に

マークダウンで共有編集するだけかなーと思ってたら、結構細かいとこまで気がきいてて、良いサービスだと思う。
海外のサービスだけど、日本語の機能紹介ページがあるのもポイント高い。

ユーザー登録してなくても、使うことができるので、会社の議事録のツールで悩んでいる人にも良さそう。
今回の記事もこれ使って書いたけど、なかなか便利だった。
(欲をいえば、WordPressなどのブログへの書き出し機能も欲しいところだけど)

長らくマークダウンエディタ難民だったのが、これ一つで解消されたので、お使いのエディタにモヤモヤしてる人は是非。

中の人について

matsui
大阪でwebのお仕事をしています。
ブログでは最近学んだことや、勉強会に参加したことを書いてます。