Simplenoteを使って以来、Markdownがお気に入りになりました。文章を書くことが楽しい！
しかし、Simplenoteは長所と短所が極端過ぎて、短所を補うために別のアプリを個人的に必要としました。
で、別のMarkdownが使えるツールを試していくと、ツールによって解釈が違う(方言？)ことが分かりました。また、ツールによっては使える使えないという差異もあります。Simplenoteに至ってはiOSアプリとAndroid アプリとでも差がある始末。
今回は色々アプリをインストールしてMarkdownの表示認識の差を調べてみた、その覚え書きになります。
改めてMarkdownについて
まずはWikipediaからの引用 (一部省略)
Markdownは、文書を記述するための軽量マークアップ言語。元々はプレーンテキストで書いた文書からHTMLを生成するために開発された(John Gruber氏によって書かれたMarkdown.plというPerlプログラム)ものである。各開発者によって多様な拡張が施されるため、各種の方言が存在する。
なるほどですね。ってことは標準化団体みたいなのも無いだろうか？
Markdownで書けること
主な内容は以下の通り。もちろん表もmarkdownで書きました。
| Code | Markdown |
|---|---|
| # Heading 1 | Heading1 |
| ## Heading 2 | Heading2 |
| ### Heading 3 | Heading2 |
| #### Heading 4 | Heading2 |
| ##### Heading 5 | Heading5 |
| **bold** | bold |
| *italic* | italic |
| `code inline` | code inline |
| ==marked== | marked |
| ~ ~Strikethrough~~ | |
| -と|の組合せ | tableの作成 |
| * | listの作成 |
| -[ ] | - [ ] check box |
| [Link](URL) | Link |
以下は、Markdown table内で上手く表現できなかったので別枠で記述。
Number List
1.1.1.で箇条書きにすると123...の箇条書き
- list1
- list2
Code block
```で囲うと
code block
Code block(syntax)
``` python
import csv
import os
```
blockquotes/引用
> で記述すると
blockquotes
HTMLサポート
\<br>で強制改行を入れる等、HTMLタグも認識できる機能を備えているかどうか？Markdownだとやはり細かい調整が効かないところにむりやり手を入れたい！と思うことないでしょうか？私はあります(そういうこと気にせず集中して書けよ！ってのがMarkdownだとは思いますが...)
Diagram
Joplinがサポートしています。
以下のように記述します
```mermaid
flowchart LR;
id1(Plan)
id2(Do)
id3(Check)
id4(Action)
id1--->id2;
id2--->id3;
id3--->id4;
id4--->id1;
```
すると、下記のようになります。
検証方法
Pixel 6aに各々のアプリをインストールし、実際にMarkdownを記述して表現されるかどうかを検証しました。アプリは日々進化していきますので、本記事で「×」としていても、後日やってたらアップデートされて「○」になっているってこともあるでしょう。あと、検証はAndroid端末でやってますが、例えばSimplenoteだとAndroidアプリで「×」でもiOSで「○」の項目があったりしますので留意ください。
では、順に紹介していきます。
Evernote
SimplenoteやJoplinみたいにMarkdown編集と閲覧が切り替えられる訳ではないので、markdownをサポートしていたことに気がついたのは最近になってからです。
しかも、割とちゃんとサポートしてる。
MarkdownはSimplenoteに慣れてしまったので、個人的には自動で表現が切り替わってしまうのはやりづらいです。入力効率的には自動で切り替わった方が良いとは思いますが。
| Code | Markdown | note |
|---|---|---|
| # Heading 1 | ○ | 大 |
| ## Heading 2 | ○ | 中 |
| ### Heading 3 | ○ | 小 |
| #### Heading 4 | × | |
| ##### Heading 5 | × | |
| **bold** | × | |
| *italic* | × | |
| `code inline` | ○ | |
| code block | ○ | |
| code block(syntax) | × | |
| ==marked== | × | |
| ~ ~Strikethrough~~ | × | |
| table | ○ | [ ]で記述 |
| list | ○ | |
| number list | ○ | |
| checkbox | ○ | |
| blockquotes | × | |
| HTML support | × | |
| Diagram | × |
Notion
Evernoteと同じく、モード切替不要で勝手に変換されてしまいます。Evernoteよりサポート内容は多そう。
| Code | Markdown | note |
|---|---|---|
| # Heading 1 | ○ | |
| ## Heading 2 | ○ | |
| ### Heading 3 | ○ | |
| #### Heading 4 | × | |
| ##### Heading 5 | × | |
| **bold** | ○ | |
| *italic* | ○ | |
| `code inline` | ○ | |
| code block | ○ | |
| code block(syntax) | ○ | |
| ==marked== | × | |
| ~ ~Strikethrough~~ | × | |
| table | × | ﾃｰﾌﾞﾙﾋﾞｭｰで作成可 |
| list | ○ | |
| number list | ○ | |
| checkbox | ○ | |
| blockquotes | ○ | ﾄｸﾞﾙ表示になる |
| HTML support | × | |
| Diagram | × |
Onenote
Markdownは完全非対応です。
Simplenote
Markdownと同期速度のみしか特技なしなので、Markdownだけは極めてほしいところですが、特にAndroid 版に不満有り！改善求む！
Markdown on Android does not support HTML tags. Entering something like \<b>, \<i>, \<br>, or \<img> will show the tag exactly as it is written and not formatted.
ま、不満はありつつ、それでも未だに私のメインメモツール。
| Code | Markdown | note |
|---|---|---|
| # Heading 1 | ○ | |
| ## Heading 2 | ○ | |
| ### Heading 3 | ○ | |
| #### Heading 4 | ○ | |
| ##### Heading 5 | ○ | |
| **bold** | ○ | |
| *italic* | ○ | |
| `code inline` | ○ | |
| code block | ○ | |
| code block(syntax) | × | Windows版は○ |
| ==marked== | × | |
| ~ ~Strikethrough~~ | ○ | |
| table | ○ | |
| list | ○ | |
| number list | ○ | |
| checkbox | ○ | |
| blockquotes | ○ | |
| HTML support | × | Windows, iOS版は○ |
| Diagram | × |
Joplin
| Code | Markdown | note |
|---|---|---|
| # Heading 1 | ○ | |
| ## Heading 2 | ○ | |
| ### Heading 3 | ○ | |
| #### Heading 4 | × | boldと同じ |
| ##### Heading 5 | × | boldと同じ |
| **bold** | ○ | |
| *italic* | ○ | |
| `code inline` | ○ | |
| code block | ○ | |
| code block(syntax) | ○ | |
| ==marked== | ○ | |
| ~ ~Strikethrough~~ | ○ | |
| table | ○ | |
| list | ○ | |
| number list | ○ | |
| checkbox | ○ | |
| blockquotes | ○ | |
| HTML support | ○ | |
| Diagram | ○ |
Obsidian
Joplinとの差は何なんだろうか？DiagramサポートはJoplinオリジナルかと思って、試しにObsidianでも入力してみたら、ちゃんと表現されてびっくりした。
| Code | Markdown | note |
|---|---|---|
| # Heading 1 | ○ | |
| ## Heading 2 | ○ | |
| ### Heading 3 | ○ | |
| #### Heading 4 | ○ | |
| ##### Heading 5 | × | boldと同じ |
| **bold** | ○ | |
| *italic* | ○ | |
| `code inline` | ○ | |
| code block | ○ | |
| code block(syntax) | ○ | |
| ==marked== | ○ | |
| ~ ~Strikethrough~~ | ○ | |
| table | ○ | |
| list | ○ | |
| number list | ○ | |
| checkbox | ○ | |
| blockquotes | ○ | |
| HTML support | ○ | |
| Diagram | ○ |
はてなブログ
本ブログは基本Android アプリを使ってMarkdownで書いてます。大体はキチンと認識しますので重宝してます。
| Code | Markdown | note |
|---|---|---|
| # Heading 1 | ○ | |
| ## Heading 2 | ○ | |
| ### Heading 3 | ○ | |
| #### Heading 4 | ○ | |
| ##### Heading 5 | × | boldと同じ |
| **bold** | ○ | |
| *italic* | ○ | |
| `code inline` | ○ | |
| code block | ○ | |
| code block(syntax) | × | |
| ==marked== | × | |
| ~ ~Strikethrough~~ | ○ | |
| table | ○ | |
| list | ○ | |
| number list | ○ | |
| checkbox | × | |
| blockquotes | ○ | |
| HTML support | ○ | |
| Diagram | × |
Milanote
| Code | Markdown | note |
|---|---|---|
| # Heading 1 | ○ | |
| ## Heading 2 | ○ | |
| ### Heading 3 | ○ | |
| #### Heading 4 | × | |
| ##### Heading 5 | × | |
| **bold** | × | 書式選択は可能 |
| *italic* | × | 書式選択は可能 |
| `code inline` | × | |
| code block | ○ | |
| code block(syntax) | × | |
| ==marked== | × | |
| ~ ~Strikethrough~~ | × | 書式選択は可能 |
| table | × | |
| list | ○ | |
| number list | ○ | |
| checkbox | ○ | |
| blockquotes | ○ | |
| HTML support | × | |
| Diagram | × |
