はじめに
はじめまして!
フリーランスマーケターをしながら独学でプログラミングを学んでいるたくろーと申します。
こちらの記事では、Qiitaを投稿する上で欠かせないMarkdown記法について、
これさえ覚えておけば間違いない10個の記法を厳選しました。🖋
ぜひこちらの記事を参考にしながら、より質の高いアウトプットを目指して
記事を執筆していただきたいなと思います。
この記事の使い方
こちらの記事では、それぞれの記法ごとに
・書き方
・表示例
をセットで記載しています。
目次から使用したい記法を選択し、書き方の部分をコピー&ペーストすることで
すぐに使用することが可能です。
別タブでこちらの記事を開きながら記事執筆を進めると、より効率的かと思います。
ぜひご自由にお使いください。
【目次】
①見出し
②リスト
③太字
④文字色の変更
⑤斜体
⑥引用
⑦コードの挿入
⑧リンクの挿入
⑨画像の挿入
⑩テーブル(表)の挿入
見出し
書き方
# ここにテキストを挿入
## ここにテキストを挿入
### ここにテキストを挿入
#### ここにテキストを挿入
##### ここにテキストを挿入
ここにテキストを挿入
ここにテキストを挿入
ここにテキストを挿入
ここにテキストを挿入
ここにテキストを挿入
リスト
書き方(通常)
* ここにテキストを挿入
* ここにテキストを挿入
* ここにテキストを挿入
* ここにテキストを挿入
* ここにテキストを挿入
- ここにテキストを挿入
- ここにテキストを挿入
- ここにテキストを挿入
- ここにテキストを挿入
- ここにテキストを挿入
書き方(番号付き)
1. ここにテキストを挿入
2. ここにテキストを挿入
3. ここにテキストを挿入
4. ここにテキストを挿入
5. ここにテキストを挿入
- ここにテキストを挿入
- ここにテキストを挿入
- ここにテキストを挿入
- ここにテキストを挿入
- ここにテキストを挿入
太字
書き方
**ここにテキストを挿入**
ここにテキストを挿入
文字色の変更
書き方
<font color="Red">ここにテキストを挿入</font>
<font color="Blue">ここにテキストを挿入</font>
<font color="Green">ここにテキストを挿入</font>
<font color="#fcba03">ここにテキストを挿入</font>
ここにテキストを挿入
ここにテキストを挿入
ここにテキストを挿入
ここにテキストを挿入
斜体
書き方
*ここにテキストを挿入*
ここにテキストを挿入
引用
書き方
> ここにテキストを挿入します
ここにテキストを挿入します
>> ここにテキストを挿入します
ここにテキストを挿入します
ここにテキストを挿入します
ここにテキストを挿入しますここにテキストを挿入します
ここにテキストを挿入します
コードの挿入
書き方
```言語名:タイトル
ここにテキストを挿入します
```
タイトル
ここにテキストを挿入します
書き方例(Javascriptの場合)
```Javascript:タイトル
function hello(){
return "hello world!";
}
```
タイトル
function hello(){
return "hello world!";
}
リンクの挿入
書き方
[ここにテキストを挿入します](URL)
画像の挿入
書き方(ドラッグ&ドロップ)
![代替テキスト](URL)
書き方例(ドラッグ&ドロップ)
![Photo.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2478073/ccfa0e0f-209d-99cc-ec5f-e5679fc6718c.jpeg)
書き方(サイズ指定)
<img width="数値" alt="代替テキスト" src="URL">
書き方例(サイズ指定)
<img width="300" alt="Photo.jpg" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2478073/ccfa0e0f-209d-99cc-ec5f-e5679fc6718c.jpeg">
テーブルの挿入
書き方(入力時)
列数x行数
書き方例(入力時)
3x2
書き方例(自動変換後)
| 1 | 2 | 3 |
|:-:|:-:|:-:|
| | | |
| | | |
1 | 2 | 3 |
---|---|---|