You Look Too Cool

Showdown, Marked, markdown-itの挙動を比べる「Markdown変換比較」

JavaScriptでMarkdown記法で書いたテキストをHTMLに変換する仕組みには代表的なものとして、Showdown, Marked, markdown-itがあります。
これらの挙動を比較するツールを作りました。簡易なMorkdownエディタとしても使えます。 (さらに…)

Parsedownを使ってPHPでマークダウン

PHPでマークダウン記法を使ったテキストをHTMLに変換するためにparsedownを使う方法があります。 (さらに…)

Markdownで簡単にスライドを作れる「slideship」

Markdown記法はかなり浸透してきた気がします。
これを使って簡単にスライドを作れるウェブサイトがあります。 (さらに…)

VSCodeをMarkdownエディタとして使ってみる

Visual Studio Codeはマイクロソフトが作ったエディタです。WindowsだけでなくMac、Linuxにも対応しています。無料です。 (さらに…)

「mermaid.js」が簡単に試せるMarkdownエディタ「Haroopad」

「mermaid.js」はフローチャートなどが作成できるライブラリです。 (さらに…)

日本語用マークダウン記法

Markdownは簡単な記号を使って書いたテキストをHTMLに変換する仕組みです。
前にいくつか記事を書いています。

Markdown記法のまとめ | You Look Too Cool
JavaScriptでMarkdown記法をHTMLに変換 | You Look Too Cool

便利なのですが、元々、英語用なので日本語になじまない点があります。
例えば、見出しは「#」を使いますが日本語では使いません。
改行は半角スペース2個を末尾にわざわざ付ける必要があります。これがないと改行せずに前の行の後ろにそのまま続けます。

そこで、日本語にもなじむ記法を考えました。
基本的なところは次のとおりです。 (さらに…)

JavaScriptでMarkdown記法をHTMLに変換

Markdown記法で書いたテキストをHTMLに変換するのに、専用のエディタやウェブサイトを使っています。
もっと簡単に変換するため、JavaScriptで変換する方法を探してみました。
最初は自分でコードを書いてみたのですが、一部については対応できても、記法の全てをカバーするのは難しいです。
「markdown2html」みたいな関数はないものか。 (さらに…)

Markdown記法のまとめ

Markdown記法についてよく使うものだけをまとめてみました。
次の段落からはMarkdown記法で書かれています。 (さらに…)

行頭の#の数に応じて見出しを設定

Markdown記法というものがあります。

You Look Too Cool » Markdown記法

その中に「#見出し1」のように行頭に「#」を付けた行は見出しとする、という記法があります。
「#」の数に応じて見出しのレベルが変わります。
このようにMarkdown記法に従って見出しを付けた文章に対してWord上の見出しをセットするというマクロを作ってみました。 (さらに…)

Markdown記法

Markdown記法というのがあるそうです。

主なルールは次の通り。

• 見出しは、左端に「#」を付ける。
• 段落は、一行あける。
• 改行は、右端に半角スペースを2個付ける。
• 順序なしリストは、左端に「*」を付ける。
• 順序ありリストは、左端に「1.」「2.」を付ける。

マークアップの代表的なものはHTMLですが、読みにくいのが一番のデメリット。

読みやすさを失わず、マークを付ける、というのが、Markdown記法の目的です。 (さらに…)