見出し画像

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

aちゃん🐣駆け出しエンジニア

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すごい）


いいなと思ったら応援しよう！