2018年6月20日

プログラミング

便利なマークダウンエディタ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も大歓迎と書かれています。
発展の為にもこういった貢献をしていくことでより良いサービスになるので、気になる方はぜひチャレンジしてみてください。

0

0

AUTHOR

eishis

Eishi Saito 総務

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

アプリでもっと便利に!気になる記事をチェック!

記事のお気に入り登録やランキングが表示される昨日に対応!毎日の情報収集や調べ物にもっと身近なメディアになりました。

eishisでは一緒に働く仲間を募集しています

正社員や業務委託、アルバイトやインターンなど雇用形態にこだわらず、
ベテランの方から業界未経験の方まで様々なかたのお力をお借りしたいと考えております。

話を聞いてみたい

運営メンバー

eishis

Eishi Saito 総務

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

sasakki デザイナー

アメリカの大学を卒業後、日本、シンガポールでデザイナーとして活動。

しまだ

しまだ デザイナー

WebAR/VRのデザインと3DCG制作がメインです。 肩書きは「アニメ案件に関わりたいデザイナー」。

Miu マーケター

ドイツでWEBマーケティングしています。

しんのき エンジニア

新しい技術が好きなWebエンジニアです。 元々インフラやPHPをやっていたのですが、最近はReact NativeとFirebaseを使って頑張ってます。

yamakawa

やまかわたかし デザイナー

フロントエンドデザイナー。デザイン・HTML/CSSマークアップ・JSアニメーション実装を担当しています。

furuya エンジニア

サーバーサイド、フロントエンド、Unityと色々手を出してる雑食系エンジニア。ReactNativeが最近のマイブーム。

Sayaka Osanai デザイナー

Sketchだいすきプロダクトデザイナー。シンプルだけどちょっとかわいいデザインが得意。 好きな食べものは生ハムとお寿司とカレーです。

はらた

はらた エンジニア

サーバーサイドエンジニア Ruby on Railsを使った開発を行なっています

うえまつゆい エンジニア

サーバーサイドエンジニアからフロントエンドエンジニアになりました。主にReact Nativeでのアプリ開発をしています。

CONTACT PAGE TOP