1. ホーム
  2. エディタ
  3. 便利なマークダウンエディタMark Text【今日のGitHubトレンド】

便利なマークダウンエディタMark Text【今日のGitHubトレンド】

目次

  1. はじめに
  2. marktextとは
  3. さっそく使ってみる
  4. まとめ

はじめに

流行りのGitHubリポジトリをご紹介するこのシリーズ。
今回はマークダウン記法のエディタ、Mark Textをご紹介します!

POINT!!

マークダウン(Markdown)記法とは、簡単にHTML形式を表現することができる、軽量のマークアップ言語です。
例えば見出しのH1タグを表現する為に通常のHTMLと異なり、# で表現できます。H2の場合には ## といった具合ですね。
テーブルやリストの表現もだいぶ簡単にできますし、HTMLマークアップ自体よりもサービス上のエディタ部分で使われることが多いです。

marktextとは

マークダウン記法によるエディタといえば、共有系のオンラインサービスだとQiita Teamや、私達も愛用しているesaなどがあります。
他にもEvernoteと連携可能なmarxi.coBoostnoteなど、多くのエディタが存在しています。

また、その多くがこのBoostnoteのインタフェースのように、エディタとプレビュー画面が分割されています。
 2018-06-20 18.59.21.png (107.8 kB)
もちろんエディタのみで1画面にすることができるものもありますが、当然その場合はあくまでもエディタのみの1画面となります。

Boostnoteのインタフェース
 2018-06-20 19.01.25.png (70.5 kB)

一方、今回ご紹介するMark Textはエディタとライブプレビューを1画面にしたようなインタフェースとなっており、慣れが必要ですがさくさくマークダウンのメモを残すことができます。

GitHub公式リポジトリデモ画像より
marktext.gif (1.5 MB)

早速つかってみる

では、早速Mark Textを使ってみましょう。

インストール

先程ご紹介した公式リポジトリ、もしくは公式ページからアプリケーションをインストールしましょう。
Mac OSの場合、homebrew-caskからもインストール可能です。

使ってみる

インストールされたアプリケーションを立ち上げましょう。
 2018-06-20 19.26.10.png (17.1 kB)
するとまずこのようなシンプルなブランクなエディタが立ち上がります。

後はここにこのようにマークダウンで書いていくだけです。
mac.gif (69.5 kB)

エディタの文字色や保存場所などについては、Macの場合はディスプレイ上にあるメニューのPreferencesから設定しましょう。
 2018-06-20 19.33.39.png (310.9 kB)

POINT!!

Mark TextはJavaScript製のデスクトップアプリケーション開発用フレームワークであるElectronをVue.jsで開発する為のelectron-vueを使って開発されています。
Electronで開発されているアプリは多く、SlackやChatWorkのアプリケーションなど多くのデスクトップアプリケーションがElectronで開発されています。

まとめ

今回はMark Textをご紹介しました。
とてもシンプルで簡単でさくさく動くので、ぜひ試してみてください。

また、オープンソースの無料のソフトウェアですが、当然オープンソースで運用するには多くのサポート(金銭的・開発リソース的)が必要です。
こちらからクラウドファンディングでサポートを募集していますし、IssueやPull Requestも大歓迎と書かれています。
発展の為にもこういった貢献をしていくことでより良いサービスになるので、気になる方はぜひチャレンジしてみてください。

Author Profile

eishis
eishis
SIerやスタートアップ、フリーランスを経て2016年11月にeishis, Inc.を設立。
マーケター・ディレクター・エンジニアなど何でも屋。
COBOLからReactまで色んなことやります。

この記事は
参考になりましたか?

PAGE TOP