PlainApp

Markdown ガイド

PlainApp ノートで使える Markdown 構文クイックリファレンス — 見出し、リスト、表、コードブロックなど。

見出し

行頭に # を付けます。# の数がレベルを表し、1（最大）から 6（最小）です。見出しの前後には空行を入れてください。

Markdown
# Heading level 1
## Heading level 2
### Heading level 3
#### Heading level 4
##### Heading level 5
###### Heading level 6
結果

Heading level 1

Heading level 2

Heading level 3

Heading level 4

Heading level 5
Heading level 6

ヒント: PlainApp エディターツールバーの「見出し」ボタンで自動挿入できます。

段落と改行

段落は空行で区切ります。段落内で改行するには、行末にバックスラッシュを付けます。

Markdown
First paragraph.

Second paragraph.
結果

First paragraph.

Second paragraph.

Markdown
Line one\
Line two
結果

Line one
Line two

太字と斜体

テキストを二重アスタリスクで囲むと太字、一重アスタリスクで斜体になります。チルダ 2 つで取り消し線になります。

Markdown
**bold text**
結果

bold text

Markdown
*italic text*
結果

italic text

Markdown
~~struck through~~
結果

struck through

Markdown
**bold and *nested italic***
結果

bold and nested italic

リスト

行頭に - で箇条書き、1. で番号付きリストになります。スペースでインデントするとネストできます。チェックリストは - [ ]、完了は - [x] と書きます。

Markdown
- One
- Two
- Three
結果
  • One
  • Two
  • Three
Markdown
1. First
2. Second
3. Third
結果
  1. First
  2. Second
  3. Third
Markdown
- [ ] Buy milk
- [x] Write the note
結果
  • Buy milk
  • Write the note
Markdown
- Fruit
  - Apple
  - Banana
- Vegetable
結果
  • Fruit
    • Apple
    • Banana
  • Vegetable

引用とコールアウト

行頭に > で引用になります。PlainApp では > [!note] でコールアウトボックスにできます。

Markdown
> This is a blockquote.
結果

This is a blockquote.

Markdown
> [!note] Heads up
> This renders as a callout box in PlainApp.
結果

[!note] Heads up This renders as a callout box in PlainApp.

コード

インラインコードはバッククォート 1 つで囲みます。コードブロックはバッククォート 3 つで囲み、言語名を付けるとシンタックスハイライトされます。

Markdown
Use `inline code` for short snippets.
結果

Use inline code for short snippets.

Markdown
```js
console.log("hello");
```
結果
console.log("hello");

ヒント: エディターツールバーの「コード」ボタンでインラインコードとコードブロックを挿入できます。

画像

リンクの前に感嘆符を付けた形です：![代替テキスト](画像 URL)。

Markdown
![PlainApp logo](/plainapp.svg)
結果

PlainApp logo

表

パイプ

Markdown
| Left | Center | Right |
|:-----|:------:|------:|
| a    | b      | c     |
| d    | e      | f     |
結果
Left Center Right
a b c
d e f

ヒント: エディターツールバーの「表」ボタンで空の表の雛形を挿入できます。

水平線

ダッシュ、アスタリスク、アンダースコアを 3 つ以上単独行に置くと区切り線になります。上に空行がないと前の行が見出しになるので注意してください。

Markdown
First section.

---

Second section.
結果

First section.

Second section.

エスケープ

Markdown が整形する文字（* _ # やバッククォートなど）の前にバックスラッシュを付けると、そのまま表示されます。

Markdown
\*not italic\*
結果

*not italic*

Markdown
\# not a heading
結果

# not a heading

インライン HTML

PlainApp のノートは一部の HTML タグも表示できます：下線、ハイライト、文字色、折りたたみ可能な details。

Markdown
<u>underlined text</u>
結果

underlined text

Markdown
<mark>highlighted text</mark>
結果

highlighted text

Markdown
<font color="#8b5cf6">colored text</font>
結果

colored text

Markdown
<details>
<summary>Click to expand</summary>
Hidden content here.
</details>
結果
Click to expand Hidden content here.

数式など

上付き x^2^、下付き H~2~O、インライン数式 $E = mc^2$、$$ で囲む数式ブロック、脚注 [^1]、表示されない %% コメント %%。

Markdown
x^2^ + y^3^
結果

x^2^ + y^3^

Markdown
H~2~O
結果

H2O

Markdown
Inline math $E = mc^2$ and a block:
$$
a^2 + b^2 = c^2
$$
結果

Inline math $E = mc^2$ and a block: $$ a^2 + b^2 = c^2 $$

Markdown
See the footnote[^1] for details.

[^1]: This is the footnote text.
結果

See the footnote[^1] for details.

[^1]: This is the footnote text.

Markdown
%% This comment stays hidden in PlainApp %%
結果

%% This comment stays hidden in PlainApp %%

ヒント: PlainApp のノートでは数式・脚注・コールアウトがリッチブロックとして表示されます。ここにある「結果」列は通常の Web 出力です。