こんにちは！Webアプリ開発チーム、IT学科一年の黒瀬です。
今回の記事では、このWebアプリ内で記事を書く際の記法である、マークダウンの使い方についてまとめていきます。
本来のマークダウン記法で実現可能であるものの、このWebアプリ内では現在使用不可である機能についても書いていきます。

見出し

書き方

1
2
3
4
# Heading 1
## Heading 2
### Heading 3
#### Heading 4

結果

Heading 1

Heading 2

Heading 3

Heading 4

リスト

書き方

1
2
3
4
* リスト
 * リスト
- リスト
 - リスト

結果

• リスト
  • リスト
• リスト
  • リスト

番号付きリスト

書き方

1
2
3
4
1. リスト
2. リスト
3. リスト
4. リスト

結果

1. リスト
2. リスト
3. リスト
4. リスト

空行、改行

書き方

1
2
3
4
5
aaaaaaaaa  #半角スペース二つ
bbbbbbbb<br> 
ccccccccc
<br> #新たな行に<br>を置くと、2空行
dddddddd

結果

aaaaaaaaa

bbbbbbbb

ccccccccc


dddddddd

インラインコード

書き方

1
`printf("Hello world\n")`

結果

printf("Hello world\n")

ブロックコード

1
2
```言語:タイトル
コード(改行)```

結果

1
コード

補足

• コードの後、改行を入れてから終わりの```を入力してください。

リンク挿入

書き方

1
2
[タイトル](URL)
例: [nect-life](nect-life.com)

結果

nect-life

引用

書き方

1
2
3
> テキスト
>> テキスト
>>> テキスト

結果

テキスト

テキスト

テキスト

補足

• '>' は15個まで対応してます！

画像の挿入

注記！

現段階では、ローカルの画像を記事内に挿入する機能は実装されていません。そのためここでは、Web上にある画像の挿入方法を紹介します。

書き方

• サイズ指定なし

1
![代替テキスト](URL "タイトル")

• サイズ指定あり

1
<img width="数値" alt="代替テキスト" src="URL">

結果

• サイズ指定なし
  

• サイズ指定あり

文字色設定

書き方

1
2
<font color="色">テキスト</font>
例: <font color="Blue">赤</font>

結果

僕は赤色です:)

太字（ボールド）

書き方

1
**テキスト**

結果

太字

斜体（イタリック）

書き方

1
*テキスト*

結果

斜体

打ち消し線

書き方

1
~~テキスト~~

結果

テキスト

水平線

書き方

1
2
***
---    # どちらでも可

結果

エスケープ

書き方

1
2
3
\マークダウン記号
例: \*\*太文字、斜体なし**

結果

**太文字、斜体なし**

未実装

ここまで読んでいただきありがとうございました！現段階で実装されていないマークダウン機能として、以下があります。

• チェックボックス
• 表の挿入
• 注釈

この記事の内容が、皆さんが今後nect-life上でサークル活動の記録をする際、役に立てば嬉しいです！

参考にした記事

• Qiita マークダウン記法 一覧表・チートシート