Προγραμματισμός

Κωδικοποιητές, εδώ είναι ένα εργαλείο παρουσίασης JavaScript που θα λατρέψετε

Ένα από τα καθήκοντά μου στη δουλειά μου είναι να αναπτύξω και να διατηρήσω τεχνικές παρουσιάσεις. Στο παρελθόν, έχω αποθηκεύσει αυτές τις παρουσιάσεις στο Google Drive σε μορφή Keynote της Apple. Το Keynote, όπως πολλές εφαρμογές σουίτας γραφείου, αποθηκεύει τα αρχεία του ως μεγάλα, λιπαρά δυαδικά blob. Όταν πολλά άτομα τροποποιούν μια παρουσίαση και προσπαθούν να την ενημερώσουν, αντιμετωπίζετε προβλήματα. Οι άνθρωποι σιωπούν αθόρυβα τις αλλαγές του άλλου.

Αυτή η ενόχληση δεν είναι μοναδική για το Keynote. Το PowerPoint και άλλες μορφές αντιμετωπίζουν το ίδιο πρόβλημα. Ενώ το PowerPoint θεωρητικά διαθέτει ένα αρχείο που βασίζεται σε XML, είναι τυλιγμένο σε Zip, οπότε δεν υπάρχει πρακτικός τρόπος συγχώνευσης αλλαγών σε επίπεδο αρχείου.

Ένα άλλο πρόβλημα με το Keynote είναι ότι, ενώ υπάρχουν slide master, τα πράγματα που επικολλούνται σε μια διαφάνεια πρέπει να μορφοποιηθούν προσεκτικά. Το WYSIWIG είναι υπέροχο και απαίσιο ταυτόχρονα. Τα πράγματα που επικολλούνται σε μια διαφάνεια πρέπει να μορφοποιηθούν με αγάπη. Αυτό συνήθως σημαίνει ότι ενώ ο κύριος είναι συνεπής, τα περιεχόμενα συχνά αποκλίνουν σε μορφή: η απόσταση είναι λίγο μακριά, οι επιλογές γραμματοσειράς είναι εκτός μάρκας και τα χρώματα γίνονται άγρια.

Σε έναν ιδανικό κόσμο, θα αποθηκεύσατε τις παρουσιάσεις στο GitHub ακριβώς όπως ο κώδικας και θα γράφετε παρουσιάσεις σε μια απλοποιημένη μορφή όπως το Markdown χωρίς να χρειάζεται να γνωρίζετε το στυλ. Ο τύπος UI / brand ή το gal θα μπορούσαν να κάνουν όλα τα «όμορφα πράγματα» μπροστά στο CSS, ενώ αποκηρύσσετε φιλοσοφικό στην κουκίδα σας.

Αυτό ακριβώς σας επιτρέπει να κάνετε το εργαλείο ανοιχτού κώδικα, το πρόγραμμα παρουσίασης διαφανειών στο πρόγραμμα περιήγησης Remark.js.

Τεχνικές παρουσιάσεις με δυνατότητα αξιολόγησης

Με το Remark.js, έχετε ένα αρχείο HTML και ωστόσο πολλά αρχεία CSS, αλλά η παρουσίασή σας είναι ξεχωριστή με μια γεύση του Markdown. Μπορείτε να αποθηκεύσετε τα πάντα στο GitHub. Υπάρχει ακόμη και μια λειτουργία παρουσίασης που σας επιτρέπει να βλέπετε τις σημειώσεις σας ενώ το κοινό σας βλέπει τα υπέροχα οπτικά σας.

Όπως προτείνει το όνομα, το Remark.js είναι μια βιβλιοθήκη JavaScript. Όπως κάθε βιβλιοθήκη JavaScript υπάρχουν περίπου 50 εναλλακτικές εφαρμογές. Το πιο εντυπωσιακό για μένα οπτικά είναι το Reveal.js.

Ενώ το Remark.js σάς επιτρέπει να γράφετε εξ ολοκλήρου στο Markdown με ψεκασμούς HTML ή επεκτάσεις, το Reveal.js σας κάνει να μάθετε HTML. Λέω ότι γνωρίζω HTML στο βιογραφικό μου από τη δεκαετία του '90, αλλά είναι ακριβώς όπως ξέρω πώς να χρησιμοποιώ ένα πινέλο: Κάνω άσχημα πράγματα και με τα δύο. Γι 'αυτό προτιμώ να χρησιμοποιώ το Remark.js.

Εδώ είναι το κείμενο Markdown και διαφάνειας για μια πραγματική διαφάνεια από μία από τις παρουσιάσεις μου:

—-

τάξη: αριστερά, πάνω

# Έννοιες Fusion: Συλλογή

* Περιέχει έγγραφα

* Συσχετίζεται με πραγματικά δεδομένα ευρετηρίου και σχήμα

* Συνδέεται με μια ονομαστική διαμόρφωση στο Zookeeper

* Λογικό ευρετήριο που μπορεί να εξαπλωθεί σε πολλούς διακομιστές

* Στρατηγική δρομολόγησης που καθορίζει τον τρόπο ανάθεσης των εγγράφων σε θραύσματα στρατηγικής τοποθέτησης ρεπλίκα που καθορίζει πόσα αντίγραφα πρέπει να φυλάσσει κάθε έγγραφο στις συλλογές

* Μια συλλογή όπως υπάρχει σε μια παρουσία του Solr ονομάζεται "Core"

???

Σενάριο: Εν συντομία, μια συλλογή είναι ένα λογικό ευρετήριο που συνδέεται με πολλές ρυθμίσεις και διαχείριση διεργασιών στο σύμπλεγμα, συμπεριλαμβανομένου του τρόπου διαμόρφωσής του, αναπαραγωγής και δρομολόγησης.

—-

Εδώ είναι αυτό που φαίνεται στο τηλέφωνό μου (το οποίο μπορώ να κάνω το Chromecast παρεμπιπτόντως):

Άντριου Γ. Όλιβερ

Εδώ είναι η λειτουργία παρουσιαστή! Μπορώ να ρυθμίσω τις διαφάνειες μου, οπότε μπορώ να διαβάσω την οθόνη μου σαν teleprompter (στην πραγματικότητα δεν γιατί με έκανε να το κάνω):

Andrew C. Oliver

Όταν κλωνοποιείτε μια παρουσίαση, τα παράθυρα του προγράμματος περιήγησης συγχρονίζονται ακόμη και αν εισέλθετε σε λειτουργία παρουσιαστή σε μία. Το κοινό σας βλέπει την προβολή στο πρώτο στιγμιότυπο οθόνης. Βλέπετε την προβολή στο δεύτερο.

Τα κακά πράγματα

Το Remark.js απέχει πολύ από το τέλειο. Είναι υπέροχο για τεχνικούς ανθρώπους που κάνουν τεχνικές παρουσιάσεις, αλλά δεν θα υποτάξω την ομάδα πωλήσεων σε αυτήν. Εάν έχετε λογαριασμό GitHub, πιθανότατα να είστε πιο άνετοι με το Markdown από το PowerPoint ή τον αναστατωμένο επεξεργαστή WYSIWYG του Keynote. Εάν διαβάσετε το email σας πρόθυμα στο Outlook, πιθανότατα δεν θα σας αρέσει.

Για να το χρησιμοποιήσετε, χρειάζεστε έναν τοπικό διακομιστή ιστού όπως το Python SimpleHTTPServer. Προτείνω επίσης να πάτε με το Chrome. Ο Firefox δεν ήταν συγχρονισμένος αν έκανα κλικ. Η προβολή παρουσιαστή είναι χρήσιμη, αλλά δεν υπάρχει προβολή μικρογραφιών για άτομα που πηγαινοέρχονται μεταξύ των διαφανειών.

Εάν οργανώσετε τις παρουσιάσεις σας ως ξεχωριστά αρχεία, πρέπει να ξανακλέψετε και να ξαναμπείτε στη λειτουργία παρουσίασης για κάθε ένα. Οι εικόνες και οι διαφάνειες τίτλου ενδέχεται να απαιτούν προσαρμογή CSS για να γίνει σωστή. Οποιοσδήποτε κώδικας δεν ξεφεύγετε με τα "backtics" θα μπερδευτεί (ειδικά το regex). Πρέπει επίσης να τροποποιήσετε το CSS για να κάνετε σωστή εκτύπωση σε PDF.

Μόλις το κολλήσετε και ολοκληρώσετε το CSS σας, η συγκριτική προσπάθεια δημιουργίας μιας ακόμη παρουσίασης στο Remark.J / Markdown είναι χαμηλότερη από αυτήν του PowerPoint ή Keynote Η διαχείριση εκδόσεων στο GitHub είναι μνημειώδη καλύτερη και το να γνωρίζω ότι μπορώ να παρουσιάσω από το τηλέφωνο ή το tablet μου με κάνει ευτυχισμένο. Την επόμενη φορά που θα πραγματοποιήσετε ένα συνέδριο και θα συνειδητοποιήσετε το υλικό σας όλα επανήλθαν σε προηγούμενες εκδόσεις, ίσως σκεφτείτε το Remark.js.