Ohjelmointi

Kooderit, tässä on JavaScript-esitystyökalu, jota rakastat

Yksi tehtävistäni on kehittää ja ylläpitää teknisiä esityksiä. Aiemmin olen tallentanut nämä esitykset Google Driveen Applen Keynote-muodossa. Keynote, kuten monet toimisto-ohjelmistosovellukset, tallentaa tiedostot suurina, rasvoina binäärinäköinä. Kun useita ihmisiä muokkaa esitystä ja yrittää päivittää sitä, saat ongelmia. Ihmiset ryöstävät hiljaa toistensa muutoksia.

Tämä ärsytys ei ole ainutlaatuinen Keynotelle. PowerPoint ja muut muodot kärsivät samasta ongelmasta. Vaikka PowerPointilla on teoriassa XML-pohjainen tiedosto, se on kääritty Zip-tiedostoon, joten muutosten yhdistäminen tiedostotasolla ei ole käytännöllistä tapaa.

Toinen Keynoten ongelma on, että vaikka diamestareita on, diaan liimatut tavarat on alustettava huolellisesti. WYSIWIG on loistava ja kauhea samanaikaisesti. Kalvoon liimatut tavarat on muotoiltava rakkaudella. Tämä tarkoittaa yleensä sitä, että vaikka päällikkö on johdonmukainen, sisältö vaihtelee usein muodoltaan: väli on hieman poissa, kirjasinvalinnat menevät tuotemerkin ulkopuolelle ja värit villiintyvät.

Ihannemaailmassa sinun tulisi tallentaa esitykset GitHubiin täsmälleen samalla tavalla kuin koodi ja kirjoittaa esityksiä yksinkertaistetussa muodossa, kuten Markdown, ilman että sinun tarvitsee tietää tyyliä. Käyttöliittymän / brändin kaveri tai gal voisi tehdä kaikki "kauniit jutut" CSS: ssä edestä, kun teet filosofista merkintää proosassa.

Juuri tämä on avoimen lähdekoodin selaimen diaesitystyökalun Remark.js avulla.

Huomattavat tekniset esitykset

Remark.js: n avulla sinulla on yksi HTML-tiedosto ja kuitenkin useita CSS-tiedostoja, mutta esityksesi on erillinen Markdownin makuun. Voit tallentaa kaiken GitHubiin. Siellä on jopa esittäjätila, jonka avulla voit nähdä muistiinpanosi, kun yleisösi katselee loistavia visuaaliasi.

Kuten nimestä voi päätellä, Remark.js on JavaScript-kirjasto. Kuten minkä tahansa JavaScript-kirjaston, siellä on kuin 50 vaihtoehtoista toteutusta. Visuaalisesti vaikuttavin on Reveal.js.

Vaikka Remark.js antaa sinun kirjoittaa kokonaan Markdowniin sprinklillä HTML: tä tai laajennuksia, Reveal.js saa sinut todella oppimaan HTML: n. Olen sanonut, että tiedän HTML-koodin ansioluettelossani 90-luvulta lähtien, mutta se on aivan kuin osaan käyttää pensseliä: teen rumia asioita molempien kanssa. Siksi käytän mieluummin Remark.js-tiedostoa.

Tässä on Markdown- ja diateksti varsinaiselle dialle yhdestä esityksestäni:

—-

luokka: vasen, ylhäältä

# Fuusiokonseptit: Kokoelma

* Sisältää asiakirjoja

* Liittyy todellisiin indeksoituihin tietoihin ja skeemiin

* Liitetty nimettyyn kokoonpanoon Zookeeperissa

* Looginen hakemisto, joka voidaan levittää useille palvelimille

* Reititysstrategia, joka määrittää, kuinka asiakirjat osoitetaan sirpaleiden kopioiden sijoitusstrategiaan, joka määrittää, kuinka monta kopiota jokaisesta asiakirjasta on säilytettävä kokoelmissa

* Kokoelmaa sellaisena kuin se on olemassa Solrin instanssissa, kutsutaan "ydinksi"

???

Komentosarja: Lyhyesti sanottuna kokoelma on looginen hakemisto, joka on sidottu klusterin moniin määrityksiin ja prosessinhallintaan, mukaan lukien miten se määritetään, replikoidaan ja reititetään.

—-

Näin näyttää puhelimellani (jonka voin muuten Chromecastilla):

Andrew C.Oliver

Tässä on juontajamoodi! Voin asettaa diojani ylös, jotta voin lukea näyttöäni kuin teleprompteri (en todellakaan, koska se kyllästyisi minua tekemään niin):

Andrew C.Oliver

Kun kloonaat esityksen, selainikkunat synkronoidaan, vaikka siirrytkin esittäjätilaan yhdessä. Yleisösi näkymä näkyy ensimmäisessä kuvakaappauksessa. Näkymä näkyy toisessa.

Pahaa kamaa

Remark.js ei ole läheskään täydellinen. Se on hieno teknisille ihmisille, jotka tekevät teknisiä esityksiä, mutta en alistuisi myyntitiimille. Jos sinulla on GitHub-tili, olet todennäköisesti mukavampi Markdownin kanssa kuin PowerPoint tai Keynoten vakaa WYSIWYG-editori. Jos luet sähköpostisi mielellään Outlookissa, et todennäköisesti pidä siitä.

Tämän käyttö edellyttää paikallista verkkopalvelinta, kuten Python SimpleHTTPServer. Suosittelen myös Chromen käyttöä. Firefox poistui synkronoinnista, jos napsautin. Esittäjänäkymä on hyödyllinen, mutta pikkukuvanäkymää ei ole ihmisille, jotka siirtyvät paljon edestakaisin dioiden välillä.

Jos järjestät esitykset erillisinä tiedostoina, joudut kumoamaan ja palaamaan esitystilaan kullekin. Kuvat ja otsalistat saattavat edellyttää CSS-säätämistä oikeaksi. Kaikki koodit, joita et pääse pakettien avulla, sekoittuvat (etenkin regex). Sinun on myös muokattava CSS: ää, jotta tulostus PDF-muotoon olisi oikea.

Kun olet saanut kaiken irti ja saat CSS: n valmiiksi, vertailupyrkimykset luoda "yksi lisää" -esitys Remark.J: n / Markdowniin on pienempi kuin PowerPointin tai Keynoten. Versioiden hallinta GitHubissa on monumentaalisesti parempi, ja tieto siitä, että osaan esitellä puhelimellani tai tabletillani, tekee minut onnelliseksi. Seuraavan kerran, kun järjestät konferenssin ja ymmärrät, että kaikki materiaalisi palautetaan aiempiin versioihin, ajattele ehkä Remark.js-tiedostoa.