VS Code + 軽量マークアップ言語で書くスライド

Jun 19, 2020 | Publisher: matoken | Category: Technology & Engineering |   | Views: 21 | Likes: 1

VS Code + 軽量 マークアップ 言語で書くス ライド Kenichiro Matohara 鹿児島らぐ Discord hps://matoken.org hps://kagolug.org hps://discord.gg/cGf9mGg QR kagolug.org Discord VS Code + 軽量マークアッ プ言語で書くスライド 凝ったスライドを作らない人向け テキストエディタだけでも書ける Raspberry Pi とかでもok なんでVS Code/Codium の 拡張機能? 先日出先でスライド環境が壊れて困った リモートで変換して持ってこようとしたけど時間 や回線がなくて…… 月1,2回しか使わないのに環境ごと (amd64/armhf/arm64)にアップデートするのが面倒 VS Code/Codiumの拡張機能なら勝手に更新され る CLIでも動いてVS Code/Coduimで動けば万 全? Markdownで記述できるMarpNext AsciiDocで記述できるAsciidoctor reveal.js LibreOce Impress でもい いのでは マルチプラットホーム対応(arm Linuxもok)でヘッド レスでpdf変換も出来る ウェブブラウザがあればLibreOffice Online という 手も AndroidでchrootしてLibreOffice はちょっと辛い 感じ MarpNext Marpのreboot node.js製 Markdown( ) で記述する Marp CLI / Marp Web / Marp for VS Code 等がある Marp Desktopは開発中 hps://marp.app/ Marpit Markdown Marp for VS Code VS Codeの拡張機能 Ctrl+Shift+X で拡張機能タブを開いてmarp(marp- team.marp-vscode)で検索してインストール リアルタイムプレビュー(Ctrl+K V) 画像などを使うと結構ズレるのではじめはスライ ドじゃないMarkdownPreviewを使ったほうがい いかも 書き出し機能(Ctrl+Shi+P → Export slide deck) MarpCLI html/pdf/pptx/png/jpegに変換 ウォッチモード リアルタイムプレビュー(編集は好きなテキスト エディタで) サーバモード hpdが起動して同じネットワークに共有できる pdf/png/jpegでダウンロード可能 MarpCLI導入 導入例(armhf/arm64等でもok) amd64だとシングルバイナリが提供されるように なってお手軽に(※EXPERIMENTAL) $ npm install --save-dev @marp-team/marp-cli $ wget https://github.com/marp-team/marp-cli/releases/download/v0 $ tar xvf marp-cli-v0.17.4-linux.tar.gz -C ~/bin/ marp AsciiDoc Slides for Visual Studio Code hps://marketplace.visualstudio.com/items? itemName=flobilosaurus.vscode-asciidoc-slides 機能等 プレビュー(Ctrl+K V) ※保存時にリフレッシュ プレビュー時は縦長に,プレゼン時は横長になる のでブラウザでの確認必須 html書き出し/inline html書き出し inline htmlがおすすめ 画像やcssをdata-uriで書き出してくれるので単一 ファイルで持ち運べる reveal.js のpdf書き出し Chrome/Chromium で URLの末尾に ?print-pdf を 付与して開いて Ctrl + p で印刷画面にして pdf 書き 出し headlessで変換したいけど ? が %3F になってしまう ※巨大なpdfが出来てしまうことがある(ps2pdfでダイ エット) $ chromium --temp-profile --user-data-dir=`mktemp -d` \ --headless --print-to-pdf=./slides.pdf \ 'files://$(pwd)/?print-pdf' AsciiDocのinclude便利 他のAsciiDoc文章やcsvファイルをinclude出来る 自己紹介や奥付など固定部分をincludeしたり 一般公開時には出したくないものを外出しにしてお いたり csvファイルinclude例 csvファイルを用意して includeすると Table 1. 表にしてくれる cat,猫,

Comments

You must log in to comment

×

Modal Header

Modal body