MaPraqti: תובנות על vibe coding בבקשה 🙏

[dovid]

@yossiz כתב בMaPraqti: תובנות על vibe coding בבקשה :

הכלי הזה שבנית מוכיח לי שאתה מוכשר מאוד בתחום עיצוב ממשקים, בלי שום ספק
פעם עולם התכנות היה שייך למי שידע לכתוב קוד. היום המציאות השתנה. אין מה לעשות, אי אפשר להתווכח עם המציאות. אני חושב שעם ארגז הכלים שיש לך אתה יכול לבנות עוד דברים יפים ולכבוש את העולם!

אני חושב שצריך כשרון מעבר לעיצוב ממשקים.
צריך להיות ארכיטקט תוכנה לא קטן, וזה בהחלט לא מצריך קוד בזכות הAI,
(זה נכון שעצם הכנת ממשק ברמה גלובלית, כלומר UX/UI לא נקודתי, מחייב חזון ותכנון, מה שאומר להיות ארכיטקט).
זה מצטרף למה ש@מעלה-ומוריד כתב שהAI לא ארכיטקט, כי הAI הוא מטבעו מין של השלמת משפט. בעוד בפרטים קל להשלים, התכנית הגדולה היא יצירתיות שפחות שייך להשלים בה משפט, אולי זה כמו ההבדל בין להשלים משפט בספר לבין להשלים את קו העלילה שלו.
גם עד היום היו קצת כאלו שעסקו בעיקר בתכנון עילי, ופחות בביצוע, כיום זה מתאפשר יותר (למרות שתמיד יש תחושה שאין כמו לבוא מלמטה, או שיש לנו פה יוצא מן הכלל, או שהכלל שגוי).

[yossiz]

@shraga כתב בMaPraqti: תובנות על vibe coding בבקשה :

@מעלה-ומוריד לא הזכרת מילה על אבטחה. רק מזכיר לך (אם פחות שמת על זה דגש) שחשוב לשים לב לזה.

ברור שצריך להכיר את ההגבלות של AI
אני חושב שהבחירה ב-firebase תעזור פה מאוד ביחס לאבטחה. למרות שעדיין אי אפשר לסמוך וצריך לבדוק היטב שאין פשלות. אבל זה מוריד הרבה קוד מהתוכנה ושם את האחריות כמעט לגמרי על firebase.

[שלומ]

@מעלה-ומוריד איך הוא מתמודד עם בקשות בעברית
האם התכתבת איתו ישירות בעברית או באנגלית ?

@yossiz אני עדיין חושב שיש עדיפות למפתח שמבין איך הלוגיקה עובדת, כאשר מבינים את הלוגיקה אפשר לבקש בצורה יותר ממוקדת
בנוסף כרגע אני לא רואה איך זה יוצר תוכנות יותר מורכבות הדורות אינטגרציה עם תוכנות נוספות בAPI למי שאין לו ידע בקוד כלל, במקרים יותר מורכבים צריך אינטגרציה עם רכיבי קצה ממש שאני לא רואה את זה קורה מהר כ"כ

זה טוב כרגע לדעתי רק לתוכנות עם מינימום אינטגרציה כמו CRM וכו'

[NH.LOCAL]

@שלומ כתב בMaPraqti: תובנות על vibe coding בבקשה :

@מעלה-ומוריד איך הוא מתמודד עם בקשות בעברית
האם התכתבת איתו ישירות בעברית או באנגלית ?

אין היום כמעט שום הבדל באיכות בין התכתבות עם המודל בעברית או באנגלית. ביחוד במודלי חשיבה, שבלאו הכי יוצרים שרשרת מחשבה באנגלית, כך שהתגובה בעברית היא רק חלק קטן ולא משמעותי מיצירת התשובה.

@שלומ כתב בMaPraqti: תובנות על vibe coding בבקשה :

בנוסף כרגע אני לא רואה איך זה יוצר תוכנות יותר מורכבות הדורות אינטגרציה עם תוכנות נוספות בAPI למי שאין לו ידע בקוד כלל, במקרים יותר מורכבים צריך אינטגרציה עם רכיבי קצה ממש שאני לא רואה את זה קורה מהר כ"כ

זה טוב כרגע לדעתי רק לתוכנות עם מינימום אינטגרציה כמו CRM וכו'

מודלי החשיבה בצ'אט GPT, כמו o4 mini ו-o3, יכולים לבצע חיפוש מקיף ומאוד יעיל ברשת, מה שמאפשר להם לשלב בקוד API's, ספריות חיצוניות עדכניות וכו' בצורה מושלמת

[שלומ]

@NH.LOCAL כתב בMaPraqti: תובנות על vibe coding בבקשה :

מודלי החשיבה בצ'אט GPT, כמו o4 mini ו-o3, יכולים לבצע חיפוש מקיף ומאוד יעיל ברשת, מה שמאפשר להם לשלב בקוד API's, ספריות חיצוניות עדכניות וכו' בצורה מושלמת

הכוונה שלי הוא לפלטפורמות שהוזכרו פה כמו lovable
במקרה שאתה מדבר עליו, עדיין צריך ידע בפריסה של הקוד על השרתים והגדרת DB

[NH.LOCAL]

@מעלה-ומוריד כתב בMaPraqti: תובנות על vibe coding בבקשה :

בשביל לבדוק אותו אני צריך להעלות את הקוד לגיטהב, ואני לא רוצה להפוך אותו לציבורי

אפשר להעלות לגיטהאב ולהגדיר את המאגר כפרטי

[nach]

א. שאפו על ה"מערכת", נראית באמת יפה ומושקע, קו נקי ואחיד.
ב. בוודאי שתעלה לגיטאהב רק שתגדיר כפרטי ולא ציבורי, יעזור גם לך לנהל את הקוד שלך (אתה יכול לפרסם גרסה מתוך בראנצ X ולעבוד בינתיים על גרסה חדשה בבראנצ שני ולאחד כשתרצה, מלבד הנושא של גיבוי וכלי דפלוי כמו VERCEL שמתממשקים בקלות עם גיטאהב)
ג. וויב קודינג עדיין מייצר המון המון זבל, ישר כששיתפת את הפרויקט הלכתי לגיטאהב שלך (נראה שהסרת אותו...) וכשראיתי שלושה קבצים עמוסים בכל טוב ארץ מצרים, ידעתי שתצטרך עוד מעט לשכתב את הכל מאפס.
כמו שאמרת וויב קודינג הוא כלי מושלם לאנשים שיודעים לעבוד איתו, אבל הוא יצטרך לעבור המון דיוק בשנים הקרובות כמו למשל לבדוק את עצמו מול האמת ומול הכלים הנכונים להשתמש בהם.
אפילו עכשיו כשאתה משכתב את המערכת, אתה יודע בכלל שיש כלים חדשים יותר עבור ריאקט? כמו NEXTJS או דברים דומים שבנויים על תשתית של ריאקט או VUE ומפשטים תהליכים וקוד וSEO ועוד הרבה דברים וריאקט עצמו לבד (עם VITE...) כבר הרבה פחות שימושית בתעשיה! הרי הוא לא יגיד לך את זה, אתה תגלה את זה עוד חודשיים כשתרצה קידום בגוגל או שתרצה מערכת ניתוב קלה יותר או מבוססת משתמשים ועוד כל מיני דברים שברור שאפשרי בריאקט הרגיל ג"כ אבל הם פי אלף קלים להגדרה עם מטה פריימוורקס, הוא לא יגיד לך את זה עד שתשאל אותו "האם מומלץ לי X או Y".
זאת אומרת שהוויב קודינג לגמרי לא מחליף את הידע המקצועי (אולי זו משאלת לב..?)
הוא כן מיועד ל: ממשק ראשוני לצורך תכנון מערכת ובדיקת אפשרויות, או לאנשים שמבינים בתוכנה (לאו דווקא כותבי קוד גדולים), בקיצור: כפי שאמר לי פעם @יהודי-טוב "הAI לא יחליף אותנו כמתכנת אבל המתכנת שיודע להשתמש טוב בAI הוא זה שעלול להחליף..."
בהצלחה..!

[yossiz]

@nach כתב בMaPraqti: תובנות על vibe coding בבקשה :

כמו NEXTJS או דברים דומים

א. ברור שככל שאדם יכיר יותר תכנות הוא ישתמש ב-AI בצורה יותר יעילה
ב. במקרה הזה אני לא חושב ש-nextjs יוסיף הרבה ערך. האם אני טועה?

נראה שאנשים הבינו אותי בצורה לא נכונה שאני ממליץ לבנות דברים בוייב קודינג בלי לדעת תכנות. לא המלצתי על זה, וברור שככל שיש לך יותר ידע, כך תוכל למנף את ה-AI בצורה יותר טובה, רק התלהבתי מזה שהיום גם מי שלא יודע יכול להגיע להשיגים מאוד יפים

[dovid]

@nach כתב בMaPraqti: תובנות על vibe coding בבקשה :

אפילו עכשיו כשאתה משכתב את המערכת, אתה יודע בכלל שיש כלים חדשים יותר עבור ריאקט? כמו NEXTJS או דברים דומים שבנויים על תשתית של ריאקט או VUE ומפשטים תהליכים וקוד וSEO ועוד הרבה דברים וריאקט עצמו לבד (עם VITE...) כבר הרבה פחות שימושית בתעשיה! הרי הוא לא יגיד לך את זה, אתה תגלה את זה עוד חודשיים כשתרצה קידום בגוגל או שתרצה מערכת ניתוב קלה יותר או מבוססת משתמשים ועוד כל מיני דברים שברור שאפשרי בריאקט הרגיל ג"כ אבל הם פי אלף קלים להגדרה עם מטה פריימוורקס, הוא לא יגיד לך את זה עד שתשאל אותו "האם מומלץ לי X או Y".

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

זאת אומרת שהוויב קודינג לגמרי לא מחליף את הידע המקצועי (אולי זו משאלת לב..?)

פותח הנושא הוא @yossiz, אם כבר משאלת ליבו הפוכה (כמו שלך?).

[אף אחד 3]

אני יכתוב כאן את נקודת המבט שלי על כלי ה vibe coding השונים
אחרי שהתנסיתי כמעט בכולם (base44, lovable, replit, kiro, claude code, firebase studio, gemini cli, codex ועוד ועוד ועוד...) בשימוש יומיומי אני חושב שאם יודעים איך לעבוד איתם נכון - צעדים קטנים מאוד להבין טוב את הבעיות שנוצרות לפני שמבקשים מהם לפתור אותם וכו' (הכלים האלו ממש טובים בלבנות ולתקן בעיות אבל ממש גרועים בלאבחן אותם)
זאת ממש תורה שלמה
הנושא שלדעתי עדיין ממש חסר בכלים האלו הוא עיצוב UI שבזה לדעתי אין תחליף לבן אדם שיש לו חוש לעיצוב (ובאמת פלא איך האפליקציה של @מעלה-ומוריד כל כך מרשימה מבחינה עיצובית)
גם ניסיונות לייבא מ figma עיצובים לא ממש עזרו
בקיצור שינוי ענק בלוגיקה אפשר לעשות עם פרומפט אחד תוך כמה דקות אבל שינוי הכי קטן בממשק - לפעמים אפילו שינוי צבע של כפתור יכול לקחת כמה שעות וכאב ראש לא נורמלי

דבר נוסף - אל תנסו לכתוב אלגוריתמים מורכבים עם המודלים האלו - גם הכי מתקדמים כמו claude opus 4 הם נוטים לכתוב קוד שנראה ממש טוב ומתוחכם וכל בינה אחרת תהלל אותו גם אם תבקשו ממנה להיות ביקורתית אבל בפועל לא ממש עושה משהו או לא בכיוון

אגב, מצאתי ל gemini cli שימוש ממש יעיל
המחשב שלי ממש מבולגן עם כל מיני פרוייקטים שהתחלתי ולא סיימתי ועוד המון זבל כזה שאני מאמין שנמצא אצל הרבה אנשים שאוהבים לפתח כל מיני דברים קטנים ועם כמה פרומפטים gemini ארגן לי את הכל (כמובן שחשוב לגבות לפני זה ולבדוק אחר כך אבל זה חסך לי שעות של עבודה)

ועוד מסקנה שלמדתי אחרי שהוצאתי די הרבה כסף: אל תשלמו לכלי ה vibe coding האלו אפילו לא שקל
אין צורך ביותר מ gemini-cli ובמקסימום אפשר לעשות מנוי ל claude ולהשתמש ב claude code - הוא יעשה לכם עבודה טובה יותר מ base44 ודומיו
אם צריכים עיצוב UI שבזה base44 חזק יותר אפשר ליצור שלד ב lovable ולייצא ל github בחינם (או ב replit או firebase studio להוריד zip) או פשוט לתת להם לינק לעיצוב בפיגמה

סליחה על הפוסט המבולגן
שמחתי לתת את השנקל שלי

[י.פל.]

אני די מתפלא, שאיש לא הזכיר כאן את KIRO... הוא כלי הוויב-קודיניג היחיד שמשתמש [בחינם!] עם קלוד!

[אף אחד 3]

@י.פל. כתב בMaPraqti: תובנות על vibe coding בבקשה :

אני די מתפלא, שאיש לא הזכיר כאן את KIRO... הוא כלי הוויב-קודיניג היחיד שמשתמש [בחינם!] עם קלוד!

כתב בMaPraqti: תובנות על vibe coding בבקשה :

kiro

בינתיים זה רק לתקופת ההרצה ונכון לעכשיו צריך להירשם ברשימת ההמתנה שלהם

[אף אחד 3]

פוסט זה נמחק!

[י.פל.]

@אף-אחד-3 כתב בMaPraqti: תובנות על vibe coding בבקשה :

@י.פל. כתב בMaPraqti: תובנות על vibe coding בבקשה :

אני די מתפלא, שאיש לא הזכיר כאן את KIRO... הוא כלי הוויב-קודיניג היחיד שמשתמש [בחינם!] עם קלוד!

כתב בMaPraqti: תובנות על vibe coding בבקשה :

kiro

בינתיים זה רק לתקופת ההרצה ונכון לעכשיו צריך להירשם ברשימת ההמתנה שלהם

למיטב ידיעתי ההמתנה היא רק להורדת קובץ ההתקנה, ואם תשיג אותו תוכל להתחבר כרגיל, אם כי יש שטענו אחרת.
בתקופת ההמתנה הקודמת היה לי את הEXE, והתחברתי ללא בעיות [חוץ משל נטפרי...].

[shraga]

@י.פל. כתב בMaPraqti: תובנות על vibe coding בבקשה :

למיטב ידיעתי ההמתנה היא רק להורדת קובץ ההתקנה, ואם תשיג אותו תוכל להתחבר כרגיל,

לא נראה כך, כי הלינק להורדה חשוף לחלוטין באתר שלהם
https://kiro.dev/downloads/

[אף אחד 3]

@י.פל. כתב בMaPraqti: תובנות על vibe coding בבקשה :

@אף-אחד-3 כתב בMaPraqti: תובנות על vibe coding בבקשה :

@י.פל. כתב בMaPraqti: תובנות על vibe coding בבקשה :

אני די מתפלא, שאיש לא הזכיר כאן את KIRO... הוא כלי הוויב-קודיניג היחיד שמשתמש [בחינם!] עם קלוד!

כתב בMaPraqti: תובנות על vibe coding בבקשה :

kiro

בינתיים זה רק לתקופת ההרצה ונכון לעכשיו צריך להירשם ברשימת ההמתנה שלהם

למיטב ידיעתי ההמתנה היא רק להורדת קובץ ההתקנה, ואם תשיג אותו תוכל להתחבר כרגיל, אם כי יש שטענו אחרת.
בתקופת ההמתנה הקודמת היה לי את הEXE, והתחברתי ללא בעיות [חוץ משל נטפרי...].

פעם זה היה ככה היום זה כמו שכתבתי

[י.פל.]

@shraga כתב בMaPraqti: תובנות על vibe coding בבקשה :

@י.פל. כתב בMaPraqti: תובנות על vibe coding בבקשה :

למיטב ידיעתי ההמתנה היא רק להורדת קובץ ההתקנה, ואם תשיג אותו תוכל להתחבר כרגיל,

לא נראה כך, כי הלינק להורדה חשוף לחלוטין באתר שלהם
https://kiro.dev/downloads/

זה לא לינק הורדה, זה עמוד רגיל.

[shraga]

@י.פל. כתב בMaPraqti: תובנות על vibe coding בבקשה :

@shraga כתב בMaPraqti: תובנות על vibe coding בבקשה :

@י.פל. כתב בMaPraqti: תובנות על vibe coding בבקשה :

למיטב ידיעתי ההמתנה היא רק להורדת קובץ ההתקנה, ואם תשיג אותו תוכל להתחבר כרגיל,

לא נראה כך, כי הלינק להורדה חשוף לחלוטין באתר שלהם
https://kiro.dev/downloads/

זה לא לינק הורדה, זה עמוד רגיל.

זה כבר מתחיל לחרוג מהנושא המקורי, יש את הלחצן הזה

שלחיצה עליו מורידה קובץ exe גם למי שלא נמצא ברשימה לבנה.

[מעלה ומוריד]

@nach כתב בMaPraqti: תובנות על vibe coding בבקשה :

א. שאפו על ה"מערכת", נראית באמת יפה ומושקע, קו נקי ואחיד.
ב. בוודאי שתעלה לגיטאהב רק שתגדיר כפרטי ולא ציבורי, יעזור גם לך לנהל את הקוד שלך (אתה יכול לפרסם גרסה מתוך בראנצ X ולעבוד בינתיים על גרסה חדשה בבראנצ שני ולאחד כשתרצה, מלבד הנושא של גיבוי וכלי דפלוי כמו VERCEL שמתממשקים בקלות עם גיטאהב)
ג. וויב קודינג עדיין מייצר המון המון זבל, ישר כששיתפת את הפרויקט הלכתי לגיטאהב שלך (נראה שהסרת אותו...) וכשראיתי שלושה קבצים עמוסים בכל טוב ארץ מצרים, ידעתי שתצטרך עוד מעט לשכתב את הכל מאפס.
כמו שאמרת וויב קודינג הוא כלי מושלם לאנשים שיודעים לעבוד איתו, אבל הוא יצטרך לעבור המון דיוק בשנים הקרובות כמו למשל לבדוק את עצמו מול האמת ומול הכלים הנכונים להשתמש בהם.
אפילו עכשיו כשאתה משכתב את המערכת, אתה יודע בכלל שיש כלים חדשים יותר עבור ריאקט? כמו NEXTJS או דברים דומים שבנויים על תשתית של ריאקט או VUE ומפשטים תהליכים וקוד וSEO ועוד הרבה דברים וריאקט עצמו לבד (עם VITE...) כבר הרבה פחות שימושית בתעשיה! הרי הוא לא יגיד לך את זה, אתה תגלה את זה עוד חודשיים כשתרצה קידום בגוגל או שתרצה מערכת ניתוב קלה יותר או מבוססת משתמשים ועוד כל מיני דברים שברור שאפשרי בריאקט הרגיל ג"כ אבל הם פי אלף קלים להגדרה עם מטה פריימוורקס, הוא לא יגיד לך את זה עד שתשאל אותו "האם מומלץ לי X או Y".
זאת אומרת שהוויב קודינג לגמרי לא מחליף את הידע המקצועי (אולי זו משאלת לב..?)
הוא כן מיועד ל: ממשק ראשוני לצורך תכנון מערכת ובדיקת אפשרויות, או לאנשים שמבינים בתוכנה (לאו דווקא כותבי קוד גדולים), בקיצור: כפי שאמר לי פעם @יהודי-טוב "הAI לא יחליף אותנו כמתכנת אבל המתכנת שיודע להשתמש טוב בAI הוא זה שעלול להחליף..."
בהצלחה..!

את העצות על גיט יישמתי מיד. לומדים עם הדרך.

איך שאני מבין נקסט.js פחות נוגע לאפליקציה שבכלל לא חשופה למנועים, אם אני מבין נכון [נהג חדש] ההבדל הוא בין CSR שזה דרך הפעולה של התוכנה שלי כרגע, שכל קוד האפליקציה נשלח לדפדפן, והוא מרכיב את הדף. לבין SSR שמרכיב את הדף בשרת ושולח HTML מוכן. זו אכן הדרך הנכונה לאתרים שצריכים טעינה ראשונית מהירה וקידום SEO, כשאבנה אתר עם תוכן רוחבי בשביל הקידום זו בהחלט תהיה צעד נכון עבורי.

[מעלה ומוריד]

@אף-אחד-3 כתב בMaPraqti: תובנות על vibe coding בבקשה :

הנושא שלדעתי עדיין ממש חסר בכלים האלו הוא עיצוב UI שבזה לדעתי אין תחליף לבן אדם שיש לו חוש לעיצוב (ובאמת פלא איך האפליקציה של @מעלה-ומוריד כל כך מרשימה מבחינה עיצובית)

זה לא קרה מאליו זה עבר הרבה גלגולים עד לתוצאה של עכשיו, ועדיין כנראה לא סופי.

@אף-אחד-3 כתב בMaPraqti: תובנות על vibe coding בבקשה :

בקיצור שינוי ענק בלוגיקה אפשר לעשות עם פרומפט אחד תוך כמה דקות אבל שינוי הכי קטן בממשק - לפעמים אפילו שינוי צבע של כפתור יכול לקחת כמה שעות וכאב ראש לא נורמלי

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