# GROWI の砂場へようこそ！

> [!NOTE]
> **サンドボックスとは?**
> 
> ここは自由に編集できる練習用のページです。新しいことを試すのに最適な場所です！


## :beginner: はじめての方へ

GROWI では「マークダウン」という記法で簡単に見栄えの良いページを作ることができます。  
マークダウンを使うと、こんなことができます！

- **太字**や*斜体*で文字を強調
- 箇条書きや番号付きリストの作成
- [リンクの挿入](#-リンク)
- 表の作成
- コードブロックの追加

その他、様々な装飾が可能です。

## 試してみましょう！

1. このページを自由に編集してください
1. 失敗を恐れる必要はありません
1. 元に戻すこともできます
1. 他の人の編集も参考になります

> [!IMPORTANT]
> **管理者の方へ**
> 
> 砂場は学習のための大切な場所です：
> - 新しいメンバーがGROWIに慣れるための第一歩として
> - マークダウンの練習場として
> - チーム内のコミュニケーションツールとして
>     - このページが乱雑になっても、それは活発な学習の証です。定期的なクリーンアップは良いですが、自由な実験の場としての性質は維持することをおすすめします。


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

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

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

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

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

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

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

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

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

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

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



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

| スタイル                   | 構文                   | キーボードショートカット | 例                                       | 出力                                   |
| -------------------------- | ---------------------- | ------------------------ | ---------------------------------------- | -------------------------------------- |
| 太字                       | `** **` または `__ __` | (準備中)                 | `**これは太字のテキストです**`           | **これは太字のテキストです**           |
| [斜体]                     | `* *` または `_ _`     | (準備中)                 | `_このテキストは斜体です_`               | *このテキストは斜体です*               |
| 取り消し線                 | `~~ ~~`                | (準備中)                 | `~~これは間違ったテキストでした~~`       | ~~これは間違ったテキストでした~~       |
| 太字および太字中にある斜体 | `** **` および `_ _`   | なし                     | `**This text is _extremely_ important**` | **This text is _extremely_ important** |
| 全体が太字か斜体           | `*** ***`              | なし                     | `***このテキストはすべて重要です***`     | ***このテキストはすべて重要です***     |
| 下付き                     | `<sub> </sub>`         | なし                     | `これは<sub>下付き</sub>テキストです`    | これは<sub>下付き</sub>テキストです    |
| 上付き                     | `<sup> </sup>`         | なし                     | `これは<sup>上付き</sup>テキストです`    | これは<sup>上付き</sup>テキストです    |



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

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

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

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



# :ledger: リンク

## 自動リンク
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: さらにアプリケーションを活用

- [もっとマークダウンについて学ぶ](/Sandbox/Markdown)

- [さらにページの装飾をする（Bootstrap5）](/Sandbox/Bootstrap5)

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

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