אם הייתי אומר לכם שאתם יכולים להעסיק מתכנת במשרה מלאה, שזמין לכם בכל רגע, שולט בקוד בצורה כמעט מושלמת ואתם אפילו לא צריכים לשלם לו משכורת- כנראה שהייתם חושבים שאני משוגע. אבל בעולם שאנחנו חיים בו זה לגמרי אפשרי, באמצעות כמובן- בינה מלאכותית.
היום אני רוצה להציג לכם כלי חדש שאני משתמש בו כבר מספר שבועות, הוא עזר לי לכתוב עשרות שורות קוד שחסכו לי המון זמן, אנרגיה וכמובן כסף. הכלי שאני מדבר עליו נקרא ״למון שליף״ LEMON SHILF. כן כן שליף, כמו הפתק הקטן שהייתם מכינים לפני מבחנים : )
מה זה למון שליף?
את ChatGPT אני בטוח שאתם כבר מכירים. לא הרבה יודעים, אבל בתוך ChatGPT יש ספריית GPTs. בספרייה הזאת יש כל מיני ״גרסאות״ של ChatGPT, שכל גרסא כזאת מותאמת לצרכים ספציפיים ויודעת לתת מענה לצורך מסוים. ככה בדיוק נולד LEMON SHILF.
למון שליף הוא גרסה מותאמת אישית של ChatGPT, הוא נבנה בצורה מכוונת ומדויקת עבור הצרכים שלנו כבוני אתרים עם אלמנטור.
ככה נראית ספריית הGPTs של ChatGPT:
היתרונות של LEMON SHLIF
למון שליף הוא כלי A.I שכותב קוד לאלמנטור. אלה חלק מהיתרונות שלו:
- הוא נותן קטעי קוד ברורים ותשובות מדויקות עבור אלמנטור.
- כלי שהוא כמו מפתח במשרה מלאה שיושב לידכם וזמין 24/7.
- הושק עבור קהילת למון, אתם מקבלים גישה בלעדית לכלי שיקפיץ את היכולות שלכם.
ככה זה נראה:
רגע, אבל איך LEMON SHLIF שונה מChatGPT הרגיל?
ChatGPT הוא כלי מעולה, אבל הוא לא מותאם ספציפית לנו כבוני אתרים באלמנטור.
היתרון של למון שליף הוא במיקוד- הוא נועד עבור כתיבת קוד CSS / JS / PHP עבור וורדפרס ואמלנטור.
בהמשך הפוסט אראה מספר דוגמאות להבדלים בין ChatGPT הרגיל, לבין למון שליף.
כמה עולה להשתמש בלמון שליף?
בגדול- הכלי חינמי לשימוש חופשי שלכם.
בקטן- צריך שיהיה לכם מנוי ChatGPT Plus כדי שתוכלו לגשת ללמון שליף.
כן אני יודע, קצת מבאס, אבל אלו מכם שיש להם מנוי לChatGPT יוכלו להנות ממנו עוד היום (אגב- ממליץ מאוד על מנוי פרימיום לChatGPT, אני נעזר בו ברמה היומ-יומית וזה לגמרי שווה את ההשקעה).
דוגמאות להבדלים בין ChatGPT ל-למון שליף
דוגמה ראשונה- כתיבת CSS
בוא נקח מקרה פשוט לצורך ההדגמה- אני רוצה להוסיף אנימציית קפיצה קבועה (bounce) לאלמנט בעמוד. ננסה להיות עצלנים ולכתוב לChatGPT הרגיל ״Add bounce animation״, בלי להסביר מעבר לזה כלום.
כמו שאתם רואים, בלי פרטים נוספים הוא לא ידע מה אני רוצה ממנו. בכוונה אני לוקח דוגמה שהייתי מאוד ״קמצן״ בהסבר שנתתי לו, כדי להמחיש בצורה טובה יותר את ההבדל.
עכשיו בואו נראה איך למון שליף מתמודד עם אותה הבקשה:
כמו שאתם רואים, תוך שניות קיבלתי קוד CSS שעושה בדיוק את מה שרציתי, נשאר לי רק להדביק אותו בcustom CSS של אותו אלמנט, וקיבלתי אנימציה בדיוק כמו שרציתי.
אגב, לאלו מכם שמכירים קצת CSS- שימו לב שלמון שליף מחזיר תשובה עם המילה ״selector״. סלקטור זאת מילה שקיימת רק בתוך אלמנטור (היא לא חלק מכתיבת CSS רגילה) והמשמעות שלה היא: תחיל את העיצוב על האלמנט הנוכחי. זאת דוגמה מצוינת לכך שלמון שליף מכיר את הניואנסים של אלמנטור ובכך מקצר לנו את העבודה.
דוגמה נוספת- כתיבת Javascript
הפעם בואו ננסה לבקש את הדבר הבא:
״צור קוד שבבלחיצה על כפתור עם קלאס ״bg-change-color״ ישנה את הרקע של העמוד לצהוב״
(בכוונה אני רושם בעברית כדי להראות לכם שגם אם אתם פחות מרגישים בנוח עם כתיבה באנגלית- זה יעבוד גם אם תכתבו בעברית פשוטה.)
התשובה של ChatGPT:
כמו שאתם רואים הוא נתן תשובה ארוכה ומסורבלת (שאפילו לא נכנסה כולה בצילום למעלה). מה גם שבמקרה שלנו אנחנו עובדים עם אלמנטור אז אין לנו צורך בקוד HTML מלא.
בואו נראה מה למון שליף חושב על הבקשה הזאת-
הפעם קיבלנו בדיוק את הקוד שיעשה את מה שביקשנו. נשאר לנו רק להכניס אותו לעמוד הרצוי. אפשר לעשות את זה ע״י גרירת וידג׳ט HTML ובתוכו להכניס את הקוד שקיבלנו. חשוב לזכור להוסיף תגית <script> לפני הקוד, ו-</script> לאחר הקוד.
לאלו מכם שיש להם רקע בקוד, הנה כמה יתרונות בקוד שקיבלנו:
- הוספת ״הערה״ לפני הקוד– כדי לשמור על קוד האתר שלנו מסודר וקריא הכלי מוסיף אוטומטית הערה בתחילת הקוד (השורה שמתחילה ב״//״ ) שמתארת את מטרת הקוד.
- שימוש בjQuery – הקוד עושה שימוש בספריית jQuery שכבר קיימת באתרי וורדפרס, מה שמאפשר לכתוב קוד קצר ויעיל יותר.
- בדיקה שהעמוד נטען – הקוד עטוף ב״jQuery(document).ready(function($)״ כדי לוודא שהעמוד נטען לפני שהקוד רץ. זה מונע שגיאות ובעיות עם הקוד.
האם צריך לדעת קוד כדי להשתמש בLEMON SHLIF?
בתכלס- לא חייב, זה מה שמדהים בבינה מלאכותית.
עם זאת, בהרבה מקרים זה כן יעזור להבין עקרונות של קוד, מבנה HTML, איך עובד CSS ועוד.
אבל גם אם אתם לא יודעים, אל תתנו לזה להפחיד אתכם. כל דבר שלא ברור לכם אפשר לשאול את ג׳פטו ולבקש שילמד אותנו ויסביר את הנושא.
לסיכום- הטיפים שיעזרו לכם לכתוב קוד עם בינה מלאכותית
הנה כמה טיפים שיעזרו לכם לכתוב קוד מעולה עם בינה מלאכותית:
- ביסים קטנים- אם יש לכם משימה מורכבת, נסו לחלק אותה לתתי משימות. תתחילו מהתת-משימה הראשונה ותתקדמו משם בהדרגה.
- תנו לו פידבק- כמו בתחילת הפוסט, אני רוצה שתתייחסו לכלי ממש כמו אל עובד שלכם. זה אומר שאם נתתם לו משימה והוא לא הבין אתכם נכון, לא צריך לוותר ולזרוק את המחשב מהחלון 🙂 אפשר לתקן אותו ולהסביר מה בדיוק התכוונתם. בנוסף אם לדוגמה הוא נתן לכם קוד מסוים, והקוד לא עובד או שהקוד מחזיר שגיאה- תארו לבינה המלאכותית מה קרה ותבקשו עזרה בפתרון הבעיה.
- אנגלית פשוטה- אפשר לכתוב לבינה המלאכותית בעברית, אבל ברוב המקרים ההמלצה שלי היא לכתוב באנגלית פשוטה, מהניסיון שלי זה לרוב יעבוד יותר טוב. למה אני אומר אנגלית פשוטה? כי גם אם אתם לא מרגישים בנוח לכתוב באנגלית, זה בסדר גמור- הוא יבין אתכם גם עם שגיאות כתיב ואנגלית חצי-כוח, לכן אין צורך להתאמץ לשבור שיניים/מקלדת עם אנגלית גבוהה, חבל על הזמן שלכם.
בואו נגיע לתכלס- איך אתם מקבלים גישה בחינם ללמון שליף
כאמור הגישה ללמון שליף חינמית לחלוטין (מלבד העובדה שנדרש מנוי לChatGPT Plus).
כל קוד שתיצרו עם הכלי הוא שלכם, כמובן אין לי גישה לשיחות שלכם איתו.
אבל תהיו חברים- אם השתמשתם בו ויצרת קודים מעניינים, דברו איתי כדי שנשתף אותם כאן לטובת כולנו 🙂
וגם אם יש לכם הצעות לשיפור, אתם מוזמנים לכתוב כאן בתגובות.
בהצלחה!
6 תגובות
מדהים!
איזה אלוף אתה כפיר. תודה רבה! בטוח שאשתמש.
וואו! נראה מדהים
נייס 🙂
גאון אתה! תודה! 😲🙌
אמנם אני לא משתמש ב ChatGPT בתשלום אבל זה לגמרי גורם לי לחשוב שכדאי!
האמת, אולי אפשר לעשות פינה באתר של שליפים שאנשים ישתפו בקלילות (אולי תוסיף איזה CTA בסוף כל שיחה עם בן אדם אם עבד לו טוב – שיכניס את הקוד למאגר השליפים באתר כאן)
היי , יכול להיות שזה ירד מהחנות?