技術 - Markdownの記事一覧
StackEdit - ブラウザ用WYSIWYGなMarkdownエディタ
個人的に良いと思うMarkdownエディタは、記法の形は残しつつもWYSIWYGに表示が確認できるものです。二ペイン型は使い慣れた方にとってはいいですが、初級者には敷居が高いでしょう。今回紹介するStackEditは二ペイン型ながらも記法がある程度エディタ部にも反映されるMarkdownエディタになります。## Sta...
mdopen - MarkdownファイルをWebブラウザで閲覧するコマンド
Markdownビューワーは多数あります。自分で編集するながらプレビュー付きのエディタが便利ですが、閲覧するだけの場合は何を使うのが良いでしょうか。閲覧のためだけにエディタを立ち上げるのは面倒です。そこで使ってみたいのがmdopenです。CUIからMarkdownファイルをHTMLへ変換してWebブラウザで表示できます...
Slate markdown editor - ホットキーが用意されたMarkdownエディタ
Markdownエディタは数多く存在します。多くは二画面形式になっており、左側がエディタ、右側がプレビューになっています。しかし、この場合は編集している内容とその結果の両方を逐次確認しないといけません。Slate markdown editorはそういった手間なく、その場で表示に反映されるので初心者にも分かりやすい仕組...
Mark Text - マルチプラットフォームで動作するWYSIWYGなMarkdownエディタ
Markdownエディタは多数あります。多くは二画面タイプで、左側にエディタがあって右側にプレビューが出ます。Markdown記法に慣れている人は十分ですが、不慣れな人にとってはそもそも記法が分からないので使い勝手が悪くなります。そこで使ってみたいのがMark Textです。インラインで書式が反映されるタイプのMark...
Incunabula - 印刷用のMarkdownエディタ
MarkdownはHTMLに限らず、様々な場面で使われるようになっています。PDFで出力されることもあります。しかしHTMLは印刷には向いていないフォーマットであり、MarkdownからPDF出力した場合も同様です。そこで使ってみたいのがIncunabulaです。印刷を前提としたMarkdownエディタです。## In...
Abricotine - インラインプレビューのMarkdownエディタ
Markdownエディタは何を使っているでしょうか。多くは2ペインのエディタで、左側で編集して右側でプレビューするタイプではないでしょうか。編集範囲が狭くなってしまうので、あまり長文を書くのには向いていないように見えます。そこで使ってみたいのがAbricotineです。インラインでMarkdown記法が表示されるソフト...
SimpleMDE - シンプルなMarkdownエディタ
Markdownのシェアが広まるのに合わせて、より慣れていない人たちが使いやすくなる環境が必要になっています。WYSIWYGで入力支援できるツールはもちろんのこと、プレビューなども必要です。今回紹介するSimpleMDEはシンプルなUIのMarkdownエディタになります。決して多機能ではありませんが十分なエディタとな...
VNote - Vim使いのためのメモソフトウェア
メモをMarkdown形式でとっている人は多いかと思います。Markdownファイル一つだと管理しづらくなるので、別途メモソフトウェアを使っている人もいるでしょう。しかしメモソフトウェアのキーバインドは普段使っているエディタと違って使いづらいものです。そこでもしあなたがVim使いならばVNoteを使ってみましょう。Vi...
Turndown - HTMLをMarkdown記法に変換
Markdownで作られたコンテンツが増えていくと、すでに作成したコンテンツについてもMarkdownにしたくなるものです。また、自分で使っていた記法が廃れてしまうこともあるでしょう。その結果、Markdownへの乗り換えを余儀なくされます。そうした時に使いたいのがTurndownです。HTMLをMarkdownに変換...
Exocortex - Markdown記法が使える個人用Wiki
WikiはWikipediaのような大きなWebサイトはもちろん、個人のメモにも利用できます。ページが自動的に新しく作られたり、リンクを使ってどんどん広がっていけるので創造性を邪魔せずにコンテンツを作り続けられます。そんなWikiを個人用に作ったのがExocortexです。ローカルでも簡単に動かせるのでぜひ試してみまし...
Yogurt - React製のドキュメント作成システム
Web上でコンテンツを作る際のUIについて悩むことはないでしょうか。一ページずつ作る仕組みにするのがシンプルですが、ユーザにとって使いやすい仕組みとは言いづらいです。そこで参考にしたいのがYogurtです。Reactを使い、ユーザビリティの高いドキュメント作成が可能です。## Yogurtの使い方編集画面です。カテゴリ...
TOAST UI Editor - WYSIWYGとMarkdown両方をサポートしたWebエディタ
開発者にとってMarkdownは便利な記法ですが、それ以外の人たちにとってはルールを覚えなければならず、面倒に感じられてしまいます。かといってWYSIWYGなツールバーを設けると開発者が邪魔に感じてしまうでしょう。そこで使ってみたいのがTOAST UI Editorです。MarkdownとWYSIWYGを切り替えられる...
harmonium - Markdownに書かれたコマンドをテスト実行
Markdownではコードを書けるようになっています。基本的にはHTMLなどにした際にハイライト表示されるためのものですが、コードは実行してこそ意味があります。多くはコピー&ペーストで使われるでしょう。そこで使ってみたいのがharmoniumです。Markdownファイル中にあるシェルコマンドを実行して、問題がないか確...
Cattaz - Markdownの中に独自アプリケーションを定義できるWiki
Markdownは便利ですが、物足りないと感じることも多々あります。そうした時に機能追加をすると、それは他のMarkdown記法には合わない、特別なものになってしまいます。そうやって特別なMarkdown記法が多数生み出されています。CattazはMarkdown記法をベースに、独自のアプリケーションが組み込めるように...
Markdown Here - HTMLメールをMarkdownで記述
Markdownでドキュメントを書いたりしていると、普段からMarkdown記法で文章を書きたくなるでしょう。その筆頭としてあげられるのがメールです。HTMLメールを記述したくとも、HTMLでいちいち装飾するのは面倒です。そこで使ってみたいのがMarkdown Hereです。各種ブラウザ向けの機能拡張でMarkdown...
Writing - WebベースのMarkdown + LaTeXエディタ
Markdownは便利な記法ですが、物足りないと感じることもあります。その一つとして数式の埋め込みをあげる人もいるでしょう。専用の記法で対応するソフトウェアもありますが、もっと汎用的な方が使い勝手は良いはずです。そこで紹介したいのがWritingです。Markdown記法での記述に加え、LaTeXも使えるエディタです。...
Markdown Resume Generator - Markdownからレジュメを生成
英語圏の企業に就職しようと思うと、向こうのフォーマットに合わせた履歴書（レジュメ）が必要になります。インターネットで探せば幾つも見つかりますが、開発者らしいレジュメがどれであるかは分かりづらいかも知れません。そこで使ってみたいのがMarkdown Resume Generatorです。MarkdownからHTML/PD...
notes - ベンダーロックインの心配がいらないノートアプリ
メモを取る環境は多々ありますが、ローカルで行っている人も多いはずです。そして最近であればMarkdown記法を使っているケースが多いでしょう。その結果、特定のフォルダやローカルディスク内に多数のMarkdownファイルが散らばったりします。そうした情報の散在や特定Webサービスによる情報のロックインを防げるソフトウェア...
Ordinance format jp - Markdownで日本の公文書を記述
Markdownは広く使われるようになっていますが、シンプルな記法だけに簡易的なHTMLへの変換以外のニーズ向けとなると使い勝手が悪いことがあります。そのためグラフを入れられるようにしたり、チャートを描けるようにするソフトウェアが作られます。今回紹介するOrdinance format jpもその一つです。日本の公文書...
2017/09/15
2017/09/15業務で使えるオープンソース（235）「Markdown拡張記法」
Markdownは開発者の中で十分に認知された存在になってきました。しかしごく基本的な文章は良いのですが、ちょっと体裁を整えようと思うと途端に大変になります。テーブル組ですらベースの記法ではサポートされていません。そこで使われるのが拡張記法をサポートしたMarkdownです。今回はそんなMarkdownを基本文法として...