בלוג mishmish

כשהחלטתי לבנות את Memory Master, לא ידעתי כמעט כלום על React Native. ידעתי JavaScript, ידעתי HTML ו-CSS, ו... זהו. אבל היה לי רעיון: משחק זיכרון אמוג'י פשוט, נקי, שאפשר להוריד בחינם מ-Google Play.

המפתח לכל הסיפור היה שימוש ב-AI כ"שותף לפיתוח". במקום לשבת שעות על תיעוד של Expo, פשוט שאלתי: "תבנה לי component של לוח משחק זיכרון עם אנימציות הפיכת כרטיסים". קיבלתי קוד עובד תוך דקות.

שלב 1 — הגדרת הפרויקט: התחלתי עם Expo — הכלי שמאפשר לבנות אפליקציות React Native בלי לדאוג לקונפיגורציה מסובכת. פקודה אחת: npx create-expo-app memory-master — ויש לך שלד עובד.

שלב 2 — הלוגיקה של המשחק: משחק זיכרון הוא לכאורה פשוט: יש מערך של כרטיסים, כל כרטיס יש לו זוג, לוחצים על שניים — אם זהים נשארים גלויים, אם לא — מתהפכים חזרה. אבל הפרטים הקטנים הם שהופכים את זה למאתגר: timing של האנימציות, מניעת לחיצה כפולה, שמירת שיאים ב-AsyncStorage.

שלב 3 — פרסום ב-Google Play: זה החלק שהכי הפחיד אותי. צריך חשבון Play Console (25 דולר חד-פעמי), APK חתום, screenshots, תיאור, ומדיניות פרטיות. AI עזר לי לנסח את מדיניות הפרטיות תוך שניות.

הלקח הכי חשוב: AI לא מחליף ידע — אבל הוא מקצר את עקומת הלמידה בצורה דרמטית. במקום שבועות ללמוד React Native מ-scratch, היה לי אפליקציה עובדת בתוך ימים ספורים. כל באג שנתקלתי בו — שאלתי, קיבלתי הסבר, הבנתי למה, והמשכתי.

תוסף כרום (Chrome Extension) הוא פשוט תיקייה עם קבצי HTML, CSS ו-JavaScript שגוגל כרום יכול "לאמץ" ולהפעיל. אין כאן שום מסגרת מיוחדת, אין server, אין Docker — רק קבצים רגילים עם קובץ הגדרות אחד בשם manifest.json.

הקובץ הכי חשוב — manifest.json: זה ה"תעודת הזהות" של התוסף. הוא אומר לכרום: מה שם התוסף, מה הגרסה, אילו הרשאות הוא צריך, ואיזה קבצים להריץ. לדוגמה:

{
  "manifest_version": 3,
  "name": "My First Extension",
  "version": "1.0",
  "permissions": ["activeTab"],
  "content_scripts": [{
    "matches": ["<all_urls>"],
    "js": ["content.js"]
  }]
}

סוגי קבצים בתוסף:

• content.js — רץ בתוך דפי האינטרנט שאתם גולשים בהם. יכול לקרוא ולשנות את ה-DOM.
• background.js — רץ ברקע, ב-"service worker" נפרד. טוב לאירועים כמו לחיצה על האייקון.
• popup.html — הממשק הקטן שנפתח כשלוחצים על האייקון של התוסף.

איך מתקינים תוסף בפיתוח: פותחים כרום, הולכים ל-chrome://extensions, מפעילים "מצב מפתח" (Developer mode), לוחצים "Load unpacked" ובוחרים את התיקייה. זהו.

Video Controller — התוסף שבניתי — עושה בדיוק את זה: content.js שלו רץ בכל דף, מזהה תגי <video>, ומוסיף ממשק שליטה צף מעל הסרטון. מהירות השמעה, קיצורי מקלדת, הכל. כ-200 שורות JavaScript נקי.

פרסום ב-Chrome Web Store: 5 דולר חד-פעמי להרשמה, uploads של ZIP עם כל הקבצים, screenshots, ותיאור. גוגל בודקת את התוסף (לרוב כמה ימים) ואז הוא חי.

בשלוש השנים האחרונות, AI עבר מ"כלי ניסיוני" ל"חלק בלתי נפרד מיום העבודה שלי". הנה 5 כלים שאני משתמש בהם כמעט מדי יום, ולמה כל אחד מהם שווה את הזמן ללמוד:

1. Claude (Anthropic)
Claude הוא עוזר הקוד שאני מוצא הכי שימושי לפרויקטים מורכבים. הוא טוב במיוחד בהסברים — לא רק כותב קוד, אלא מסביר למה הוא כתב אותו כך. כשאני תקוע בבאג מוזר, Claude מוצא לי אותו ב-30 שניות ומסביר מה השתבש.

2. Cursor (עורך קוד עם AI)
Cursor הוא VS Code עם AI מובנה. הכי שימושי: "Tab-complete" חכם שמסיים שורות שלמות, ו-Cmd+K שמאפשר לך לכתוב "refactor this function to use async/await" ולקבל את השינוי ישירות בקוד.

3. Midjourney / DALL-E (עיצוב ויזואלי)
כמפתח שאין לו מעצב, AI לתמונות הציל אותי פעמים רבות. הלוגו של mishmish, האייקון של Memory Master, תמונות לפרויקטים — כולם נוצרו עם AI תוך דקות. Midjourney נותן תוצאות יותר "אמנותיות", DALL-E (של OpenAI) יותר דיוק בפרטים ספציפיים.

4. GitHub Copilot
אם אתם עובדים הרבה בתוך VS Code הרגיל, Copilot הוא השלמה אוטומטית רמה 10. מזהה patterns בקוד שלכם ומציע המשכים רלוונטיים. שימושי במיוחד ל-boilerplate — כשצריך לכתוב 10 functions דומות, הוא כותב 9 מהן אוטומטית.

5. Vercel AI SDK
לא כלי לשימוש ישיר, אלא ספרייה לבנות עם AI. אם אתם רוצים לשלב AI בתוך אפליקציה שאתם בונים — chat bots, תשובות אוטומטיות, עיבוד טקסט — Vercel AI SDK מפשט את הקריאות ל-Claude/GPT/Gemini לשורות קוד בודדות.

המסקנה: AI לא מחליף את הצורך להבין מה אתם בונים. אבל הוא מוריד את ה-friction של כל שלב: פחות זמן על syntax, פחות זמן על דיבאגינג בסיסי, יותר זמן על הדברים שבאמת דורשים חשיבה.

אחת השאלות הנפוצות שאני מקבל מבעלי עסקים קטנים היא: "יש לי דף פייסבוק/אינסטגרם עם 2,000 עוקבים — למה אני צריך אתר?" זאת שאלה מצוינת, ויש לה תשובה ברורה.

סיבה 1 — אתה לא הבעלים של דף הפייסבוק שלך
פייסבוק יכולה להחליט מחר לחסום את הדף שלך, לשנות את האלגוריתם, לגבות כסף על הגעה אורגנית, או פשוט לסגור את השירות. אתה בנית את הנכס הדיגיטלי שלך על קרקע שלא שייכת לך. אתר עצמאי? זה שלך. תמיד.

סיבה 2 — גוגל לא מאנדקס פוסטים בפייסבוק
כשמישהו מחפש "ספר שיער בתל אביב" בגוגל, הוא לא יגיע לדף הפייסבוק שלך. גוגל לא יכולה לסרוק תוכן שנמצא בפלטפורמות סגורות. אתר עם SEO טוב — אתם מופיעים בחיפושים. דף פייסבוק — לא.

סיבה 3 — מקצועיות ואמינות
לקוח שמחפש שירות ב-2025 צופה לראות אתר. זה לא אומר שצריך אתר ב-10 עמודים — גם דף נחיתה אחד עם מידע ברור, תמונות מקצועיות וטופס פניה עושה את העבודה. אתר אומר: "אני רציני בעסק שלי".

סיבה 4 — מדידה ושיפור
עם Google Analytics על האתר שלך, אתה רואה: כמה אנשים ביקרו, מאיפה הגיעו, באיזה דף עצרו, כמה זמן בילו. פייסבוק נותן לך נתונים מוגבלים ורק מה שבא לה. האתר שלך — תמונה מלאה.

כמה עולה אתר פשוט?
אתר דף-נחיתה בסיסי עם Vercel (hosting בחינם) + דומיין (כ-50 ש"ח לשנה) + שעות עבודה של מפתח — אפשר להגיע לפתרון מלא ב-500-1500 ש"ח. ההשקעה מחזירה את עצמה מלקוח אחד שמצא אתכם בגוגל.

כשבניתי את Memory Master, חשבתי שזה "רק משחק". אבל ככל שחקרתי יותר, הבנתי שמשחקי זיכרון מבוססים על מדע מוצק. הנה מה שמחקרים על אימון קוגניטיבי אומרים על הסוגה הזאת.

מה זה בעצם "משחק זיכרון"?
משחק זיכרון (Concentration game) הוא משחק שבו מערכת כרטיסים הפוכים פרושה על שולחן (או מסך). כל שני כרטיסים חולקים תמונה זהה. המשחק: לגלות כרטיס, לזכור את מיקומו, ולמצוא את הזוג שלו. ככל שיש יותר כרטיסים — הלוח גדול יותר והזיכרון נדרש יותר.

זיכרון עבודה (Working Memory)
הכישור המרכזי שמשחקי זיכרון מאמנים הוא "זיכרון עבודה" — היכולת להחזיק מידע זמני בראש ולתפעל אותו. מחקרים מראים שזיכרון עבודה חזק קשור לביצועים אקדמיים, ליכולת פתרון בעיות ולמיקוד כללי.

ריכוז ועיבוד חזותי
כדי לשחק טוב, המוח חייב לעשות שני דברים בו-זמנית: לזכור מיקומים מרחביים (איפה הכרטיס) ולזכור תוכן (מה הכרטיס). זה מפעיל גם את קליפת המוח הקדמית (ריכוז) וגם את האונה הקדקודית (עיבוד מרחבי).

למה אמוג'ים דווקא?
ב-Memory Master בחרתי באמוג'ים כתוכן הכרטיסים לא רק מסיבות עיצוביות. מחקרים על זיכרון חזותי מראים שמוח אנושי זוכר תמונות טוב יותר ממילים (Picture Superiority Effect). אמוג'ים — קטנים, צבעוניים, ומזוהים מיידית — הם הפורמט האידיאלי.

טיפ לשחקנים:
במקום לסרוק את הלוח בצורה אקראית, נסו שיטה: גלו כרטיסים בסדר קבוע (שורה אחרי שורה), וצרו "מפה מנטלית" של הלוח. המוח שלכם טוב יותר בזכירת מיקומים כשיש להם מבנה מרחבי ברור. שיטה זו תשפר את הניקוד שלכם משמעותית.

רוצים לנסות? Memory Master זמין בחינם ל-Android ב-Google Play.