개발자를 위한 슬라이드 제작 도구 슬라이드가 대단합니다.
슬라이드가 뭐예요?
슬라이드브는 Vue Use와 Type Challenges의 저자, Vue다.Js의 핵심 팀원Anthony Fu이 개발한 태그 슬라이드 제작 도구다.
사용Vite,Vue3,WindiCSS개발.
역시 Public Beta. 하지만 발표 며칠 만에 7000명이 넘는 GiitHub 스타들이 모였다.
Slidev is still under heavy development. API and usages are not set in stone yet. 및 문서에 기재된 API에 변경 사항이 있는 것 같습니다.다만 현 단계에서도 완성도가 매우 높아 많이 쓸 수 있는 수준이다.실제로 어떤 슬라이드를 만들 수 있는지, 슬라이드의 프레젠테이션과 저자인 앤서니가 슬라이드v로 발표한 VueDay2021 자료는 이해하기 쉽다.
사용법
환경을 조정하려면 디렉토리에서 다음 명령을 실행합니다.
$ npm init slidev
그리고 만든 디렉터리
slidev.md로 이동하여 편집하면 됩니다.무슨 기능이 있습니까?
슬라이드의 특징 기능에 대해 설명합니다.
유연한 표기 방법에 따라 슬라이드를 만들다
reveal.js나 remark 등 표기 형식의 슬라이드 제작 도구와 대체적으로 같아 슬라이드를 제작할 수 있다.대부분의 도구는 일정한 판형이 있지만 슬라이드의 확장성은 상당히 높다.Vue Component와WindiCSS에서 스타일링을 통해 페이지마다 자신만의 독특한 스타일을 적용해 자유로운 레이아웃으로 구성할 수 있다.
그 밖에
vite-plugin-icon, Icontify 아이콘을 통해 지원
LaTeX 기법KaTeX 지원
Mermaid 기반 차트
고가용성 코드 및 현장 인코딩
개발자가 PowerPoint와 Keynote로 슬라이드를 만들 때 대부분의 고생은 코드가 박혀 있었다.문법적으로 높은 빛을 내는 일, 폰트의 폭을 조정하는 일, 가시적인 애니메이션을 높이기 위해 소박하게 고생한다.슬라이드브는 그 부분을 매우 강력하게 지지한다.
만약에 기존의 표기법을 사용한다면 문법의 고광도를 효과적으로 높일 수 있을 뿐만 아니라 가시성, 줄마다 고광도를 높일 수 있다.
또한 브라우저 기반 코드 편집기monaco-editor를 지원하기 때문에 슬라이드 화면을 이동하는 동시에 코드를 실시간으로 인코딩하여 편집할 수 있다.TypeScript의 유형 보완 등도 표시돼 코드의 설명이 매우 쉬워 보인다.
다양한 디스플레이 모드
슬라이드를 화면으로 이동하는 것 뿐만 아니라 프레젠테이션 원고의 도구 모음에도 키노트와 PowerPoint 등 다양한 디스플레이 모드가 있다.
특히 원격 환경에서의 LT를 고려하면 인카메라의 표현이 매우 좋다.
주제 기능 지원
Slidev는 주제 기능을 지원하기 때문에 디자인이 통일된 슬라이드를 간단하게 만들 수 있습니다.아직 주제 수는 적지만 사용자 측 제작도 쉬워 앞으로 꾸준히 늘어날 것으로 보인다.
프레젠테이션의 녹화 기능
사전 녹화를 발표할 때 매우 편리할 것 같고 프레젠테이션 원고의 녹화 기능도 슬라이드 자체를 지원한다.
그냥 대단해...!
풍부한 출력 형식
슬라이드에는 PDF, PNGs, SPA 등 다양한 출력 형식이 있습니다.
SPA로는 기릿허브 페이지 등에서도 공개할 수 있고, SNS에서도 공유가 수월하다.
끝말
간단히 슬라이드브의 소개입니다.
솔직히 발표자료를 잘 만들지는 못하지만, 그래도 다음 발표를 기대하겠다.
그리고 이 풍부한 기능은 베타 버전이기도 하다.앞으로의 진화를 기대하다.
Reference
이 문제에 관하여(개발자를 위한 슬라이드 제작 도구 슬라이드가 대단합니다.), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://zenn.dev/ryo_kawamata/articles/introduce-slidev텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
좋은 웹페이지 즐겨찾기
