Programovanie

Kodéry, tu je nástroj na prezentáciu JavaScriptu, ktorý si obľúbite

Jednou z mojich úloh v práci je vývoj a údržba technických prezentácií. V minulosti som tieto prezentácie ukladal na Disk Google vo formáte Keynote spoločnosti Apple. Keynote, rovnako ako mnoho aplikácií pre kancelársky balík, ukladá svoje súbory ako veľké a tučné binárne guľky. Keď viac ľudí upraví prezentáciu a pokúsi sa ju aktualizovať, narazíte na problémy. Ľudia sa navzájom potichu zhlukujú.

Táto nepríjemnosť nie je pre Keynote jedinečná. Rovnakým problémom trpí aj PowerPoint a ďalšie formáty. Aj keď PowerPoint má teoreticky súbor založený na XML, je zabalený do zipsu, takže neexistuje žiadny praktický spôsob, ako zlúčiť zmeny na úrovni súboru.

Ďalším problémom Keynote je, že aj keď existujú predlohy snímok, veci, ktoré sa vložia do snímky, musia byť starostlivo naformátované. WYSIWIG je skvelá a strašná zároveň. Veci, ktoré sa vložia do snímky, musia byť naformátované s láskou. To zvyčajne znamená, že zatiaľ čo predloha je konzistentná, obsah sa často líši vo formáte: medzery sú trochu vypnuté, výber typov písma sa odlišuje od značiek a farby sa rozširujú.

V ideálnom svete by ste prezentácie ukladali na GitHub presne ako kód a písali by ste ich v zjednodušenom formáte, ako je Markdown, bez toho, aby ste poznali ich štýl. UI / brand guy alebo gal by mohol robiť všetky „pekné veci“ vopred v CSS, zatiaľ čo vy vo filozofickej próze voskováte filozofiu.

Presne to vám umožňuje otvorený nástroj na prehliadanie obrázkov Remark.js v prehliadači.

Pozoruhodné technické prezentácie

V súbore Remark.js máte jeden súbor HTML a mnoho súborov CSS, ale vaša prezentácia je samostatná s príchuťou Markdown. Všetko môžete uložiť na GitHub. K dispozícii je dokonca aj režim prezentátora, ktorý vám umožní vidieť vaše poznámky, zatiaľ čo vaše publikum pozerá na vaše vynikajúce vizuálne prvky.

Ako už názov napovedá, Remark.js je knižnica JavaScriptu. Ako každá knižnica JavaScriptu existuje aj 50 alternatívnych implementácií. Vizuálne najpôsobivejší je pre mňa Reveal.js.

Zatiaľ čo Remark.js vám umožňuje písať úplne v Markdowne s posypom HTML alebo rozšíreniami, vďaka Reveal.js sa vlastne HTML naučíte. Hovorím, že vo svojom životopise poznám HTML od 90. rokov, ale je to presne také, ako viem používať štetec: s oboma vyrábam škaredé veci. Preto radšej používam Remark.js.

Tu je Markdown a text snímky pre skutočnú snímku z jednej z mojich prezentácií:

—-

trieda: vľavo, hore

# Fusion Concepts: Collection

* Obsahuje dokumenty

* Priradené k skutočným indexovaným údajom a schéme

* Priradené k pomenovanej konfigurácii v aplikácii Zookeeper

* Logický index, ktorý je možné rozložiť na viac serverov

* Stratégia smerovania, ktorá definuje, ako sa dokumenty priraďujú k črepinám, stratégia umiestnenia replík, ktorá definuje, koľko kópií sa má uchovať každého dokumentu v zbierkach

* Kolekcia, ktorá existuje na inštancii Solr, sa nazýva „Jadro“

???

Skript: Stručne povedané, kolekcia je logický index, ktorý je viazaný na veľa konfigurácie a riadenia procesov v klastri vrátane toho, ako je nakonfigurovaný, replikovaný a smerovaný.

—-

Tu je ukážka toho, ako to vyzerá na mojom telefóne (ktorý mimochodom môžem Chromecast):

Andrew C. Oliver

Je tu moderátorský režim! Môžem nastaviť svoje diapozitívy, aby som mohol čítať obrazovku ako teleprompter (vlastne nie, pretože by ma to nudilo):

Andrew C. Oliver

Pri klonovaní prezentácie sa okná prehliadača synchronizujú, aj keď v niektorom prejdete do režimu prezentácie. Vaše publikum vidí tento pohľad na prvej snímke obrazovky. Vidíte pohľad v druhom.

Zlé veci

Remark.js zďaleka nie je dokonalý. Je to skvelé pre technických ľudí, ktorí robia technické prezentácie, ale nepodrobil by som to predajnému tímu. Ak máte účet GitHub, bude vám Markdown pravdepodobne vyhovovať viac ako PowerPoint alebo vrtkavý editor WYSIWYG v Keynote. Ak si svoj e-mail prečítate ochotne v Outlooku, pravdepodobne sa vám nebude páčiť.

Aby ste to mohli použiť, potrebujete miestny webový server, ako je Python SimpleHTTPServer. Tiež odporúčam ísť s Chrome. Firefox som sa synchronizoval, ak som klikol okolo. Zobrazenie Prezentujúci je užitočné, ale neexistuje miniatúra pre ľudí, ktorí sa medzi snímkami často pohybujú tam a späť.

Ak organizujete svoje prezentácie ako samostatné súbory, musíte znova vytvoriť a znova otvoriť prezentačný režim pre každú z nich. Obrázky a titulné snímky môžu vyžadovať doladenie CSS, aby boli správne. Akýkoľvek kód, ktorý neunikne s textom „, bude pozmenený (najmä regex). Musíte tiež vylepšiť CSS, aby sa tlač do súboru PDF zoradila správne.

Len čo to zvládnete a urobíte si CSS, komparatívne úsilie o vytvorenie „jednej“ prezentácie v aplikácii Remark.J’s / Markdown je nižšie ako v aplikáciách PowerPoint alebo Keynote. Správa verzií v GitHub je pozoruhodne lepšia a vedomie, že môžem prezentovať zo svojho telefónu alebo tabletu, ma robí šťastnou. Keď budete nabudúce organizovať konferencie a realizovať svoje materiály, všetky sa vrátia k predchádzajúcim verziám, možno si spomeniete na Remark.js.

$config[zx-auto] not found$config[zx-overlay] not found