> ## Documentation Index
> Fetch the complete documentation index at: https://docs.morph-data.io/llms.txt
> Use this file to discover all available pages before exploring further.
# 基本的な書き方
本セクションでは、Morph でデータアプリケーションを構築する際に使用する MDX について説明します。MDX は、React コンポーネントを使用して Markdown ファイルを記述するためのフォーマットです。
## Markdown記法について
マークダウン (Markdown) は、シンプルな記法でテキストを装飾できる言語です。ブログ記事、ドキュメント、GitHubリポジトリのREADMEファイルなどでよく使われます。以下に代表的な記法を例とともに説明します。
### 見出し
見出しは、`#` から始まる行で記述します。`#` の数が多いほど、見出しのレベルが低くなります。
```markdown theme={"dark"}
# 見出し1
## 見出し2
### 見出し3
```
# 見出し1
## 見出し2
### 見出し3
### 強調
強調は、`*` または `_` で囲むことで記述します。
```markdown theme={"dark"}
**太字** や *斜体*
```
**太字** や *斜体*
### リスト
リストは、`-` または `1.` から始まる行で記述します。`-` は順不同リスト、`1.` は順序付きリストを表します。
```markdown theme={"dark"}
- 項目1
- 項目2
- 項目3
```
* 項目1
* 項目2
* 項目3
### リンク
リンクは、`[リンクテキスト](URL)` で記述します。
```markdown theme={"dark"}
[Morph](https://morph.codes/)
```
[Morph](https://morph.codes/)
### 画像
画像は、`` で記述します。
```markdown theme={"dark"}
```
### コード
コードは、\`\`\` で囲むことで記述します。
````markdown theme={"dark"}
\```
console.log('Hello, Morph!')
\```
````
```javascript theme={"dark"}
console.log('Hello, Morph!')
```
## Github Flavored Markdown
Morph では、GitHub Flavored Markdown (GFM) に対応しています。GFM は、GitHub が提供する Markdown の拡張仕様で、通常の Markdown に加えて、テーブル、タスクリスト、コードブロックのシンタックスハイライトなどの機能が追加されています。
### テーブル
テーブルは、`|` で区切られた行で記述します。
```markdown theme={"dark"}
| ヘッダ1 | ヘッダ2 | ヘッダ3 |
| ------- | ------- | ------- |
| 内容1 | 内容2 | 内容3 |
```
| ヘッダ1 | ヘッダ2 | ヘッダ3 |
| ---- | ---- | ---- |
| 内容1 | 内容2 | 内容3 |
### タスクリスト
タスクリストは、`- [ ]` または `- [x]` で記述します。
```markdown theme={"dark"}
- [ ] タスク1
- [x] タスク2
```
* [ ] タスク1
* [x] タスク2
### コードブロックのシンタックスハイライト
コードブロックのシンタックスハイライトは、\`\`\`言語名 で記述します。
````markdown theme={"dark"}
\```javascript
console.log('Hello, Morph!')
\```
````
```javascript theme={"dark"}
console.log('Hello, Morph!')
```
## HTML
マークダウンには、HTML を埋め込むこともできます。HTML を埋め込むことで、マークダウンの記法では表現できないより高度なレイアウトや機能を実現できます。
ただし、スタイルやクラス名の指定は、JSXの記法に従って記述する必要があります。
```markdown theme={"dark"}
```
また、Markdownのブロック中であっても、HTMLタグを挿入することができます。
```markdown theme={"dark"}
## HTMLを挿入
```
## HTMLを挿入
その逆で、HTMLのブロック中であっても、Markdownを挿入することができます。
```html theme={"dark"}
## 見出し2
```
## 見出し2