שלום,
נראה שכבר הכרתם את אאוריקה. בטח כבר גיליתם כאן דברים מדהימים, אולי כבר שאלתם שאלות וקיבלתם תשובות טובות.
נשמח לראות משהו מכם בספר האורחים שלנו: איזו מילה טובה, חוות דעת, עצה חכמה לשיפור או כל מה שיש לכם לספר לנו על אאוריקה, כפי שאתם חווים אותה.
»
«
איך מפתחים אפליקציות עם AI?
פיתוח כלים ואפליקציות בעזרת AI הפכה כבר מזמן לעובדה קיימת ומאיצה פיתוחים. יש כלים רבים המתחרים על משתמשים ומפתחים ברמות שונות, ממתחילים גמורים ועד מתכנתים מנוסים ומהנדסי תוכנה שהקידוד משתנה להם במהירות והם מתרגלים לכך שחלק גדול מהקוד שלהם יכול להכתב באמצעות סוכני AI מקודדים או הרחבות של VS-code כמו קופיילוט וקרסר.
Google Firebase Studio היא סביבת פיתוח בענן שמאפשרת ליצור, לבדוק ולפרוס אפליקציות מלאות בקלות ובמהירות, ישירות מהדפדפן. היא מוגדרת כסביבת "פול סטאק", כלומר גם פרונט-אנד (צד המשתמש) וגם בק-אנד (צד שרת - מה שעובד ברקע ומאפשר את התפקוד המתוחכם יותר של המערכות המקוונות).
Firebase Studio היא סביבת פיתוח מבוססת ענן סוכנית המסייעת לך לבנות ולשלוח אפליקציות AI מלאות באיכות ייצור, כולל ממשקי API, בק אנד, פרונט אנד, מובייל ועוד.
Firebase Studio מאחדת את Project IDX עם סוכני AI ייעודיים וסיוע מ-Gemini ב-Firebase, זאת כדי לספק סביבת עבודה שיתופית ונגישה מכל מקום, המכילה את כל מה שאתה צריך כדי לפתח אפליקציה. אתה יכול לייבא את הפרויקטים הקיימים שלך או להתחיל משהו חדש עם תבניות התומכות במגוון שפות ומסגרות.
מה נכלל בו? - ביחד עם צד-שרת, צד-לקוח ומובייל, יש גם API, שילוב בכלי של עוזר בינה מלאכותית (Gemini), תבניות מוכנות, תמיכה במגוון שפות ואפשרויות פיתוח ומסגרות ואינטגרציה עמוקה עם שירותי Firebase ו-Google Cloud.
היתרונות המרכזיים של Firebase Studio לעומת המתחרים:
- פיתוח מהיר גם ללא קוד, בזכות עוזר AI שמסייע בכתיבת קוד, תיקון באגים, בדיקות ותיעוד.
- סביבת עבודה אחידה בענן, עם כלים מובנים לאמולציה, בדיקות ופריסה ישירה.
- אינטגרציה מלאה עם שירותי Firebase (כמו Auth, Firestore, Hosting) ותמיכה בניהול נתונים ויזואלי.
- אפשרות להתחיל מפרויקטים קיימים או מתבניות מגוונות, עם שיתוף פעולה וניהול צוותים קל.
- מתאים גם למפתחים וגם למשתמשים ללא רקע תכנותי, בזכות ממשק ויזואלי וסוכן פרוטוטייפינג.
בקצרה: Firebase Studio מאיץ פיתוח אפליקציות ומפשט את כל שלבי העבודה, עם יתרון ברור בשילוב AI, ניהול בענן ואינטגרציה לשירותי Google.
#השימוש:
בשלב הראשון מעצבים את ה-UI של האפליקציה או האתר שרוצים לפתח. עושים את זה באמצעות Google Stitch שזה בדיוק מה שהיא עושה, באמצעות פרומפט פשוט טבמהירות רבה.
עכשיו על Firebase Studio עושים הרשמה ואז על כפתור Start שמימין למעלה, תצטרכו לאשר כמה דברים, במיוחד שאתם מסכימים לתנאים.
במסך העבודה תראו שדה מרכזי לכתיבת הפרומפט שלכם. אפשר לטעון ב-upload את תמונות המסך שיצרנו ב-Stitch.
מתחת לשדה הפרומפט יש שורה של סביבות פיתוח ושפות תכנות שאפשר לבחור ולייבא פרויקט מהגיטהאב שלכם, קוד קיים שתרצו לעבוד עליו, ביחד עם כלי ה-AI שיש כאן.
בצד ימין של שדה ה-URL יש לכם אייקון של מסך קטן (ליד הכוכב וזכוכית המגדלת). לחצו עליו והוא יתקין לכם את FIrebase Studio כתוכנה על המחשב, במקום לעבוד עליו בדפדפן. אם וכשעובדים עליו, יש לו את מה שצריך ובתפריט ה-3 נקודות יש פקודות הכרחיות, כמו להעתיק לינק ועוד.
בתחתית שדה הפרומפט יש כמה רעיונות להתנסות, כמו מחשבון וכדומה. לחיצה על אחד מהם תרחיב את הפרומפט לאיפיון של ממש. כך מסייעת המקצוענות של ה-AI לייצר לנו מהרעיון הפשוט את התכנית,האפיון שנוכל לפתח ממנו את האבטיפוס (Prototype), ההגדרות המקצועיות לפיתוח של מוצר ראשוני טוב. בחרו את אחד מהם, ראו איך הפרומפט שלו הופך לתכנית או האפיון וגם לו אפשר להוסיף הנחיות בפרומפט, עם תוספות, תיקונים ודיוקים.
כשהתכנית מוכנה, לוחצים על כפתור Prototype ורואים כיצד הוא מייצר את הקוד ומעלה בחלון הצד את האפליקציה. עכשיו אפשר לשפר ולפתח באמצעות המשך הדיאלוג, באמצעות פרומפטים (בצד ימין) לפיירבייס סטודיו.
מעל ה preview של מה שהוא בנה לכם יש אייקון קטנטן של עריכה, מתוך שלישיית אייקונים קטנים. אם תבחרו בו, תוכלו לכתוב פרומפטים ותיקונים לכל רכיב באתר ולשפר ולדייק אותו.
אגב, ליד האייקון הזה יש אייקון של לינק. לחיצה עליו תציג QR code שיעלה לכם את האפליקציה או האתר שיצרתם להפעלה בטלפון.
שימו לב שבצד יש לכם גם כפתור של "Edit the code". ואכן, אפשר להיכנס לכאן ולערוך בשפת התכנות את הקוד עצמו.
למטה יש לכם גם כפתור של Anotate שמאפשר להוסיף הערות עם חיצים לאובייקטים על המסך והם יתוקנו.
כדי לחזור למסך הראשי עם שדה הפרומפט הנקי, לחצו למעלה על "Firebase Studio". תחזרו לחלון הראשון, אבל שימו לב שיש לכם את הפרויקט ש"יצרתם" מימין לשדה הפרומפט. הוא נמצא באזור העבודה שלכם "My workspaces". תמיד תוכלו לחזור ולעבוד עליו או על יצירות אחרות שיהיו לכם. בתפריט ה-3 נקודות שלו אפשר למחוק אותו (ייפתח חלון ויש לרשום delete ולבצע), לשנות את שמו, לשתף עם אחרים ועוד.
#עבודה בשפת תכנות ספציפית
אם רוצים לפתח בשפה או סביבה מסוימת, למשל ב-React, בוחרים אותה בשורת השפות, ייפתח לכם חלון Workspace חדש שתגדירו ואתם מתחילים לעבוד בה, בצורה דומה לקודם (יש מגבלה כי גוגל נותנים רק 3 וורקספייסס חינם, אך ניתן למחוק את הקודמים ולפנות מקום לחדשים).
דבר נהדר הוא ללחוץ משמאל לשורת האפשרויות על "New Workspace" ולקבל אפשרויות של קטגוריות תוכנה והוא יציע אילו שפות מתאימות לזו שבחרתם. זה יקל מאוד את ההחלטות לגבי הסביבה של בניית האפליקציה החדשה שלכם. יש שם Web, Mobile, Database ועוד.
אם בוחרים React למשל, אז נותנים שם לפיתוח החדש, בוחרים TypeScript והוא מקים את סביבת העבודה, מאתחל את הסביבה ומייצר במהירות את מה שצריך בסביבה שמזכירה את סביבות הפיתוח המקצועיות (IDEs) כמו VScode.
כותבים את הפרומפט שרוצים. אפשר לבקש את סוג ומהות האפליקציה או האתר ואז את דרישות העיצוב, כמו:
I want to include subtle animations, nice colors and UI elements to make it attractive. Make sure the website is responsive, modern, sleek looking and minimalistic
בצד שמאל יש לנו את.......
שמאלי תחתון אלה אינטגרציות שאפשר עם מוצרי גוגל.
הכירו את פיירבייס סטודיו:
https://youtu.be/A6KZKH7Dga0
מדריך למתחילים בוויב קודינג:
https://youtu.be/pQMOzQHZWrE?long=yes
הדרך הכי קלה לעבוד איתו:
https://youtu.be/ru8XPZbumNo?long=yes
היכרות למפתחים שסאו מ-Cursor:
https://youtu.be/bnNXIUdqnt0?long=yes
פיתוח בפיירבייס סטודיו של גוגל (עד 2:51):
https://youtu.be/Rd6F5wHIysM?long=yes
הדרכה להתחברות לדטבייס:
https://youtu.be/C2P707v_gig?long=yes
פיצ'רים נהדרים בו:
https://youtu.be/-A3QkftCCPw?long=yes
איך מתכנתים בכלי וייב קודינג ללא מתכנתים?
כלי וייב קודינג (Vibe Coding), כמו Lovable או Base44, הם כלים מבוססי AI, ידידותיים ללא מתכנתים, נוחים ופשוטים לבניית אפליקציות ואתרים, שלא מחייבים ידע בקוד או בתכנות.
בניגוד לכלים כמו Windsurf או Cursor, שהם forks של VSCode ובעצם עובדים על IDE למתכנתים, בייס44 ולאבאבל יותר מתאימים למי שלא מתכנתים ביום יום שלהם ועדיין רוצים לפתח מוצרים שחלמו עליהם זמן רב. הם יהפכו רעיונות ליישומים פונקציונליים לחלוטין - ללא שורת קוד אחת.
ב-Base44 יש לכם תיבת פרומפט פשוטה, שבתוכה תוכלו לכתוב בפשטות את הרעיון שלכם ולצפות כיתד הוא מפותח בשבילכם. ככל שתדייקו ותנסחו לפרטי פרטים, בכל שפה שתרגישו שנכונה לכם, הוא יפתח כלי שיהיה יותר מדויק ותואם לחזון שלכם.
רושמים, לוחצים על הפעלה ו-Base44 המחומש בהרבה AI, ייתן עבודה מאחורי הקלעים ותוך זמן לא ארוך תראו את החלום מתממש. בפרומפט ניתן ואף מומלץ לפרט כמה שיותר את הפיצ'רים המרכזיים שתרצו, את תיאורי המבנה של האפליקציה או האתר, פלטת הצבעים שבה תרצו לעצב אותם, את הפונטים, האנימציות וכדומה.
לא קיבלתם מה שרציתם? הכלי לא הבין אתכם? רוצים לשפר? - בפרומפטים נוספים ניתן לערוך את התוכנית הזאת כמה שתרצו. פשוט הנחו אותו בפרומפטים נוספים של תיקונים, תוספות, שינויים או דיוקים. הוא יזרום וישדרג את התוצר, יתקן ויאפשר תכונות ופיצ'רים נוספים או משופרים - בהתאם לדרישותיכם.
ולבסוף, אם וכשאתם מרוצים, פשוט לחצו על publish והשיקו את הבייבי שלכם לעולם.
את Base44, למשל, פיתח היזם הישראלי מאור שלמה. בניגוד לסטארטאפ קודם שמינכ"ל וגייס עבורו מיליוני דולרים, כאן הוא פיתח לגמרי בעצמו, כ"חברה של איש אחד" ומפעיל שיווק ויראלי חכם, שחשף המונים לכלי וההתפעלות מהיכולות שלו עשו את שאר העבודה.
וכדי להוסיף לכל הטוב הזה גם אופק והתפתחות מתמדת, מאור מוסיף בלי הפסקה פיצ'רים נוספים שמאפשרים גם למתקדמים לעשות פרוייקטים מורכבים יותר באמצעות Base44, כמו הוספה של מאגרי מידע חיצוניים, חיבור של API מגוונים ועוד.
#להפעלת כלי מבוסס AI
שימו לב שאם תרצו שהאתר או האפליקציה הסופית יתבססו על יכולות של AI, תצטרכו מנוי לצ'טבוט כמו Chat GPT או Claude וממנו לקבל API שאותו תצטרכו להכניס במהלך הפיתוח של הכלי שלכם והוא שיאפשר הפעלת הכלי החדשני ומבוסס הבינה המלאכותית.
#מה תלמדו כאן?
המדריך הבא הוא מבוא מעשי שיספק לכם בסיס מצוין לתחילת העבודה עם Base44 החינמי. זה יקרה אחרי שתפתחו חשבון באמצעות חשבון הגוגל שלכם ותתחילו לייצר פרויקט קיים, עם אפשרויות כמו לינקים לרשתות חברתיות, לוגואים, תמיכה בעברית (RTL), תאימות מלאה, צפייה באנליטיקות, תצוגה רספונסיבית במובייל, שיתוף של פרויקטים, ייצוא קוד ל-GitHub והגדרות אבטחה.
בהמשך תכירו תכונות מתקדמות בסביבת הפיתוח, כולל ניהול משתמשים, שליטה על דרישת התחברות, הוספה של דומיינים, עבודה עם קבצים ותמונות ואינטגרציה עם שירותי תשלום כמו PayPal ו-Stripe.
בהמשך ילמד אתכם המדריך ניסוח פרומטים (prompts) שישפרו את האתר, כולל שליטה ביצירה של SEO מוצלח ותמיכה בעדכונים. כל זה תוך שהוא מדכיש פיצ'רים כמו שליטה על עמודים ושמירת גרסאות.
בחלק השני תבינו את הנגישות והפשטות, לצד השכלול והעוצמה של Base44 וכיצד הכל מתחבר לפיתוח וייב קודינג פשוט וחכם, של אתרים ואפליקציות מעולים.
כאן תלמדו כיצד להתחיל מאפס ולבנות אתר או אפליקציית רשת חדשה באמצעות Base44. מההתחלה במסך הבית, עם ניסוח הפרומט של הרעיון שלכם והפיצ'רים הרצויים, תבנו את הפרויקט שלכם על ידי הזנת ההנחיות, רשימת הפיצ'רים, הנחיות UI ו-UX, תוך הבנה ושימוש בפונקציית Deep Coding של בייס44, המשלבת מודלי AI של "שרשרת מחשבה" (Chain of Thoughts), ליצירת אפליקציה מתקדמת ויעילה.
תוסבר גם החשיבות של GitHub לניהול גרסאות קוד, כיצד חוזרים לגרסאות קודמות שלו ואיך מעבירים פרויקט למתכנת אחר. יוצגו דוגמאות לפרויקטי Base44 בתוך GitHub ויוצגו שיטות וטיפים לשימוש אופטימלי בפלטפורמה זו.
הנה היכרות עם Base 44 לפיתוח וייב קודינג (עברית):
https://youtu.be/luGJU_6jqR0?long=yes
סקירה והיכרות עם הכלי - שיעור 1 (עברית):
https://youtu.be/kMTPbQXbFuY
בניית אפליקציה חדשה - שיעור 2 (עברית):
https://youtu.be/OIa9_ztCbhQ
פונקציית Backend מחברת את האפליקציה ב-Base44 לשירותים חיצוניים ומרחיבה את הפונקציונליות שלה עם ממשקי API ואינטגרציות של צד שלישי:
https://youtu.be/5LHFT0K08ws
מדריך להגדרת אינטגרציה של Base44:
https://youtu.be/IBfdxAh7pNE
לעומק ה-Workspace - סביבת העבודה שבה ניתן לנהל הגדרות (settings), להגדיר פריסות (deployments), להזמין משתמשים ועוד:
https://youtu.be/Q_TtYcDyNWY
יתרונות וחסרונות של פלטפורמת Base44 (עברית):
https://youtu.be/VMM7i7ULpGI
השוואה בינו לבין כלים מתחרים (עברית):
https://youtu.be/QrBcYHlVSw0
השוואה שלו עם Lovable.dev (עברית):
https://youtu.be/FF2-sSM_e2Y
לקראת פיתוח ראשון - שפרו את החשיבה "כמו מתכנת" שלכם (עברית):
https://youtu.be/N8wFaVbWqTk?long=yes
המלצות של כל מיני כלים בבייס44 שתרצו לנצל (דוקומנטציה, דיסקורד, אינטגרציות ועוד):
https://youtu.be/apHv5oXpkpA
דוגמאות ליצירת יחידת לימוד לנושא ספציפי (עברית):
https://youtu.be/85bNh0hh9BU
דוגמה לפרומפט לבניית אתר:
https://youtu.be/VTaLBpbFndI?t=24
למוצר מורכב כדאי להיעזר ב-LLM כדי לנסח את הפרומפט ולתכנן את הכלי לפני שמגיעים לבייס44:
https://youtu.be/VhN2_IuY1eQ?t=44
וראיון עם מאור שלמה - מפתח הכלי (עברית):
https://youtu.be/sBOQSzYCKMI?long=yes
והכלי לעבודה עם כלי גוגל Google AI studio:
https://youtu.be/vAvs4lBqSFo?long=yes
מה היתרון של כלי פיתוח קוד מבוססי AI?
מחשב מתכנת לבדו? - באופן מסוים כן. כי כלי קוד מבוססי בינה מלאכותית (AI-based code tools) מאפשרים לשלב את הרעיון או המומחיות האנושית עם היכולות של הבינה המלאכותית, כדי לפתח תוכנה ולעשות זאת ללא קידוד של המשתמש או באמצעות שיתוף פעולה בין המשתמש ל-AI.
קידוד מבוסס AI מתבסס על בינה מלאכותית ככותבת הקוד. כתיבת הקוד מתבססת על מודל שפה שאומן על נתוני דאטה עצומים ולמד קידוד.
המשתמש מאפיין את המוצר, אם זה אתר אינטרנט, תוכנה או אפליקציה לטלפון ומתאר אותו באמצעות פרומפט, הנחייה שהוא כותב לבינה היוצרת בלשון טבעית, כלומר שפה רגילה, שפת יום יום וללא צורך בידע בתכנות.
החיבור בין הרעיון והשכל האנושי ובין האינטליגנציה המלאכותית מאפשרים ניהול וביצוע משימות פיתוח, בשיתוף פעולה ועצמאות גם יחד.
באמצעות תכונות של AI מקודד ניתן לתאר ל-AI את המטרה, לקבל קוד, להנחות אותה כיצד להתקדם בפתרון בעיות או באגים בקוד ולהוביל ביחד לקוד איכותי ולמימוש הרעיון.
ה-AI המקודד מודע לפעולות המשתמש בזמן אמת ומציע יתרונות אדירים. הוא מסוגל לערוך קבצים מרובים במהירות אדירה, להציע פקודות, לזהות בעיות ולנפות באגים.
כלי הקוד המשובח "Windsurf AI", למשל, מפעיל סוכני AI מובנים, יחד עם מעין "טייסי משנה" מונעי בינה מלאכותית, שמטרתם להטעין את הקוד ולהפוך את הקידוד למהיר ואינטואיטיבי יותר.
בעצם, Windsurf ודומיו, דוגמת Cursor AI שהיה חלוץ הכלים הללו, הם מעין סביבת פיתוח (IDE) מהדור החדש, המשפרות את הפיתוח בעזרת אוטומציה חכמה ומציעות עריכת קוד בסביבה מרובת קבצים. וינדסרף עושה זאת, בין השאר, בעזרת כלי שנקרא Cascade ומצטיין במודעות עמוקה לקונטקסט, ההקשר הכל כך בסיסי ומרכזי בבינה המלאכותית היוצרת (Generative AI).
כלי נוסף וקל הרבה יותר הוא Websim AI, המאפשר לתאר אתר או אפליקציה, או סתם לתת שם דומיין מדומה, והיא יוצרת אותם. מכאן אפשר להנחות אותה בצעדים, איטרציות, מה שמאפשר לדייק אותה, לשפר, לשדרג ולבנות הלאה.
הנה כלי קוד מבוססי אינטליגנציה מלאכותית:
https://youtu.be/3cVJxRka4yM
AnyChat מצויד בדיפסיק וסמבה נובה לקידוד פשוט:
https://youtu.be/7BIVWQnAOLk?t=2m54s
השוואה של 3 מודלי שפה LLMs במהירות יצירת קוד למטלה זהה:
https://youtu.be/_JS-LkBrsk8
השוואת 5 כלי קוד מובילים והמנצח המפתיע:
https://youtu.be/WVhJSUtGbYM
יישום של תוכנה שפותחה כך, ללא כתיבת קוד:
https://youtu.be/lkom9ufvxD4
Websim.ai הוא כלי קוד קל מאוד וקסם ללא תכנות:
https://youtu.be/HCw4jCbLgMY
איך ChatGPT בניתוח קוד? (עברית)
https://youtu.be/Z46pqHFuKHs
רפליט הוא כלי קוד בינתי מתקדם יותר:
https://youtu.be/FrMy3Bq7TZA
לקודד אפשר גם בסמארטפון:
https://youtu.be/Cmq3TrS3ccU
מדריך מתחילים לתכנות עם Cursor AI:
https://youtu.be/ocMOZpuAMw4?long=yes
ומדריך לעבודה עם Windsurf:
https://youtu.be/4nCMdQadE08?long=yes
כלי איי קוד
פיתוח כלים ואפליקציות בעזרת AI הפכה כבר מזמן לעובדה קיימת ומאיצה פיתוחים. יש כלים רבים המתחרים על משתמשים ומפתחים ברמות שונות, ממתחילים גמורים ועד מתכנתים מנוסים ומהנדסי תוכנה שהקידוד משתנה להם במהירות והם מתרגלים לכך שחלק גדול מהקוד שלהם יכול להכתב באמצעות סוכני AI מקודדים או הרחבות של VS-code כמו קופיילוט וקרסר.
Google Firebase Studio היא סביבת פיתוח בענן שמאפשרת ליצור, לבדוק ולפרוס אפליקציות מלאות בקלות ובמהירות, ישירות מהדפדפן. היא מוגדרת כסביבת "פול סטאק", כלומר גם פרונט-אנד (צד המשתמש) וגם בק-אנד (צד שרת - מה שעובד ברקע ומאפשר את התפקוד המתוחכם יותר של המערכות המקוונות).
Firebase Studio היא סביבת פיתוח מבוססת ענן סוכנית המסייעת לך לבנות ולשלוח אפליקציות AI מלאות באיכות ייצור, כולל ממשקי API, בק אנד, פרונט אנד, מובייל ועוד.
Firebase Studio מאחדת את Project IDX עם סוכני AI ייעודיים וסיוע מ-Gemini ב-Firebase, זאת כדי לספק סביבת עבודה שיתופית ונגישה מכל מקום, המכילה את כל מה שאתה צריך כדי לפתח אפליקציה. אתה יכול לייבא את הפרויקטים הקיימים שלך או להתחיל משהו חדש עם תבניות התומכות במגוון שפות ומסגרות.
מה נכלל בו? - ביחד עם צד-שרת, צד-לקוח ומובייל, יש גם API, שילוב בכלי של עוזר בינה מלאכותית (Gemini), תבניות מוכנות, תמיכה במגוון שפות ואפשרויות פיתוח ומסגרות ואינטגרציה עמוקה עם שירותי Firebase ו-Google Cloud.
היתרונות המרכזיים של Firebase Studio לעומת המתחרים:
- פיתוח מהיר גם ללא קוד, בזכות עוזר AI שמסייע בכתיבת קוד, תיקון באגים, בדיקות ותיעוד.
- סביבת עבודה אחידה בענן, עם כלים מובנים לאמולציה, בדיקות ופריסה ישירה.
- אינטגרציה מלאה עם שירותי Firebase (כמו Auth, Firestore, Hosting) ותמיכה בניהול נתונים ויזואלי.
- אפשרות להתחיל מפרויקטים קיימים או מתבניות מגוונות, עם שיתוף פעולה וניהול צוותים קל.
- מתאים גם למפתחים וגם למשתמשים ללא רקע תכנותי, בזכות ממשק ויזואלי וסוכן פרוטוטייפינג.
בקצרה: Firebase Studio מאיץ פיתוח אפליקציות ומפשט את כל שלבי העבודה, עם יתרון ברור בשילוב AI, ניהול בענן ואינטגרציה לשירותי Google.
#השימוש:
בשלב הראשון מעצבים את ה-UI של האפליקציה או האתר שרוצים לפתח. עושים את זה באמצעות Google Stitch שזה בדיוק מה שהיא עושה, באמצעות פרומפט פשוט טבמהירות רבה.
עכשיו על Firebase Studio עושים הרשמה ואז על כפתור Start שמימין למעלה, תצטרכו לאשר כמה דברים, במיוחד שאתם מסכימים לתנאים.
במסך העבודה תראו שדה מרכזי לכתיבת הפרומפט שלכם. אפשר לטעון ב-upload את תמונות המסך שיצרנו ב-Stitch.
מתחת לשדה הפרומפט יש שורה של סביבות פיתוח ושפות תכנות שאפשר לבחור ולייבא פרויקט מהגיטהאב שלכם, קוד קיים שתרצו לעבוד עליו, ביחד עם כלי ה-AI שיש כאן.
בצד ימין של שדה ה-URL יש לכם אייקון של מסך קטן (ליד הכוכב וזכוכית המגדלת). לחצו עליו והוא יתקין לכם את FIrebase Studio כתוכנה על המחשב, במקום לעבוד עליו בדפדפן. אם וכשעובדים עליו, יש לו את מה שצריך ובתפריט ה-3 נקודות יש פקודות הכרחיות, כמו להעתיק לינק ועוד.
בתחתית שדה הפרומפט יש כמה רעיונות להתנסות, כמו מחשבון וכדומה. לחיצה על אחד מהם תרחיב את הפרומפט לאיפיון של ממש. כך מסייעת המקצוענות של ה-AI לייצר לנו מהרעיון הפשוט את התכנית,האפיון שנוכל לפתח ממנו את האבטיפוס (Prototype), ההגדרות המקצועיות לפיתוח של מוצר ראשוני טוב. בחרו את אחד מהם, ראו איך הפרומפט שלו הופך לתכנית או האפיון וגם לו אפשר להוסיף הנחיות בפרומפט, עם תוספות, תיקונים ודיוקים.
כשהתכנית מוכנה, לוחצים על כפתור Prototype ורואים כיצד הוא מייצר את הקוד ומעלה בחלון הצד את האפליקציה. עכשיו אפשר לשפר ולפתח באמצעות המשך הדיאלוג, באמצעות פרומפטים (בצד ימין) לפיירבייס סטודיו.
מעל ה preview של מה שהוא בנה לכם יש אייקון קטנטן של עריכה, מתוך שלישיית אייקונים קטנים. אם תבחרו בו, תוכלו לכתוב פרומפטים ותיקונים לכל רכיב באתר ולשפר ולדייק אותו.
אגב, ליד האייקון הזה יש אייקון של לינק. לחיצה עליו תציג QR code שיעלה לכם את האפליקציה או האתר שיצרתם להפעלה בטלפון.
שימו לב שבצד יש לכם גם כפתור של "Edit the code". ואכן, אפשר להיכנס לכאן ולערוך בשפת התכנות את הקוד עצמו.
למטה יש לכם גם כפתור של Anotate שמאפשר להוסיף הערות עם חיצים לאובייקטים על המסך והם יתוקנו.
כדי לחזור למסך הראשי עם שדה הפרומפט הנקי, לחצו למעלה על "Firebase Studio". תחזרו לחלון הראשון, אבל שימו לב שיש לכם את הפרויקט ש"יצרתם" מימין לשדה הפרומפט. הוא נמצא באזור העבודה שלכם "My workspaces". תמיד תוכלו לחזור ולעבוד עליו או על יצירות אחרות שיהיו לכם. בתפריט ה-3 נקודות שלו אפשר למחוק אותו (ייפתח חלון ויש לרשום delete ולבצע), לשנות את שמו, לשתף עם אחרים ועוד.
#עבודה בשפת תכנות ספציפית
אם רוצים לפתח בשפה או סביבה מסוימת, למשל ב-React, בוחרים אותה בשורת השפות, ייפתח לכם חלון Workspace חדש שתגדירו ואתם מתחילים לעבוד בה, בצורה דומה לקודם (יש מגבלה כי גוגל נותנים רק 3 וורקספייסס חינם, אך ניתן למחוק את הקודמים ולפנות מקום לחדשים).
דבר נהדר הוא ללחוץ משמאל לשורת האפשרויות על "New Workspace" ולקבל אפשרויות של קטגוריות תוכנה והוא יציע אילו שפות מתאימות לזו שבחרתם. זה יקל מאוד את ההחלטות לגבי הסביבה של בניית האפליקציה החדשה שלכם. יש שם Web, Mobile, Database ועוד.
אם בוחרים React למשל, אז נותנים שם לפיתוח החדש, בוחרים TypeScript והוא מקים את סביבת העבודה, מאתחל את הסביבה ומייצר במהירות את מה שצריך בסביבה שמזכירה את סביבות הפיתוח המקצועיות (IDEs) כמו VScode.
כותבים את הפרומפט שרוצים. אפשר לבקש את סוג ומהות האפליקציה או האתר ואז את דרישות העיצוב, כמו:
I want to include subtle animations, nice colors and UI elements to make it attractive. Make sure the website is responsive, modern, sleek looking and minimalistic
בצד שמאל יש לנו את.......
שמאלי תחתון אלה אינטגרציות שאפשר עם מוצרי גוגל.
הכירו את פיירבייס סטודיו:
https://youtu.be/A6KZKH7Dga0
מדריך למתחילים בוויב קודינג:
https://youtu.be/pQMOzQHZWrE?long=yes
הדרך הכי קלה לעבוד איתו:
https://youtu.be/ru8XPZbumNo?long=yes
היכרות למפתחים שסאו מ-Cursor:
https://youtu.be/bnNXIUdqnt0?long=yes
פיתוח בפיירבייס סטודיו של גוגל (עד 2:51):
https://youtu.be/Rd6F5wHIysM?long=yes
הדרכה להתחברות לדטבייס:
https://youtu.be/C2P707v_gig?long=yes
פיצ'רים נהדרים בו:
https://youtu.be/-A3QkftCCPw?long=yes
כלי וייב קודינג (Vibe Coding), כמו Lovable או Base44, הם כלים מבוססי AI, ידידותיים ללא מתכנתים, נוחים ופשוטים לבניית אפליקציות ואתרים, שלא מחייבים ידע בקוד או בתכנות.
בניגוד לכלים כמו Windsurf או Cursor, שהם forks של VSCode ובעצם עובדים על IDE למתכנתים, בייס44 ולאבאבל יותר מתאימים למי שלא מתכנתים ביום יום שלהם ועדיין רוצים לפתח מוצרים שחלמו עליהם זמן רב. הם יהפכו רעיונות ליישומים פונקציונליים לחלוטין - ללא שורת קוד אחת.
ב-Base44 יש לכם תיבת פרומפט פשוטה, שבתוכה תוכלו לכתוב בפשטות את הרעיון שלכם ולצפות כיתד הוא מפותח בשבילכם. ככל שתדייקו ותנסחו לפרטי פרטים, בכל שפה שתרגישו שנכונה לכם, הוא יפתח כלי שיהיה יותר מדויק ותואם לחזון שלכם.
רושמים, לוחצים על הפעלה ו-Base44 המחומש בהרבה AI, ייתן עבודה מאחורי הקלעים ותוך זמן לא ארוך תראו את החלום מתממש. בפרומפט ניתן ואף מומלץ לפרט כמה שיותר את הפיצ'רים המרכזיים שתרצו, את תיאורי המבנה של האפליקציה או האתר, פלטת הצבעים שבה תרצו לעצב אותם, את הפונטים, האנימציות וכדומה.
לא קיבלתם מה שרציתם? הכלי לא הבין אתכם? רוצים לשפר? - בפרומפטים נוספים ניתן לערוך את התוכנית הזאת כמה שתרצו. פשוט הנחו אותו בפרומפטים נוספים של תיקונים, תוספות, שינויים או דיוקים. הוא יזרום וישדרג את התוצר, יתקן ויאפשר תכונות ופיצ'רים נוספים או משופרים - בהתאם לדרישותיכם.
ולבסוף, אם וכשאתם מרוצים, פשוט לחצו על publish והשיקו את הבייבי שלכם לעולם.
את Base44, למשל, פיתח היזם הישראלי מאור שלמה. בניגוד לסטארטאפ קודם שמינכ"ל וגייס עבורו מיליוני דולרים, כאן הוא פיתח לגמרי בעצמו, כ"חברה של איש אחד" ומפעיל שיווק ויראלי חכם, שחשף המונים לכלי וההתפעלות מהיכולות שלו עשו את שאר העבודה.
וכדי להוסיף לכל הטוב הזה גם אופק והתפתחות מתמדת, מאור מוסיף בלי הפסקה פיצ'רים נוספים שמאפשרים גם למתקדמים לעשות פרוייקטים מורכבים יותר באמצעות Base44, כמו הוספה של מאגרי מידע חיצוניים, חיבור של API מגוונים ועוד.
#להפעלת כלי מבוסס AI
שימו לב שאם תרצו שהאתר או האפליקציה הסופית יתבססו על יכולות של AI, תצטרכו מנוי לצ'טבוט כמו Chat GPT או Claude וממנו לקבל API שאותו תצטרכו להכניס במהלך הפיתוח של הכלי שלכם והוא שיאפשר הפעלת הכלי החדשני ומבוסס הבינה המלאכותית.
#מה תלמדו כאן?
המדריך הבא הוא מבוא מעשי שיספק לכם בסיס מצוין לתחילת העבודה עם Base44 החינמי. זה יקרה אחרי שתפתחו חשבון באמצעות חשבון הגוגל שלכם ותתחילו לייצר פרויקט קיים, עם אפשרויות כמו לינקים לרשתות חברתיות, לוגואים, תמיכה בעברית (RTL), תאימות מלאה, צפייה באנליטיקות, תצוגה רספונסיבית במובייל, שיתוף של פרויקטים, ייצוא קוד ל-GitHub והגדרות אבטחה.
בהמשך תכירו תכונות מתקדמות בסביבת הפיתוח, כולל ניהול משתמשים, שליטה על דרישת התחברות, הוספה של דומיינים, עבודה עם קבצים ותמונות ואינטגרציה עם שירותי תשלום כמו PayPal ו-Stripe.
בהמשך ילמד אתכם המדריך ניסוח פרומטים (prompts) שישפרו את האתר, כולל שליטה ביצירה של SEO מוצלח ותמיכה בעדכונים. כל זה תוך שהוא מדכיש פיצ'רים כמו שליטה על עמודים ושמירת גרסאות.
בחלק השני תבינו את הנגישות והפשטות, לצד השכלול והעוצמה של Base44 וכיצד הכל מתחבר לפיתוח וייב קודינג פשוט וחכם, של אתרים ואפליקציות מעולים.
כאן תלמדו כיצד להתחיל מאפס ולבנות אתר או אפליקציית רשת חדשה באמצעות Base44. מההתחלה במסך הבית, עם ניסוח הפרומט של הרעיון שלכם והפיצ'רים הרצויים, תבנו את הפרויקט שלכם על ידי הזנת ההנחיות, רשימת הפיצ'רים, הנחיות UI ו-UX, תוך הבנה ושימוש בפונקציית Deep Coding של בייס44, המשלבת מודלי AI של "שרשרת מחשבה" (Chain of Thoughts), ליצירת אפליקציה מתקדמת ויעילה.
תוסבר גם החשיבות של GitHub לניהול גרסאות קוד, כיצד חוזרים לגרסאות קודמות שלו ואיך מעבירים פרויקט למתכנת אחר. יוצגו דוגמאות לפרויקטי Base44 בתוך GitHub ויוצגו שיטות וטיפים לשימוש אופטימלי בפלטפורמה זו.
הנה היכרות עם Base 44 לפיתוח וייב קודינג (עברית):
https://youtu.be/luGJU_6jqR0?long=yes
סקירה והיכרות עם הכלי - שיעור 1 (עברית):
https://youtu.be/kMTPbQXbFuY
בניית אפליקציה חדשה - שיעור 2 (עברית):
https://youtu.be/OIa9_ztCbhQ
פונקציית Backend מחברת את האפליקציה ב-Base44 לשירותים חיצוניים ומרחיבה את הפונקציונליות שלה עם ממשקי API ואינטגרציות של צד שלישי:
https://youtu.be/5LHFT0K08ws
מדריך להגדרת אינטגרציה של Base44:
https://youtu.be/IBfdxAh7pNE
לעומק ה-Workspace - סביבת העבודה שבה ניתן לנהל הגדרות (settings), להגדיר פריסות (deployments), להזמין משתמשים ועוד:
https://youtu.be/Q_TtYcDyNWY
יתרונות וחסרונות של פלטפורמת Base44 (עברית):
https://youtu.be/VMM7i7ULpGI
השוואה בינו לבין כלים מתחרים (עברית):
https://youtu.be/QrBcYHlVSw0
השוואה שלו עם Lovable.dev (עברית):
https://youtu.be/FF2-sSM_e2Y
לקראת פיתוח ראשון - שפרו את החשיבה "כמו מתכנת" שלכם (עברית):
https://youtu.be/N8wFaVbWqTk?long=yes
המלצות של כל מיני כלים בבייס44 שתרצו לנצל (דוקומנטציה, דיסקורד, אינטגרציות ועוד):
https://youtu.be/apHv5oXpkpA
דוגמאות ליצירת יחידת לימוד לנושא ספציפי (עברית):
https://youtu.be/85bNh0hh9BU
דוגמה לפרומפט לבניית אתר:
https://youtu.be/VTaLBpbFndI?t=24
למוצר מורכב כדאי להיעזר ב-LLM כדי לנסח את הפרומפט ולתכנן את הכלי לפני שמגיעים לבייס44:
https://youtu.be/VhN2_IuY1eQ?t=44
וראיון עם מאור שלמה - מפתח הכלי (עברית):
https://youtu.be/sBOQSzYCKMI?long=yes
והכלי לעבודה עם כלי גוגל Google AI studio:
https://youtu.be/vAvs4lBqSFo?long=yes
מחשב מתכנת לבדו? - באופן מסוים כן. כי כלי קוד מבוססי בינה מלאכותית (AI-based code tools) מאפשרים לשלב את הרעיון או המומחיות האנושית עם היכולות של הבינה המלאכותית, כדי לפתח תוכנה ולעשות זאת ללא קידוד של המשתמש או באמצעות שיתוף פעולה בין המשתמש ל-AI.
קידוד מבוסס AI מתבסס על בינה מלאכותית ככותבת הקוד. כתיבת הקוד מתבססת על מודל שפה שאומן על נתוני דאטה עצומים ולמד קידוד.
המשתמש מאפיין את המוצר, אם זה אתר אינטרנט, תוכנה או אפליקציה לטלפון ומתאר אותו באמצעות פרומפט, הנחייה שהוא כותב לבינה היוצרת בלשון טבעית, כלומר שפה רגילה, שפת יום יום וללא צורך בידע בתכנות.
החיבור בין הרעיון והשכל האנושי ובין האינטליגנציה המלאכותית מאפשרים ניהול וביצוע משימות פיתוח, בשיתוף פעולה ועצמאות גם יחד.
באמצעות תכונות של AI מקודד ניתן לתאר ל-AI את המטרה, לקבל קוד, להנחות אותה כיצד להתקדם בפתרון בעיות או באגים בקוד ולהוביל ביחד לקוד איכותי ולמימוש הרעיון.
ה-AI המקודד מודע לפעולות המשתמש בזמן אמת ומציע יתרונות אדירים. הוא מסוגל לערוך קבצים מרובים במהירות אדירה, להציע פקודות, לזהות בעיות ולנפות באגים.
כלי הקוד המשובח "Windsurf AI", למשל, מפעיל סוכני AI מובנים, יחד עם מעין "טייסי משנה" מונעי בינה מלאכותית, שמטרתם להטעין את הקוד ולהפוך את הקידוד למהיר ואינטואיטיבי יותר.
בעצם, Windsurf ודומיו, דוגמת Cursor AI שהיה חלוץ הכלים הללו, הם מעין סביבת פיתוח (IDE) מהדור החדש, המשפרות את הפיתוח בעזרת אוטומציה חכמה ומציעות עריכת קוד בסביבה מרובת קבצים. וינדסרף עושה זאת, בין השאר, בעזרת כלי שנקרא Cascade ומצטיין במודעות עמוקה לקונטקסט, ההקשר הכל כך בסיסי ומרכזי בבינה המלאכותית היוצרת (Generative AI).
כלי נוסף וקל הרבה יותר הוא Websim AI, המאפשר לתאר אתר או אפליקציה, או סתם לתת שם דומיין מדומה, והיא יוצרת אותם. מכאן אפשר להנחות אותה בצעדים, איטרציות, מה שמאפשר לדייק אותה, לשפר, לשדרג ולבנות הלאה.
הנה כלי קוד מבוססי אינטליגנציה מלאכותית:
https://youtu.be/3cVJxRka4yM
AnyChat מצויד בדיפסיק וסמבה נובה לקידוד פשוט:
https://youtu.be/7BIVWQnAOLk?t=2m54s
השוואה של 3 מודלי שפה LLMs במהירות יצירת קוד למטלה זהה:
https://youtu.be/_JS-LkBrsk8
השוואת 5 כלי קוד מובילים והמנצח המפתיע:
https://youtu.be/WVhJSUtGbYM
יישום של תוכנה שפותחה כך, ללא כתיבת קוד:
https://youtu.be/lkom9ufvxD4
Websim.ai הוא כלי קוד קל מאוד וקסם ללא תכנות:
https://youtu.be/HCw4jCbLgMY
איך ChatGPT בניתוח קוד? (עברית)
https://youtu.be/Z46pqHFuKHs
רפליט הוא כלי קוד בינתי מתקדם יותר:
https://youtu.be/FrMy3Bq7TZA
לקודד אפשר גם בסמארטפון:
https://youtu.be/Cmq3TrS3ccU
מדריך מתחילים לתכנות עם Cursor AI:
https://youtu.be/ocMOZpuAMw4?long=yes
ומדריך לעבודה עם Windsurf:
https://youtu.be/4nCMdQadE08?long=yes
