reveal.js와 Markdown에서 슬라이드를 만들어 발표했습니다.

작년 말의 FM 간사이 오프미에서 어떤 소화 (LT)를 발표해 왔습니다만,
그 때의 발표 슬라이드를 revelal.js와 Markdown으로 만들어 보았습니다.

그건 그렇고, 그때 발표 슬라이드 : CSV 출력 소화

향후 비망록으로서 본 기사를 작성했습니다.

사전 준비



참고: 환경은 Mac입니다.

터미널 시작
github에서 revelal.js 다운로드
npm start로 서버 시작
뭔가 슬라이드가 나왔다.

자세한 것은 이쪽을 참고로・・・
reveal.js에서 슬라이드 만들기.
Reveal.js를 사용하여 Markdown 파일로 슬라이드 만들기

슬라이드 만드는 법



샘플 파일을 보자 보니 Markdown을 편집해 갑니다.
일본어이므로 자간이나 크기가 미리 봤을 때 있어? 라는 경향이 있지만,
나중에 조정하면 어쨌든 가시가시 내용을 만들어갑니다.

슬라이드 미리보기



reveal.js를 DL한 위치에 있는 index.html을 편집합니다.
Markdown 호출하고 있는 개소를 방금 만든 파일명으로 변경.

터미널에서 서버를 시작하면 브라우저에 슬라이드가 표시됩니다.
그리고는 체크하면서, md를 편집해, 조정해 갑니다.

슬라이드 PDF화



LT 후, 발표 자료를 공유를 위해 PDF화하고 싶을 때는,localhost:8000/?print-pdf#/ 에서
인쇄로 OK

해봐



Markdown 자체에 거기까지 아직 익숙하지는 않았지만,
텍스트 편집기로 굉장히 쓸 수 있기 때문에,
슬라이드 만들기가 꽤 편하게 그리고 빨리 완성할 수 있었던 것 같아요.

이번은 디자인면 등 특별히 신경쓰지 않고(걱정할 여유가 없었다···)
기본 테마 (Black) 이었지만 다른 테마도 있습니다.
이펙트도 여러가지 샘플이므로, 시도해 보겠습니다.

좋은 웹페이지 즐겨찾기