markdown AI記述方法

 markdown AIではスマートフォンでも記述できるようなカスタマイズを行なっています。
 それぞれの記述方法につきましてはログイン後にサンプルページがありますので、参考にしてください。
 またこちらにもサンプルとして記述方法を載せています。
 
## 見出し
```
# Title1
## Title2
### Title3
#### Title4
##### Title5
###### Title6
```
上記の記述を行うことで下記のような表示になります。
![スクリーンショット 2024-05-28 17.22.36.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/87687/1fc15681-0a73-ca63-e864-6dcb10bdb3db.png)


## テキスト入力
```
text
text2
**Bold**  
*Italic*  
```
![スクリーンショット 2024-05-28 17.25.02.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/87687/2a29dddb-5ab5-7ca9-c9eb-9f3654c3fcc6.png)

## htmlタグ
HTMLタグも有効となるので、下記のような表現も可能になります。
```
<button>タイトル1</button>
<p>文章</p>
```
![スクリーンショット 2024-05-28 17.36.31.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/87687/7ca40c78-ba6a-aeaf-60d8-771c10f1da48.png)

スタイルタグも有効となるので、独自のスタイルを表現できます。
```
<style>
.text {
  color:red;
  font-weight:bold;
  font-size:20px;
}
</style>
<p class="text">文章テキスト</p>
文章テキスト。
```

![スクリーンショット 2024-05-28 17.38.08.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/87687/03689093-0cb2-b9c1-e967-13992dcd0fc9.png)


### 改行について
改行は通常の文書を書く用に改行をすることで余白を開けることができます。
ボーダーに余白をつけたい場合は改行を行なってください。

## その他の記述
チェックボックスや箇条書きなどmarkdownの記述ができます。

```
- [ ] a task list item
- [ ] list syntax required
- [ ] normal **formatting**, @mentions, #1234 refs
- [ ] incomplete
- [x] completed
```
![スクリーンショット 2024-05-28 17.39.30.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/87687/51326987-5743-051d-8963-2b961d824238.png)

```
- hogehoge
  - fuga
    - bar
    - [ ] motimot
1. fuba
1. fuba
1. fuba
```
![スクリーンショット 2024-05-28 17.39.37.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/87687/0ba2d275-2104-b2cc-2348-57edd4f7e550.png)


```
|table1|table2|table3|
|:--|--:|:--:|
|align left|align right|align center|
|a|b|c|
```
![スクリーンショット 2024-05-28 17.39.42.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/87687/56a784aa-6cea-a489-b1c2-385201fc7400.png)


```
### Quote
>This is Quote
>This is Quote
>>This is Quote
>>>This is Quote
```
![スクリーンショット 2024-05-28 17.39.50.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/87687/459dd8f7-210c-98b2-7937-cfdb520a3596.png)


```
### Code Block
```JavaScript
// For Debug
printf = function(str){
    window.alert(str);
};
// Add the processing of applications
```
![スクリーンショット 2024-05-28 17.39.59.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/87687/0b264953-c7c6-84f6-aa12-70c3c3338b11.png)


```
### Horizon
---
```
![スクリーンショット 2024-05-28 17.40.06.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/87687/cbe24fd4-e5e6-c4dd-cf83-7ddaa2b08ceb.png)


```
### Link
https://mdown.ai/
[ markdown AI](https://mdown.ai/)
```
![スクリーンショット 2024-05-28 17.40.17.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/87687/b3c0ce99-24a6-0cdb-9bb7-227b84dc16ca.png)


```
![Logo](https://storage.googleapis.com/topdowncom/content/1tUnkuMDlkhMCCthuaHACDnSC603/b983b410-4651-4500-819a-f96aa6b80ece/MDown_gr.png)
```
![スクリーンショット 2024-05-28 17.44.10.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/87687/7e5a0808-6b83-5af3-50c3-3a48ed312352.png)

## まとめ
通常の markdownの記述だけでなく、HTMLタグを利用してclassをつけたりスタイルの変更をすることができるので、簡単に記述することができます。
[markdown AI](https://mdown.ai/content?id=335b81b2-bcb0-4dbb-83d0-531aa132181f)
こちらのサイトもmarkdownAIを使用して作成しています。