見出し画像

【マークアップ言語】Markdown記法を学ぶ

Markdown記法を学ぼうと思った背景

  • エンジニアの方ってSlcakとかでもサラっとMarkdown記法使ってるのはなんでなんでしょうか?「##_タイトル」みたいな見出しがついていたり、「〇」「●」のリストだったり、、、

  • なんとなくマークアップはWEBデザイナーのものだと思っていたので、今までLINEみたいな使い方しかしてこなかった人としては、入社後最初のカルチャーショックでした。(前職マーケ系)

  • なのでまず駆け出しちゃんとして、Markdownでメモを取る癖をつけることにしました!


マークアップ言語とは

文書やデータの構造を示すためにタグやマークアップを使用するプログラミング言語の一種。マークアップ言語を使用することで、文書の構造やスタイル、要素などを指定することができる。

マークアップ言語例
・Markdown:軽量な文書の構造をマークアップするための言語。主に文書作成やウェブ上でのドキュメンテーションに利用。
・HTML:ウェブページの構造やコンテンツを定義するための標準的なマークアップ言語。
・XML:汎用的なデータの構造化や交換のためのマークアップ言語。
・LaTex:学術論文や技術文書など、高度な組版が必要な文書を作成するためのマークアップ言語。
・JSON:データの表現に広く使われるマークアップ言語。特にWeb開発やAPIでデータをやり取りするために利用。

今回は、マークアップ言語の内のMarkdown記法についてまとめます。(卒論の時に使うLaTeXもマークアップ言語だったんですね~)


見出し

# 見出し
## 見出し
### 見出し

リスト

「*」、「+」、「-」の3種類でどれを使う人が多いんだろう、、
私は「*」派です

**リスト**
*  abc
    * abc
- abc 
    - abc
+ abc
    + abc

**番号付きリスト**
1. abc
2. def
3. ghi

コードブロック/コードスパン

**コードブロック**
```java
public static void main(String[] args){
    System.out.println("駆け出しエンジニア!");
    };
```

```sql
SELECT *
FROM data
limit 10;
```

**コードスパン**
`abc`

飾り文字系

* 打消し:~~abc~~
* 太字:__abc__
* 斜め:_abc_

折り畳み

<details>

※ココ空白行必須
```sql
SELECT
    id
    ,user_name
    ,gender
from test.data
order by 1;
```

</details>

リンク

[節分イメージ](hhttps://www.irasutoya.com/2013/01/blog-post_762.html)
![節分](https://4.bp.blogspot.com/-82WyP-Z30kw/UQC7crFy1xI/AAAAAAAALG0/4Ig6sXItZ5w/s1600/setsubun_mamemaki.png)

引用

>abc</br>
>abc</br>
>>abc</br> 
>>abc</br> 

水平線

***
---

テーブル

|左揃え|中央揃え|右揃え|
|:---|:---:|--:|
|abc|abc|abc|
|abcdef|abcdef|abcdef|


ちなみにSlack環境で使えるのは

# 太字
*対象のテキスト*

# 斜め文字
_対象のテキスト_

# 打消し
~対象のテキスト~

# コードスパン
`対象のテキスト`

# コードブロック
```対象のテキスト

# リスト
* 対象のテキスト
 * 対象のテキスト
/// インデントはTab

# 番号リスト
1. 対象のテキスト
2. 対象のテキスト
3. 対象のテキスト
/// インデントはTab

# 引用
>対象のテキスト


所感

  • 早い!

  • メモを取ったりドキュメント残すのがとっても楽になりました(非エンジニアも習得すべきと思いました)

  • Markdown対応の良いメモアプリないかな。。。

  • このnoteもMarkdownで書いてます(noteすごい)


この記事が気に入ったらサポートをしてみませんか?