# サンドボックスとは?
- このページでは、GROWI を使いこなすためのヒントを紹介します
- このページと下の階層にある参考記述を利用して、ページのコンテンツを充実させることができます

# :closed_book: 見出しと段落
- 見出しと段落を挿入すると、ページ上のテキストを読みやすくすることができます

## ヘッダー
- 見出しを作成するには、見出しテキストの前に `#` を追加します
- `#` の数に応じて、View 画面に表示される見出しの書体サイズが変わります
- このページ内にもたくさんの見出しが活用されており、`#` の数に応じて内容をグルーピングすることができます

```markdown
# 見出し1
## 見出し2
### 見出し3
#### 見出し4
##### 見出し5
###### 見出し6
```

## 改行（Br）
- 改行したい文章の行末に半角スペースを2つ挿入することで改行をすることができます
    - 管理画面から半角スペースなしで改行が反映されるように設定を変更することも可能です
        - 「マークダウン設定」から変更できます

#### 例: 改行なし
文章 1 の内容が入ります
文章 2 の内容が入ります

#### 例: 改行あり
文章 1 の内容が入ります  
文章 2 の内容が入ります

## ブロック
- テキストに空白行を挿入することで段落を作成できます
- 文章を文に分割して読みやすくすることができます

#### 例: 段落なし
あのイーハトーヴォのすきとおった風、夏でも底に冷たさをもつ青いそら、うつくしい森で飾られたモリーオ市、郊外のぎらぎらひかる草の波。
またそのなかでいっしょになったたくさんのひとたち、ファゼーロとロザーロ、羊飼のミーロや、顔の赤いこどもたち、地主のテーモ、山猫博士のボーガント・デストゥパーゴなど、いまこの暗い巨きな石の建物のなかで考えていると、みんなむかし風のなつかしい青い幻燈のように思われます。

#### 例: 段落がある場合

あのイーハトーヴォのすきとおった風、夏でも底に冷たさをもつ青いそら、うつくしい森で飾られたモリーオ市、郊外のぎらぎらひかる草の波。

またそのなかでいっしょになったたくさんのひとたち、ファゼーロとロザーロ、羊飼のミーロや、顔の赤いこどもたち、地主のテーモ、山猫博士のボーガント・デストゥパーゴなど、いまこの暗い巨きな石の建物のなかで考えていると、みんなむかし風のなつかしい青い幻燈のように思われます。

## 水平線
- 3 つ以上の連続したアスタリスク `*` またはアンダースコア `_` で水平線を挿入します

#### 例
以下は水平線です
***

以下は水平線です
___

```markdown
以下は水平線です
***

以下は水平線です
___
```

# :green_book: テキストのスタイル設定
- さまざまなスタイルを適用して、文章のテキスト表現を豊かにすることができます
- これらのスタイルは、編集画面の下部にあるツールバー アイコンを選択して簡単に適用することもできます

## 斜体
- テキストをアスタリスク `*` またはアンダースコア `_` で囲みます。

#### 例
- この文は *斜体* で強調を示します
- この文は _斜体_ で強調を示します

```markdown
- この文は *斜体* で強調を示します
- この文は _斜体_ で強調を示します
```

## 太字
- テキストを 2 つのアスタリスク `*` または 2 つのアンダースコア `_` で囲みます

#### 例
- この文は **太字** で強調を示します
- この文は __太字__ で強調を示します

```markdown
- この文は **太字** で強調を示します
- この文は __太字__ で強調を示します
```

## 斜体と太字
- テキストを 3 つのアスタリスク `*` または 3 つのアンダースコア `_` で囲みます

#### 例
- この文は ***斜体と太字*** で強調を示します
- この文は ___斜体と太字で強調を示します太字___

```markdown
- この文は ***斜体 & 太字*** で強調を示します
- この文は ___斜体 & 太字___ で強調を示します
```

# :orange_book: リストの挿入
## 箇条書きリスト
- ハイフン `-`、プラス `+`、アスタリスク `*` を行頭に記述することで、箇条書きのリストを挿入することでができます

#### 例
- この文章は箇条書きリストで表現しています
    - この文章は箇条書きリストで表現しています
        - この文章は箇条書きリストで表現しています
        - この文章は箇条書きリストで表現しています
- この文章は箇条書きリストで表現しています
    - この文章は箇条書きリストで表現しています

## 番号付きリスト
- `番号.` を行頭に記述することで、番号付きのリストを挿入することができます
    - 番号は自動で採番されます
- 番号付きリストと箇条書きリストを組み合わせて使用​​することもできます

#### 例
1. この文章は番号付きリストで表現しています
    1. この文章は番号付きリストで表現しています
    1. この文章は番号付きリストで表現しています
    1. この文章は番号付きリストで表現しています
        - この文章は箇条書きリストで表現しています 
1. この文章は箇条書きリストで表現しています
    - この文章は箇条書きリストで表現しています  

## タスク リスト
- `[] ` を記述することでリストに対して未チェックのチェックボックスを挿入することができます
    - `[x] ` を記述することでチェック済みのチェックボックスを挿入することができます

#### 例
- [ ] タスク 1
    - [x] タスク 1-1
    - [ ] タスク 1-2
- [x] タスク2

# :blue_book: リンク

## 自動リンク
URL を記述するだけで、リンクが自動的に生成されます。

### 例

https://www.google.co.jp

```markdown
https://www.google.co.jp
```

## ラベルとリンク
`[label](URL)` と記述してリンクを挿入します

### 例
- [Google](https://www.google.co.jp/)
- [砂場ページはこちら](/Sandbox)

```markdown
- [Google](https://www.google.co.jp/)
- [砂場ページはこちら](/Sandbox)
```

## 柔軟なリンク構文

柔軟なリンク構文により、ページパスによるリンク、相対ページリンク、リンクラベルとURLによるリンクを簡単に記述できます。

- [[/Sandbox]]
- [[./Math]]
- [[数式の書き方は?>./Math]]

```markdown
- [[/Sandbox]]
- [[./Math]]
- [[数式の書き方は?>./Math]]
```

# :notebook: その他
## 引用符
- 行頭に `>` を記述することで引用表現を記述できます
    - 多重引用の際は `>` を複数個連続で記述することで表現できます

#### 例
> - 引用符
> - 引用符
>> 複数の引用符にはさらに `>` を挿入する必要があります

```markdown
> - 引用する文章が入ります
> - 引用する文章が入ります
>> 多重引用を表現するにはさらに `>` を挿入します
```

## コード
- `` ` `` 3つで囲むことでコードの表現をすることが可能です

#### 例

```markdown
ここにコードを追加

改行と段落はそのまま反映されます
```
#### 例 (ソースコード)

```javascript:mersenne-twister.js
function MersenneTwister(seed) {
  if (arguments.length == 0) {
    seed = new Date().getTime();
  }

  this._mt = new Array(624);
  this.setSeed(seed);
}
```

## インライン コード
- `` ` `` で単語を囲むとインラインコードになります

#### 例
こちらは `インラインコード` です



# :memo:表の挿入
## Markdown 標準
- Markdown で記載できる標準的な形式の表です

#### 例
| 左揃え               |               右揃え |        中央揃え        |
| :------------------- | -------------------: | :--------------------: |
| この列は             |             この列は |        この列は        |
| 左揃えで表示されます | 右揃えで表示されます | 中央揃えで表示されます |

```markdown
| 左揃え               |               右揃え |        中央揃え        |
| :------------------- | -------------------: | :--------------------: |
| この列は             |             この列は |        この列は        |
| 左揃えで表示されます | 右揃えで表示されます | 中央揃えで表示されます |
```

### CSV / TSV
#### 例

``` tsv
10:00	集合
10:20	移動
```

~~~
``` csv
11:00,MTG
12:00,昼食
```
~~~

~~~
``` tsv
10:00	集合
10:20	移動
```
~~~

### CSV / TSV（ヘッダー付き）
#### 例
``` tsv-h
時間	行動
10:00	集合
10:20	移動
```

~~~
``` csv-h
時間,行動
11:00,MTG
12:00,昼食
```
~~~

~~~
``` tsv-h
時間	行動
10:00	集合
10:20	移動
```
~~~

# :ledger: さらにアプリケーションを利用
- [ページの装飾方法（Bootstrap5）](/Sandbox/Bootstrap5)

- [図形の表現方法（Diagrams）](/Sandbox/Diagrams)

- [数式の表現方法（Math）](/Sandbox/Math)
