Markdown 프레젠테이션에서 파와포 아저씨 탈출

3667 단어 Markdown
평소 VSCode에서 Markdown을 쓰는 사람에게 추천합니다. VSCode의 확장 기능으로 Marp라는 것이 있습니다. Markdown을 쓰면 16:9 슬라이드 PDF로 변환됩니다.
  • Marp for VS Code

  • 포인트


  • Markdown과 슬라이드 자료가 하나로 끝난다
  • 좋든 나쁘든 1 페이지 10 행 정도로 정리한다
  • 일회용 자료에는 적합하지만 진정한 발표에는 적합하지 않습니다

  • Markdown


    ---
    marp: true
    paginate: true
    theme: default
    backgroundColor: whitesmoke
    headingDivider: 1
    ---
    <style>
    h1 { font-size: 42pt; color: royalblue; }
    li,p,table { font-size: 32pt; color: black; }
    </style>
    
    # Marp のメリット
    - メリット
      - 改ページが自動になる。
      - 文字位置を考えなくてよい。
    - デメリット
      - 長い説明には向かない。
      - 画像が扱いにくい。
    
    # 表
    |名前|vCPU|メモリ|月額|
    |-|-:|-:|-:|
    |t3.micro  |2| 1 GiB| 1700円|
    |t3.small  |2| 2 GiB| 3400円|
    |t3.medium |2| 4 GiB| 5500円|
    |t3.large  |2| 8 GiB|10300円|
    
    # ページごと
    <!-- _class: lead -->
    _class でこのページだけ中央寄せ(gaiaのとき)
    
    # 画像(右)
    - 背景画像を使います。
    ![bg right:35% 90%](1.png)
    
    # 画像(挿入)
    ![h:200](1.png)
    画像を挿入できます。
    

    Markdown 미리보기



    theme=default
    theme=gaia



























    해설





    설명


    marp
    Marp 사용

    paginate
    페이지 번호 표시

    테마
    default와 gaia, 그리고 테마가없는 uncover가 있습니다.

    backgroundColor
    배경색

    headingDivider
    제목 1에서 페이지 나누기가 가능


    이미지
    できる
    ![bg right:40% 90%](1.png)
    ![bg left:40% 90%](1.png)
    ![w:200](1.png)
    ![h:200](1.png)
    
    できない
    ![bg bottom:40% 90%](1.png)
    ![x:200](1.png)
    <img src='1.png'>
    

    보충
    style을 구사하면 더 많은 것을 할 수 있습니다만, 너무 하면 Marp의 의미가 없어져 버립니다. 디자인에 집중하면 파와포 사용하는 것이 좋습니다.

    감상



    1페이지에 들어가도록 설명문을 10행 이내에 정리해야 합니다. 반대로 1 페이지에 정리하는 것이 좋다고 생각했습니다. IT 문서는 오랫동안 의미가 알려지지 않은 것이 많습니다. 슬라이드뿐만 아니라 평소 Markdown도 컴팩트하게 정리하려고 생각했습니다.

    좋은 웹페이지 즐겨찾기