טיפים קצרים וחדשות למתכנתים
ספריית pyxel היא ספריה לפיתוח משחקי רטרו. היא מגיעה עם עורך תמונות מפוקסלות, עורך סאונדים ישנים והכי טוב - המון מגבלות שלא יאפשרו לכם לפתח משחק יותר מדי מתוחכם. וזה מעולה כי בעזרת פיקסל קל וכיף לכתוב משחקים כמו של פעם. בפוסט זה אציג את הכלים הבסיסיים לעבודה עם הספריה באמצעות פיתוח משחק Pong.
הנה משחק קצר שדורש חצי שעה ביום והרבה התמדה אבל מובטח שיהפוך אתכם למתכנתים חדים יותר אחרי כמה שבועות, הוא נקרא 30 דקות זוז (נו בסדר, המצאתי את השם הרגע. אבל את המשחק כן ניסיתי).
אנחנו בוחרים משימה שאפשר לעשות בזמן קצר, נגיד חצי שעה. אולי לכתוב משחק איקס עיגול. פותחים את המחשב ויושבים חצי שעה לכתוב את הקוד. בפעם הראשונה כנראה לא תצליחו לכתוב את המשחק בחצי שעה וזה בסדר. זה לא שההקלדה לוקחת יותר מדי זמן (איקס עיגול זה משחק שאפשר לכתוב בכמה עשרות שורות). התקיעה היא במחשבה.
אחרי חצי שעה אם המשחק לא עובד אפשר לעצור ופה החלק החשוב - למחוק את כל מה שכתבתם.
למחרת מנסים שוב מההתחלה את אותו איקס עיגול ושוב מתחילים מדף חלק. הפעם ההתחלה כבר תרוץ יותר מהר אבל יש סיכוי טוב שעדיין לא תצליחו לסיים לכתוב את כל המשחק בחצי שעה. זה בסדר. שוב מוחקים, ושוב למחרת מתחילים מחדש.
חודש לתוך האתגר ואת האיקס עיגול בטוח הצלחתם לכתוב בחצי שעה, ויש סיכוי לא רע שגם עוד 2-3 תוכניות דומות. כמובן שככל שתצברו מהירות תוכלו לעבור לאתגרים יותר גדולים.
רוב המתכנתים שמגיעים לראיונות עבודה נתקעים על חידות FizzBuzz פשוטות. זה לא בגלל שהם לא יודעים לכתוב קוד, אלא בגלל שהם לא יודעים לכתוב קוד מהר מספיק ולא יודעים להירגע בראיון. תרגיל השלושים דקות זוז עובד כמו תרופת פלא אם גם אתם מוצאים את עצמכם נתקעים בראיונות כשמגיעים לחלק של הקידוד.
בדרך כלל כשאנחנו חושבים על מתכנתים טובים הדבר הראשון שקופץ לראש הוא אנשים שעומדים בזמנים, אנשים שמוכנים להשקיע מעבר כדי להביא את המוצר ללקוח ברמה המקצועית המתאימה ולפי לוח הזמנים אליו התחייבו, וכן אנשים שגם יישארו כל הלילה במשרד כדי שהדמו של הבוקר יעבור חלק. מתכנתים טובים הם אנשים שאפשר לסמוך עליהם שהמוצר יעבוד לפי ה Spec ובזמן.
ומה עם קוד טוב? קוד טוב הוא קוד מסודר, קוד שלכל דבר יש בו את המקום הטבעי שלו, קוד שקל לקרוא אותו ולהבין אותו, קוד שאתה יודע בדיוק איפה צריך לשנות בשביל לשנות התנהגות מסוימת וכל שינוי משפיע רק על ההתנהגות שרצית. קוד טוב כולל סט של בדיקות יחידה כדי שנדע שלא שברנו כלום ולא כולל כפילויות כי כפל קוד אומר שבשביל לשנות היבט אחד של ההתנהגות אני צריך לבצע את אותו שינוי בכמה מקומות.
מעניין לשים לב שכשאנחנו מגיעים לשפוט קוד לא מעניין אותנו כמה זמן לקח לכתוב אותו. מרגע שהקוד כתוב הוא עומד בפני עצמו, הוא בא לספר לנו סיפור על פונקציונאליות ועל המוצר, אבל גם על המחשבות של המתכנת לגבי שינויים אפשריים בדרישות ומה הסבירות של כל שינוי, ועל ביצועים ואבטחת מידע ויכולת התמודדות עם תקלות ועוד המון המון פרטים קטנים שרק הקוד יודע לספר.
אני חושב שהגיע הזמן להשתלט מחדש על המילה. בואו נכנה "מתכנתים טובים" את האנשים שכותבים קוד טוב. ושהמתכנתים שנשארים כל הלילה במשרד ימצאו לעצמם כינוי חדש.
אם יציעו לכם שתי דרכים ללמוד, האחת מהירה אבל הידע שתקבלו יחזיק מעמד בראש שלכם לשבוע הקרוב בלבד (מה שקוראים אצלנו - אחרי הבגרויות תשכחו הכל); והשניה, איטית יותר, תקנה לכם ידע שיישאר אתכם כל החיים. אולי מלבד לימודים לבגרויות, נדמה לי שרובנו נעדיף את הדרך האיטית: ההגיון אומר שאם כבר השקעתי זמן ללמוד משהו, עדיף שהוא יישאר איתי לאורך זמן.
האמת היא שברוב הסיטואציות הלימודיות אנחנו מקבלים בדיוק את הבחירה הזו. אבל בשביל להבין אותה ולהצליח לבחור בדרך שתתאים לנו כדאי לראות קודם איך המוח האנושי עובד.
הזיכרון במוח שלנו בנוי קצת כמו גרף מכוון בקישורים אסוציאטיביים: דבר אחד מוביל לדבר שני, שמוביל לשלישי וכך הלאה. בגלל זה כשלא מצליחים להזיכר במילים של בית בשיר אפשר להתחיל לזמזם את הפיזמון, ואחרי שמצליחים להיזכר במשפט אחד השאר כבר ממשיך מעצמו. או אם ננסה למנות את האותיות מ-ת אחורה ל-א, נגלה שהמוח לגמרי בניגוד להיגיון מתחיל לרוץ על כל האותיות מ-א רק בשביל לגלות מי באה לפני ר.
בהיבט הלימודי זה אומר שכשאני נתקל במידע חדש אני צריך לסווג אותו בזיכרון לפי הדברים שאני כבר יודע שמזכירים לי אותו. אם המידע חדש לגמרי ולא קשור לשום דבר בעולם שלי הוא יפתח פינה נפרדת בראש, אבל אם זה משהו שמתחבר להמון דברים שאני כבר יודע אז הוא יישמר עם הקישורים לדברים האלה. אה וכמעט שכחתי - למוח יש גם סוג של Garbage Collector שיזרוק לארכיון קטעי מידע שאי אפשר להגיע אליהם או שיש אליהם מעט מאוד קישורים נכנסים.
עכשיו בואו נלך לבחירה שלנו לגבי צורת הלימוד וכמה זמן המידע יישמר בראש. נניח שאני לומד ריאקט ואני מנסה לכתוב קומפוננטה שמדפיסה את המספרים מ-1 עד 10 בלולאה. דרך לימוד אחת תהיה לחפש בגוגל "איך עושים לולאות ב JSX". קופי-פייסט מהתשובה ואני אגיע למשהו כזה:
function Numbers(props) {
return (
<ul>
{Array.from({ length: 10 }).map((x, i) => <li>i + 1</li>)}
</ul>
);
}
זה עבד והדפיס לי את המספרים בלולאה אבל ככל הנראה פעם הבאה שאני אצטרך לולאה דומה אני אצטרך שוב לחפש בגוגל או לחזור לחפש בקוד הזה. הוא פשוט יותר מדי שונה מכל הדברים שהכרתי קודם ולכן המוח שלי לא יצר את החיבור (נ.ב. אל תהיו לי מהנודניקים האלה שמסתכלים על קוד כזה בקטע של "נו מה אתה רוצה, זה בסך הכל JavaScript"; אם אתם רוצים לשחק את המשחק הזה לכו למצוא לכם דוגמה אחרת שמאוד שונה מכל מה שאתם מכירים).
לעומת זאת בגישה השניה המשחק יראה אחרת לגמרי. אני מתחיל אותו בחיפוש דברים שאני מכיר: אני יודע שאפשר להציג משתנה ב JSX באמצעות סוגריים מסולסלים, אני יודע לבנות בלולאה מערך עם כל המספרים מ-1 עד 10, אז בואו ננסה לשלב את השניים. הקוד שיצא עשוי להיראות כך:
function Numbers(props) {
const numbers = [];
for (let i=1; i <= 10; i++) {
numbers.push(<li>{i}</li>);
}
return (
<ul>{numbers}</ul>
);
}
וגם זה עבד! אפילו שלא יקבל שום נקודות ב Stack Overflow ואף אחד לא יכתוב שום פוסט שימליץ על השיטה.
העניין שעכשיו אפשר להמשיך, למשל אפשר להראות את הקוד לחבר שימליץ לי לקרוא על הפונקציה map. אני יכול ללמוד מהתיעוד איך היא עובדת ואחרי ש"שמרתי" את map בזיכרון אנסה לארגן מחדש את הקוד באמצעותה:
function Numbers(props) {
const numbers = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
const listItems = numbers.map(x => <li>{x}</li>);
return (
<ul>{listItems}</ul>
);
}
מהקוד הזה אני יכול לחפש איך מייצרים את המערך הראשון בצורה אוטומטית, איך מחברים את שתי השורות הראשונות לשורה אחת ובסוף אני גם אגיע בדיוק לפיתרון שמצאתי בהתחלה בגוגל. ההבדל הוא לא הקוד שנכתב בשתי הגישות אלא איך נראה המוח של שני המתכנתים שפתרו את האתגר.
במקרה של המתכנת הראשון יש לנו רכיב מידע זרוק בצד של המוח שהגיע לשם דרך העתק-הדבק מגוגל. במקרה של המתכנת השני יש לנו מסלול מידע ברור למידע החדש מדברים שמחוברים ברשת חזקה של אסוציאציות. בזכות היסודות החזקים המידע יישאר בראש לאורך זמן ויהיה קל להשתמש בו כבסיס ללמידה עתידית.
היום עם האינטרנט וגוגל למצוא את הידע זה לא החלק הקשה; הרבה יותר מעניין להצליח להטמיע את הידע כך שיהיה לנו קל להשתמש בו כשנצטרך אותו.
... שלושה ימים מאוחר יותר
... שבוע מאוחר יותר
מתכנתים גרועים מאוד בלהבין את הפער בין מה שנראה לנו קל לבין כמה עבודה דברים ידרשו בעולם האמיתי. אנשי פרודקט לא תמיד יודעים לראות מה צריך לפני שהכל בנוי כך שפיתוח פיצ'ר אמיתי דורש כמה איטרציות. זה לא סוף העולם אבל שווה להגיע מוכנים ולא לקחת ללב אם משהו לוקח יותר זמן ממה שתכננתם. הרבה פעמים מדובר בתהליך בריא של גדילת פיצ'ר עד שהוא מספיק בשל כדי להגיע למשתמשים.
יש כלים שדורשים מיומנות גבוהה ונותנים החזר טוב על ההשקעה. זאת למשל סכין השף שאולי יש לכם במטבח: חיתוך אחד לא זהיר ואתם עלולים לאבד אצבע, אבל בעבודה נכונה הבישול יהיה הרבה יותר מהיר.
יש כלים שעוזרים לנו להשתפר. זה המצוף בחוג שחיה שעוזר לתרגל רק תנועות רגליים, או המתקנים בחדר כושר שכל אחד עוזר לאמן שריר מסוים.
ויש כלים שדורשים מיומנות נמוכה לתפעול ומונעים מאיתנו להתקדם. אלה גלגלי העזר באופניים או המצופים בבריכה. הם פותרים לנו בעיה שאם היינו מספיק מיומנים בכלל לא היתה קיימת.
שימו לב לארגז הכלים שלכם: לטווח הארוך רק הסוג הראשון והשני שווים את הזמן שלנו.
אם אנחנו מסתכלים רגע מחוץ לעולם של כיתות לימוד וכל מערכת ההשכלה, קל לראות שלמידה קורית כל הזמן: גם בלי מורים, בלי תלמידים ובלי לוח. תינוקות לומדים ללכת ולדבר, ילדים גדולים יותר לומדים את החוקים החברתיים של העולם שסביבם ומבוגרים לומדים מיומנויות חדשות לבד, מתוך ניסוי וטעיה. התבוננות בלמידה טבעית יכולה ללמד אותנו כמה דברים חדשים שאולי יעזרו לנו ללמוד טוב יותר גם בצורה מכוונת.
בואו נתחיל עם זה - "איך באמת אנחנו לומדים ביום יום?" . אפשר לקחת דוגמה פשוטה מהחיים למשל של לימוד מילה חדשה בשפה:
שלב ראשון הוא חשיפה: אולי נתקלתי במילה חדשה בספר, בסרט, בשיחה עם חברים. איפשהו שמעתי מילה שלא הכרתי.
הרבה פעמים אני אזרוק את זה, אני אחליק את זה שאני לא מכיר מילה ואמשיך הלאה בחיים. אבל לפעמים אני בוחר להתחיל תהליך לימוד - השלב השני בתהליך הוא איסוף מידע: אני יכול לשאול את החברים מה משמעות המילה או לחפש במילון. אולי אני מחפש בכמה מקורות או בגוגל תמונות כדי לראות איך זה נראה. לאט לאט אני אוסף עוד מידע על הדבר החדש שלמדתי.
אחרי שאני יודע מספיק אני ממשיך לשלב השלישי: שימוש ושיפור. אני יכול לפגוש חבר ופתאום לזרוק את המילה החדשה הזאת בשיחה. לפעמים זה יצליח והחבר יבין את הכוונה, לפעמים החבר יתקן את ההגיה שלי ולפעמים החבר יסתכל עליי במבט עקום כי השתמשתי במילה במקום לגמרי לא הגיוני. ככל שאני משתמש יותר במילה, ומקבל יותר פידבק איכותי, כך אני לומד עוד על המשמעות שלה ומטמיע אותה ביכולת הלשונית שלי.
שווה לשים לב ששלושת שלבים אלה משחקים תפקיד בכל תהליך לימוד שנבצע. ככל שנשים לב אליהם ונדע באיזה שלב אנחנו בלימוד יהיה לנו יותר קל להתמיד ולמצוא לעצמנו אמצעי לימוד שמתאימים לאותו השלב.
לכל מתכנת ומתכנתת שאני מכיר יש רשימה מכובדת של טכנולוגיות חדשות שאנחנו רוצים ללמוד (או ללמוד יותר לעומק). זה יכול להיות פיתוח אפליקציות, פיתוח משחקים, למידת מכונה, Kernel, רשתות, האקינג. דבר אחד משותף לכולנו: לכל אחד ואחת יש איזו רשימה בלב. ובגלל אופי העולם ובגלל שכל טכנולוגיה חדשה שלומדים רק עושה חשק ללמוד עוד משהו, הרשימה לעולם לא נגמרת.
חלק מהמתכנתים מסתכלים על הרשימה וחושבים - אני לעולם לא אצליח ללמוד את הכל, וממילא יש לי כל כך הרבה מה לעשות עם הדברים שאני כבר יודע, אז אפשר להשאיר אותה בהקפאה. יום אחד כשיהיה זמן (או כשהבוס ייתן לי זמן לימוד) אני אבחר איזה נושא שם ואלמד אותו יותר לעומק.
ואחרים מסתכלים על הרשימה באופטימיות, עם מחשבה של "איזה כיף שתמיד יש עוד משהו ללמוד", ככה אני יכול להקדיש שעה ביום ללמידה ותמיד יהיה לי משהו מעניין שימלא אותה.
אל תתייאשו ממשימות אינסופיות, כל מה שצריך זה לשנות את נקודת המבט ולהמשיך קדימה.
אני רוצה לפתוח פה מדור חדש בבלוג שנקרא "באג ריפורט" - לא, אני לא הולך לדווח לאף אחד על באגים ומקווה שגם אתם לא תדווחו לי על באגים. הכוונה היא לקחת באג שנתקעתי עליו (או שאתם נתקעתם עליו ושיתפתם אותי) ולפרק אותו כדי שלא נצטרך לעשות שטויות כאלה שוב. והיום בבאג ריפורט - בעיית קונפיגורציה ב haproxy שלקח לי הרבה יותר מדי זמן למצוא.
בשביל לקבל החלטות חכמות צריך להתבסס על נתונים אמינים. הבעיה היא שבכל תחומי החיים וגם במערכות תוכנה נתונים טובים זה הדבר שהכי קשה למצוא. נניח שהעליתם גירסה חדשה ועכשיו לקוחות מתקשרים להתלונן שכלום לא עובד. אנחנו רוצים לדעת:
מה בדיוק לא עובד להם?
החל מאיזו גירסה של הקוד הדבר שהם מנסים לא עבד?
האם יש הודעת שגיאה באחד הלוגים?
האם משהו (חוץ מהקוד) השתנה על השרת?
מה הלקוח רואה אצלו על המכונה?
האם יש הודעות שגיאה ב Browser Console אצל הלקוח?
יש היום אינסוף כלים שאוספים את המידע ומאפשרים גישה מהירה אליו כשצריך אותו. אם אתם לא עכשיו בתוך בעיית פרודקשן, שווה לנצל את הזמן ולהתקין את הכלים שיאפשרו לכם להתגבר על התקלה כשזו תגיע.