Redmine記法の備忘録

# はじめに
Redmineを仕事でよく使うので、備忘録として残しておきます。
[公式デモサイト](https://my.redmine.jp/demo/)で簡単に表示確認ができます。

# フォント

## 太字
「*」で太字にしたい文字を挟む。

```
ここが *太字* になる
```
![redmine_example1.PNG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/565096/be207cc6-0b58-0435-dbd0-8a925fc2ca6d.png)

## 斜体
「_」で斜体にしたい文字を挟む。

```
ここが _斜体abc_ になる
```
![redmine_example2.PNG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/565096/59a37faf-7c69-d3c3-1057-984240ec1f1d.png)

## 下線
「+」で下線にしたい文字を挟む。

```
ここが +下線+ になる
```
![redmine_example3.PNG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/565096/37481a57-39ac-cf0b-e90b-3d8ce99b7f73.png)

## 取り消し線
「-」で取り消し線にしたい文字を挟む。

```
ここが -取り消し線- になる
```
![redmine_example4.PNG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/565096/b4677989-7bac-9ac0-6eed-281248534bca.png)

# 見出し(ヘッダー)
「h1.」「h2.」等を見出しにしたい文の前につける。h6まで使用可能。要改行。

```
h1. 見出し1

h2. 見出し2

h3. 見出し3
```
![redmine_example7.PNG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/565096/d543bc70-e6a4-2737-c27c-a7a9e302843f.png)

# 箇条書き

## 順不同リスト
「*」を順不同リストにしたい文の前につける。

```
* 項目1
** 項目1の1
*** 項目1の1の1
* 項目2
** 項目2の1
```
![redmine_example8.PNG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/565096/40faf644-cd44-2643-8460-e303582f914e.png)

## 番号付きリスト
「#」を順不同リストにしたい文の前につける。

```
# あああ
## いいい
## ううう
### えええ
# おおお
## かかか
## ききき
```
![redmine_example9.PNG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/565096/ed639903-b27d-7f3a-9a50-bc121350c57f.png)

# 文字色

## 文字の色を変える場合
「%{color: 文字色}装飾対象%」で文字に色をつける。（CSSのcolorプロパティを指定している [^1]）
CSSのカラーネームは[こちら](http://www.htmq.com/color/colorname.shtml)を参照。

```
%{color: red}赤色%
%{color: blue}青色%
%{color: green}緑色%
```
![redmine_example10.PNG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/565096/95b4de54-0d6c-0429-a575-48aa1b70b040.png)

## 文字の背景色を変える場合
「%{background-color: 背景色}装飾対象%」で文字の背景に色をつける。

```
%{background-color: lavender}ラベンダー%
%{background-color: orange}オレンジ%
%{background-color: aquamarine}アクアマリン%
%{background-color: yellow}黄色%
```
![redmine_example11.PNG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/565096/2f4ac511-b3a4-55b8-7c7a-f75b43826ca4.png)

# ソースコード

## 行内にソースコードを埋め込む場合
「@」で埋め込みたいソースコードを挟む。等幅フォントで表示される。

```
C言語の標準出力は @printf("Hello!\n");@ と書く
```
![redmine_example12.PNG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/565096/fe9722fc-53a9-6263-92c2-4673258d9376.png)

## 整形済みテキスト
「\<pre>整形したいテキスト\</pre>」でテキストを整形できる。

```
ここが
<pre>
整形済みテキスト
</pre>
になる
```
![redmine_example13.PNG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/565096/6a1dcddb-c6eb-200a-4da0-bd739d097fb7.png)

## コードハイライト
「\<pre>\<code class="対象言語class">コード\</code></pre>\</pre>」でコードハイライトができる。
ハイライト可能なコードのclassはc, cpp (c++), csharp (c#, cs), css, diff (patch, udiff), go (golang), groovy, html, java, javascript (js), kotlin, objective_c (objc), perl (pl), php, python (py), r, ruby (rb), sass, scala, shell (bash, zsh, ksh, sh), sql, swift, xml, yaml (yml) など。
詳しくは[こちら](https://www.redmine.org/projects/redmine/wiki/RedmineCodeHighlightingLanguages)を参照。

```
Cのコードは
<pre><code class="c">
#include <stdio.h>
int main void(){
    printf("Hello, world!");
}
</code></pre>
のように書く
```
![redmine_example14.PNG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/565096/2b31bb99-8d8f-bf58-8e85-b914e6918474.png)

# 表

## 一般的な表
文字列を「|」で区切ることで表を記述することができる。

```
|A|B|C|
|あああ|いいい|ううう|
```
![redmine_example15.PNG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/565096/3e2e8f69-a73c-acfd-bde3-7d8f0ebd6101.png)

## ヘッダをつける場合
[_.」を付けると、そのセルをテーブルヘッダ(HTML: \<th>)として表示できる。

```
|_. A|_. B|_. C|
|あああ|いいい|ううう|
```
![redmine_example16.PNG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/565096/bce80152-ae12-7d16-ba78-ea5486f77574.png)


## セルを結合する場合
「\結合するセル数.」で横方向にセルを結合、「/結合するセル数.」で縦方向にセルを結合できる。

```
|_. A |_. B |_. C |
| A | B | C |
|/2. row span | B | C |
|\2. col span |
```
![redmine_example17.PNG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/565096/2116e3ad-b2e0-023c-a12b-d523c74195f4.png)


## 文字の位置を変更する場合
「<.」で左寄せ、「>.」で右寄せ、「=.」でセンタリング、「^.」で上揃え、「~.」で下揃えにできる。

```
|_. あ |_. ああああああああああああ |
|右寄せ|>. AAA |
|左寄せ|<. AAA |
|センタリング|=. AAA|
|上
揃え|^. AAA|
|下
揃え|~. AAA|
```
![redmine_example18.PNG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/565096/b33df2af-5bff-41ca-a55f-4cc40ee01656.png)


## 表の背景色を変える場合
「table{background:背景色}.表」で表全体に色を、「{background:背景色}.列」で表の列の背景に色をつける。
CSSのカラーネームは[こちら](http://www.htmq.com/color/colorname.shtml)を参照。

```
table{background:lightyellow}.
{background:lightskyblue}. | 列1 | 列2 | 列3 |
| 列1 | 列2 | 列3 |
| 列1 | 列2 | 列3 |
```
![redmine_example19.PNG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/565096/21930a14-c9ac-05cd-3a84-09d4b9265d22.png)

# リンク
URLやメールアドレスはそのまま記述すればそのままリンクとなる。
表示文字列を変えたい場合は「"表示文字列":URL」と書く。

```
そのまま書くと、
http://www.redmine.org
someone@example.jp

表示文字列を変えたい場合は、
"リンク":http://www.redmine.org
```
![redmine_example21.PNG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/565096/fe6571fa-cef5-5fac-dc7c-5cbe23947898.png)

#折り畳み
「{{collapse}}」を使用して、以下のように書く。長いソースコードを隠したい時に便利。
引数（括弧内の文字列）は指定しなくてもOK。指定しない場合は、折り畳んでいる状態は「表示」開いている状態は「隠す」と表記される。

> {{collapse(折り畳んでいる時に表示したい内容,開いた時に表示したい内容)
> 折り畳みを開いた時に表示したい内容
> }}

```
{{collapse
折り畳みたい内容1
}}

{{collapse(表示するよ！！！！,隠すよ！！！！)
折り畳みたい内容2
}}
```
![redmine_example22.PNG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/565096/056fcce2-ca2b-55e9-4e5d-fd583dede052.png)　　　　![redmine_example23.PNG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/565096/ebb9e9d0-30c7-dd68-8f70-5d779e19e356.png)


# 水平線
「--」で水平線が引ける。

```
ここに

---

水平線
```
![redmine_example20.PNG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/565096/5ddea4a2-969e-75e4-4a27-9ed7ed32020f.png)


# 引用

## タイトル等の引用
「??」で引用にしたい文字を挟む。作品のタイトル等を引用するときに使う。（見た目あんまり分からない…）

```
ここが ??引用(Citation)?? になる
```
![redmine_example5.PNG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/565096/f3616479-f30f-4e13-0f74-4efe1fc98850.png)

## ブロック引用
「bq.」を引用したい文章の前につける。もしくは、「>」を行の先頭につける（ネスト可能）。

```
bq. ブロック引用

> 引用1
> > 引用2
> > > 引用3
```
![redmine_example6.PNG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/565096/81e46e53-ce72-220f-008f-46f2f5586059.png)

[^1]: 「%{CSSのプロパティ: プロパティの値}装飾対象%」でCSS装飾ができる