슬라이드를 Markdown으로 순식간에 만들 수 있습니다! vscode-reveal이 빠르고 굉장합니다.

슬라이드를 만드는 데 걸리는 문제



슬라이드를 만드는 소프트웨어라면,
  • Windows → PowerPoint
  • MacOS → Keynote

    라는 느낌입니다.
    그러나, 「슬라이드를 신규 작성」→「문자를 쓴다」→「좋은 느낌에 텍스트를 배치한다」라고 하는 스텝을 밟을 필요가 있어, 텍스트 베이스로 3장 정도의 슬라이드를 만드는 것으로 해도, 15분 정도 걸려 혹시 그렇게 귀찮네요.

    "LaTeX처럼 에디터로 쓰고, 나머지는 좋은 느낌으로 출력해 주면 좋겠는데"

    그런 소원을 이루는 최강의 도구가 있습니다!

    vscode-reveal



    개요



    vscode-reveal은 Markdown 형식으로 문자를 쓰고 스타일링 등 자동으로 좋은 느낌으로 출력까지 해주는 VSCode의 확장 패키지(Extension)입니다.
    VSCode의 확장 패키지 중에서는 최근에 흐릿하게 유명해져 왔기 때문에 정보도 늘어나고 있습니다.

    GitHub 페이지는 여기 .

    설치



    Extension 검색에서 vscode-reveal을 입력하여 설치합니다.
    그 외에 필요한 Homebrew 라이브러리나 Debian 패키지 등은 특별히 없습니다.


    사용법



    이런 식으로 적당히 md 파일을 만듭니다.

    slide.md
    ---
    theme : "white"
    transition : "default"
    ---
    
    # 初めての<br>vscode-reveal
    
    20191018
    
    ---
    
    ## vscode-revealとは
    
    * VSCodeの拡張パッケージ
    * Markdownでスライドを作れる
    * こんな感じで **太字** もできる
    * もちろん *イタリック体* も
    
    ---
    
    どんどん活用していきましょう!
    

    에서 command + shift + p 에서 명령 팔레트로 이동하고 "reveal"을 입력하십시오.
    Revealjs: Open presentation in browser를 선택합니다.


    그러면




    이런 식으로 브라우저에서 슬라이드가 출력됩니다. 이나 로 페이지 넘김을 할 수 있어 페이지 천이도 매끄러운 이펙트가 걸리므로 엄청 좋은 느낌입니다! (이것은 실제로 시도해보십시오)

    덧붙여서, 이쪽은의 슬라이드는 출력까지 포함해 5분 걸리지 않고 만들 수 있었습니다.

    슬라이드에 대한 보충



    위 슬라이드 md 파일이지만. HTML로 바뀌므로 타이틀을 개행하고 싶을 때는 타이틀내에서 <br> 태그를 사용하면 할 수 있습니다.
    또한 Markdown 형식이므로 글머리 기호는 물론 굵은 글씨나 기울임꼴도 사용할 수 있습니다.
    페이지 구분 기호는 ---로 지정됩니다.

    그리고, 처음에 지정하고 있는 이쪽.
    ---
    theme : "white"
    transition : "default"
    ---
    

    여기서 슬라이드의 색이나 페이지 넘기기의 애니메이션을 지정하고 있습니다만, 색을 검게 하거나 애니메이션을 지우는 등의 설정을 할 수 있습니다.
    세세한 디자인에 조심하지 않고, 좋은 느낌의 슬라이드를 할 수 있는 곳이 매우 좋네요!

    요약



    Markdown에서 슬라이드를 만들 수 있는 vscode-reveal을 소개했습니다.
    심플한 슬라이드라면 정말 순식간에 만들 수 있으므로, 미팅의 의제나, 사내에서의 공유회 등에 향하고 있을까라고 생각하기도 합니다.

    여러가지 재미있는 사용법이 생길 것 같기 때문에, 좀 더 깊은 파고 보려고 생각합니다.
  • 좋은 웹페이지 즐겨찾기