Βοηθώντας τους μηχανικούς GIF την καλύτερη ζωή τους: Προκλήσεις που αντιμετωπίζουν κατά την κατασκευή του GIF για την επέκταση του GitHub

Στο Vend, υπάρχει μια πολύ αυστηρή απαίτηση στα περισσότερα αποθετήρια μας να συμπεριλάβουμε ένα σχετικό, ξύπνιο και μυστήριο GIF με κάθε αίτημα έλξης.

Έχοντας να ανοίξετε μια νέα καρτέλα για να αναζητήσετε το GIPHY, βρείτε το σωστό GIF, στη συνέχεια ενσωματώστε το σε ένα σχόλιο του GitHub, χρονοβόρα και μπορεί να έχει κάποιες σοβαρές αρνητικές παρενέργειες ... όπως η τεμπέληλη επιλογή GIF:

Αυτό προκάλεσε την ιδέα να βοηθήσετε τους Vend μηχανικούς να εξοικονομήσουν χρόνο (και ίσως να είναι λίγο πιο προσεκτικοί) όταν πρόκειται για την επιλογή ενός κατάλληλου GIF για το αίτημα έλξης τους.

Η κατασκευή GIF για το GitHub αποδείχθηκε (εκπλήσσει!) Λίγο πιο δύσκολη από ότι αρχικά πίστευα ότι θα ήταν. Παρακάτω, έχω μοιραστεί τις προκλήσεις που αντιμετώπισα σε όλη τη διάρκεια αυτού του ταξιδιού με το Chrome Extension - και όχι, δεν είναι απλώς συζητήσεις γύρω από το αν είναι προφανές jif ή gif ... υπόσχεση!

Οι προκλήσεις που αντιμετώπισα ήταν η δημιουργία GIF για το GitHub

Η ιδέα ήταν να προσθέσετε ένα κουμπί στη γραμμή εργαλείων σχολίων, η οποία όταν πατήσετε θα δείξει ένα popover με GIFs από το Giphy. Φαινόταν σαν μια απλή ιδέα. Ωστόσο, λόγω της δυναμικής φύσης του GitHub προέκυψαν μερικά εμπόδια. Που με φέρνει σε ...

Πρόβλημα 1 - Προσθήκη του κουμπιού στη γραμμή εργαλείων

Η προσθήκη ενός κουμπιού στη γραμμή εργαλείων σχολίων δεν είναι τόσο απλή όσο 'όταν φορτώνεται η σελίδα - εισάγετε το κουμπί μου' - οι περιοχές σχολίων μπορούν να εμφανιστούν δυναμικά π.χ. όταν επεξεργάζεστε μια περιγραφή αιτήματος έλξης, αλλάζει από

σε