הרעיון הזה בעצם עלה כשחבר אמר לי שאני לא מחמיא לעצמי מספיק
האשמה חמורה! לא?
ואני שלא ויתרתי לו כל כך מהר פניתי לצ'אט ג'י פי טי
וביקשתי ממנו שייתן לי מחמאות שתואמות לגימטרייה של השם שלי
רק שמה שהתברר לי היה שבנושא הזה הוא יותר גרוע מגרוע
אז פניתי עוד פעם לצ'אט ג'י פי טי וביקשתי ממנו שיעזור לי לבנות אתר שיעשה את מה שביקשתי ממנו
מקבל שם מהמשתמש (בן או בת) ומציג את הגימטרייה שלו כולל פירוט
סורק קובץ טקסט (יש לו שתיים אחד לבן אחד לבת) עם 2,000 מחמאות מתנת צ'אט ג'י פי טי
ומחפש התאמות
מציג למשתמש את המחמאות שתואמות לגימטרייה של השם שהוא הכניס (לי יצא באזור השלושים)
עריכה: במקום כל ההערכות והניחושים עכשיו האתר מציג ליד כל מחמאה מספר מאחד ועד המספר האחרון
שזה בעצם המחמאה האחרונה
שימו לב: הוא נותן שתי מחמאות כל פעם לדוגמא: "אמיץ ומוכשר" אישיות ומוביל" עריכה: מעכשיו הוא נותן גם שילובים וגם מחמאות בודדות
עריכה: נוספה אפשרות לפתיחת פירוט הגימטרייה לכל המחמאות בבת אחת
וסגירת פירוט גימטרייה לכל המחמאות בבת אחת
עריכה: נוספה אפשרות העתקה על יד כל מחמאה
מדגיש את האות הראשונה במחמאה שהאות הראשונה שלה היא אחד מהאותיות בשם שהוכנס
מסדר את כל המחמאות לפי סדר הא' ב' ונותן אפשרות פירוט הגימטרייה (אות אות) לכל מחמאה בנפרד
רק הערה קטנה: לא עברתי על המחמאות ככה שיכול להיות שפתאום יצא לכם מחמאה לא הכי בעולם
לי יצא "צייר ובעל מידות" מי שיודע מה הקשר אשמח שיגיד
עריכה: נוספה אפשרות לחישוב אקונסטריכון
אפשר ללחוץ על "חישוב גימטרייה" ואז מקבלים מחמאות תואמות לגימטרייה ואפשר ללחוץ על "חישוב אקונסטריכון"
ובלחיצה אל חישוב אקונסטריכון מקבלים את כל המחמאות שיש באותיות של השם שהוכנס
לפי הסדר (לדוגמא "תמר" מקבלים את כל המחמאות ב "ת" ואז ב "מ" ואז ב "ר"
ומתאימים ראשי תיבות לבד
אפשר גם להשתמש בתוכנת פנקס רשימות שיש כמעט בכל מחשב
אבל התוכנה הזאת יותר נוחה ומציגה את הקוד באופן יותר ברור
הקדמה
שפת HTML היא שפה שמיועדת לבניית אתרים
ביחד עם השפות CSS וJavaScript
שבהמשך נסביר מה התפקיד של כל אחת מהם
אז אנחנו לא נתחיל עם אתר ממש עם דומיין וכו'
אלא עם קובץ על המחשב
למי שרוצה להפוך את הקובץ הזה לאתר עם קישור
יש את המדריך שלי פה
את הקובץ נשמור בסיומת html
קבצים בסיומת html נפתחים על ידי הדפדפן
לבניית אתר צריך להשתמש בשפות css ,html, וJavaScript,
התפקיד של שפת html הוא לדוגמא לקבוע שיהיה כאן טקסט
התפקיד של שפת css הוא לדוגמא לצבוע את הטקסט להוסיף לו זוהר ואפקטים
או בקיצור: לעצב
התפקיד של שפת JavaScript הוא לדוגמא לחשב את הגימטרייה של הטקסט
אני יתמקד במדריכים בשפות html וcss בלבד
איך כותבים קוד בhtml - הסבר על תגיות
תגיות הם בעצם הוראות לדפדפן איך להציג את התוכן שבדף
לדוגמא התגית h1 היא תגית של כותרת ראשית
והיא בעצם אומרת לדפדפן להציג כאן כותרת ראשית
דוגמא לכותרת ראשית:
<h1>כותרת ראשית</h1>
לרוב התגיות יש מבנה קבוע שנראה ככה:
<סוף תגית/> תוכן <תחילת תגית>
יש לנו שתי סוגי תגיות:
1: תגית שבנויה מזוג תגיות - המבנה של רוב התגיות בנוי מזוג של תגיות
תגית פותחת ותגית סוגרת
שביחד הם מרכיבות את התג
התגית הפותחת מורכבת משם התג ממוקם בין סוגריים משולשים לדוגמא:
<h1>
אחרי התגית הפותחת יופיע התוכן שנמצא בתגית
ואחריו התגית נסגרת עם תגית נוספת שזהה לתגית הפותחת בתוספת לוכסן לדוגמא:
</h1>
2: תגית שבנויה מתגית בודדת - חלק קטן מהתגיות בhtml לא מורכבות מזוג תגיות אלא מתגית בודדת
התגיות האלו הם תגיות שלא מכילות תוכן אלא התגית בעצמה היא התוכן
התגיות האלה בנויות משם התגית שנמצא בין סוגריים משולשות
בחלק מהתגיות האלה לפני הסוגר המשולש שסוגר את התגית יופיע לוכסן לדוגמא:
<br/>
תגית שמשמשת לירידת שורה באמצע טקסט
ובחלק מהתגיות האלה התגית תופיע כתגית בודדת לדוגמא:
השורה הראשונה התגית DOCTYPE חייבת לפתוח כל דף html
התפקיד שלה הוא להודיע לדפדפן באיזו גרסת html כתוב הדף שהוא הולך לקרוא <DOCTYPE html!> זה צורת ההגדרה לhtml5 חשוב לשמור על אותיות גדולות וקטנות כמו בדוגמא
השורה השנייה התגית <html> מורה לדפדפן לפתוח מסמך מסוג html
התגית הזאת היא התגית הראשית במסמך
ובין התגית הפותחת שלו לתגית הסוגרת שלו ימוקמו כל תגי הhtml האחרים
השורה השלישית התגית <head> התגית הזאת משמשת אותנו בכדי להגדיר את אזור ראש הדף
head = ראש
בתוך תגית הhead יהיו רק תגים שמתארים את הדף וקובעים את התצורה שלו
חוץ מהתגית <title> שאר התגיות שימוקמו בתוכה הם לא תגיות של אלמנטים בדף
אלא לרוב הם תגיות שמכילות מידע שאינו מוצג במסך אבל משמשות להגדרת הדף על ידי מנועי החיפוש
התגית <title> משמשת להגדרת כותרת הדף כותרת הדף תוצג בראש הדפדפן בלשונית הכרטיסייה
התגית הזאת תהיה באופן קבוע בתוך תגית הhead
תגיות <meta> הם תגיות מיוחדות הם לא מציגות דבר בדף
אלא משמשים להעברת מידע על הדף לדפדפן של הגולש למנועי חיפוש וכיוצא בזה
נרחיב עליהם במדריך אחר
המאפיין charset מגדיר את אופן קידוד התווים בדף
קידוד התווים שקבענו בתגית הmeta בדוגמא הוא קידוד תווים עבור דף html UTF-8 הוא בעצם קידוד שמגדיר את הדף שלנו לעבוד עם טקסטים לועזיים וטקסטים בעברית ביחד
אם לא נגדיר את זה הדפדפן יכול להציג לפעמים את האתר שלנו בג'יבריש במקום מה שרצינו
התגית <body> הוא גוף הדף
body = גוף
בתוכו ימוקמו כל התגים האחרים המוצגים בדף שזה בעצם אומר כל התוכן שיש בדף
התגיות <h1> ו<p> הם תגיות שמציגות תוכן נרחיב עליהם במדריך אחר....
עקרון ההזחה
כדי שיהיה לנו יותר נוח להתנהל עם הקוד נסדר את התגיות בצורה כזאת:
התגיות הראשיות מוצמדות לצד השמאלי של המסך
ותגיות המוכלות בתוך תגיות אחרות – נדחפות קצת פנימה
לדוגמא:
שימו ️ בכתיבת קוד html כל תו ותו חשוב ביותר החסרה או הוספה של תו אחד
עלולה לשבש את האופן שבו הדפדפן קורא את הדף והוא לא יציג את הדף באופן הנדרש
בכתיבת קוד html צריך לכתוב את שמות התגיות והמאפיינים באותיות קטנות
למעט תגית הDOCTYPE
איך משתמשים בתוכנת הnotepad
דבר ראשון מגדירים בתפריט בלשונית Language את השפה שאנחנו כותבים בה
לא יודע עד כמה אני מחדש בנושא הזה
אבל אם בכל זאת הצלחתי לעזור אפילו למישהו אחד היה 🟰
הרבה פעמים נתקלתי בסיטואציה שבה יש לי קוד לאתר
ואז אני דוחס את כל הקבצים (html, css, js,) לקובץ zip ושולח למי שאני רוצה
ואז מישהו מעיר לי על אופציה שאפשר לשפר ואני מתקן את הקוד ואופס!
עכשיו אני צריך לשלוח לכולם מחדש את הקובץ המעודכן
ושלא נדבר על כל הערבוביה והבלגן של הקבצים שייווצר לי במחשב
לצורך המדריך אני ישתמש בקובץ הhtml להגרלות ש @מים-אחרונים האלוף הביא כאן
עכשיו תלחצו על הסמל העגול שבצד ימין של המסך למעלה
יפתח לכם חלון כזה:
תלחצו על הכפתור המסומן:
ותגיעו לחלון הזה:
זה המסך עם כל המאגרים שלכם
לא שאני יודע איך באמת אמורים לקרוא לזה אבל תרגום גוגל קורא לזה "מאגרים"
תלחצו על "new" (הכפתור שמסומן בתמונה)
יפתח לכם דף שבו תצטרכו להגדיר את שם המאגר תיאור המאגר (אם רוצים) ושהמאגר יהיה מסוג פומבי (מאגר פרטי לא תוכלו להגדיר כאתר):
ולחיצה על צור מאגר (התמונה שהעליתי היא מהדף המדובר כשהתרגום מופעל)
עכשיו תקבלו קישור לאתר שלכם הקישור יהיה מורכב משם המשתמש בgithub ושם המאגר בgithub
ואז יהיה לכם שתי אפשרויות התחלה על ידי יצירת קובץ חדש או התחלה על ידי העלאת קובץ קיים
יצירת קובץ חדש = יפתח לכם חלון שבו (במקרה שלנו) תשימו קוד קוד html תקראו לקובץ בשם Lotteries.html
ותלחצו על "בצע שינויים"
תמונה:
העלאת קובץ חדש = בדיוק אותו דבר רק שבמקום לשים קוד תעלו את קובץ הhtml (או את הקבצים האחרים שיש לכם) מהמחשב לgithub
וכמובן תלחצו על "בצע שינויים"
ניתן לאחר מכן לערוך את הקבצים שהוספתם למאגר (כלומר את הקוד שלהם) וכן למחוק אותם
מה שנותר עכשיו זה ללכת למעלה ללשונית "הגדרות":
ואז ללשונית "דפים" ושם באפשרות "ענף" לבחור ב"ראשי" (הכל בתרגום לעברית) ואז ללחוץ על "להציל"
וזהו! האתר שלכם מוכן בכתובת שקיבלתם!
שימו ️ לוקח כמה דקות טובות עד שהשינויים מתבצעים באתר
וכן חייב להיות במאגר קובץ בשם index.html
Groq AppGen
הוא כלי AI לבניית אתרים (גם בעברית!) ללא כתיבת קוד
והוא זה שיעשה בשבילכם את כל העבודה
אז איך זה עובד? אז דבר ראשון תדעו שזה לא עובד!
טוב אז זה לא ממש לא עובד זה עובד מעולה!
אבל לא הייתי אומר שהוא אחד הטובים בנושא (ואני לא מכיר אחרים)
אבל בכל מקרה הוא עדיין יכול לעשות פרויקטים פשוטים יחסית
היתרון הגדול שלו זה המהירות (והוא באמת מהיר מאוד!)
חוץ מזה גם לא צריך הרשמה וכל העסק הזה עובד ללא הגבלה בכלל
אז למה אתם מחכים? תכנסו לאתר
תכתבו בקשה בשדה הקלט תערכו אם צריך
הגעתם לתוצאה שאתם רוצים? תלחצו על Share
תיתנו שם ותיאור לאתר ועוד פעם על Share
וזהו! קיבלתם קישור לאתר שלכם
בהצלחה!
לא יודע עד כמה זה שימושי
אבל קצת שיעמם לי אז החלטתי לפתוח על זה נושא (בתקווה שאני לא מספים את הפורום )
אז בואו נתחיל
דבר ראשון מוצאים את הקובץ המקורי (ולא קיצור דרך!) של הדפדפן שאתם רוצים לפתוח בו את הקישור
(אני בחרתי בEdge)
ועושים שלח אל > שולחן העבודה
שימו ️ לא חייב דווקא דרך שולחן העבודה אפשר ליצור קיצור דרך בכל מקום שרוצים
(רק תבדקו שזה קיצור דרך לקובץ המקורי ולא קיצור דרך שמוביל לעוד קיצור דרך )
לאחר שיצרתם את הקיצור נכנסים לשולחן העבודה (או לכל מקום אחר ששמתם בו את הקיצור)
ועושים לחצן ימיני > מאפיינים
ואז בלשונית "יעד" עושים רווח ואז מדביקים את כתובת הקישור
לוחצים על "החל" ואז על "אישור"
וזהו 🥰 יש לכם קיצור דרך לקישור מסוים שיפתח בדפדפן שאינו ברירת מחדל
בבסיסה, SoT מחקה את הדרך שבה אנו ניגשים לבעיות מורכבות. תחשבו על הדרך שבה אתם כותבים סיכומים: דבר ראשון, אתם יוצרים כותרות עם הרעיונות המרכזיים, ורק אחר כך אתם ממלאים את הפרטים שתחת הכותרת. SoT פועלת באותו אופן, עם
חלוקה לשני שלבים:
שלב השלד: יצירת מסגרת בסיסית הכוללת את נקודות המפתח של התשובה.
שלב הרחבת הנקודות: פיתוח והרחבת כל נקודה בנפרד.
איך אפשר לגרום לAI לחשוב לפי שיטת SoT?
אני לא יודע איזה מודלים הולכים לפי שיטת SoT
ואיזה לא
אולי @NH-LOCAL יודע?
כדי ליישם את שיטת “שלד המחשבה” (Skeleton-of-Thought, SoT) בתשובות שאתם מקבלים מהAI, יש פרומפט ייעודי שיעזור למודל לעבוד לפי עקרונות השיטה. הפרומפט הזה ינחה את המודל ליצור שלד בסיסי של התשובה שלכם—נקודות מפתח מרכזיות—ולאחר מכן להרחיב כל נקודה בנפרד, מה שיאפשר לכם לקבל תשובות ברורות, מאורגנות, ויעילות יותר.
פשוט העתיקו את הטקסט הבא לתוך הצ'אט שאתם משתמשים בו והתחילו ליהנות מתהליך חשיבה מובנה וממוקד.
פרומפט ל-SoT:
"אתה תשמש ככלי שעובד לפי שיטת “שלד המחשבה” (Skeleton-of-Thought, SoT). מטרתך היא לתת תשובות מובנות ויעילות על ידי חלוקה לשני שלבים:
יצירת שלד בסיסי: תן לי רשימה של נקודות מפתח ברורות שמסכמות את התשובה בצורה תמציתית.
הרחבה: הרחב על כל נקודה בנפרד בצורה מפורטת, תוך שמירה על סדר הגיוני וברור.
חשוב:
במידה ויש תלות בין השלבים, הסבר כיצד כל שלב מתקשר לשלב הקודם או הבא.
אם השאלה כוללת מורכבות לוגית, פרט בצורה שתשמור על עומק ורצף לוגי.
שמור על יעילות, מבנה ברור, וניסוח שמתאים למשתמשים מכל הרמות.
בסיום יצירת התוכן, הצע למשתמש להרחיב על כל סעיף בשלד בנפרד.
מעכשיו כל שאלה שהמשתמש יזין לך, אתה תיישם עליה את הדגשים מעלה.
כעת השאלה הראשונה שלי היא: [כאן הזינו את השאלה שלכם]"
איך להשתמש בפרומפט?
העתיקו את הטקסט של הפרומפט.
הדביקו אותו לתוך הצ'אטבוט שאתם משוחחים אתו.
הזינו את השאלה שלכם במקום המיועד.
קבלו תשובות מאורגנות ומובנות בשיטת SoT.
טיפ: בשל חלון הקונטקסט המוגבל של מודלי שפה, הטקסט הראשוני שתקבלו יהיה יחסית דל וקצר. מומלץ בחום לבקש מהצ’ט להרחיב בנפרד על כל חלק או סעיף בשלד שהוא יצר. כך תוכלו לעבות בקלות את הטקסט שלכם ולהרחיב אותו מעבר לטיוטה הראשונית.
רק כדי לתת המחשה זה תמונה שיצרתי עם צ'אט ג'י פי טי:
וזה שלושת דפי הצביעה שיצאו לי (לא הכי דומה אבל עדיין זה היה תמונה מסובכת עם הרבה פרטים):
אז איך עושים את זה?
נכנסים לאתר ונרשמים
לוחצים על "new projects" (פרויקט חדש)
ואז יש שתי אפשרויות:
Image-to-Image – להפוך תמונות קיימות לדפי צביעה
Text-to-Image – ליצור תמונות חדשות לגמרי
אני יתמקד ב Image-to-Imag אבל זה נכון גם לגבי Text-to-Image
עכשיו צריך לבחור את ההגדרות הבאות:
סגנון - Lineart Whimsy
לוחצים על הכפתור בתמונה
ואז בשדה החיפוש מחפשים "Lineart Whimsy"
ובוחרים את התוצאה שנמצאה
Structure Match – להגדיר גבוה כדי לשמור על הדמיון בין התמונה לציור שיצא
תמונה:
Face Match – כדי שהתוצאה תשמור על תווי הפנים האמיתיים (אם מדובר בתמונה של אדם)
תמונה:
Background Remove - להפעיל כדי להשאיר רק את הדמות בלי רקעים מיותרים (אם מדובר בתמונה של אדם)
תמונה:
שימו ️ זה מסיר את הרקע אז תשתמשו בזה רק כשצריך
פרומפט חופשי – אפשר להוסיף תיאור לגבי הרקע או לגבי כל שינוי שתרצו
תמונה:
אין לי מושג אם אפשר גם לכתוב בעברית
וזהו! לוחצים על “Generate” (הכפתור הצהוב למטה)
ומקבלים בצד ימין של המסך את התמונות
שימו ️ משתמשים חינמיים מקבלים 32 קרדיטים ליום
וכל יצירה שכזאת עולה 8
(נדמה לי שאפשר לשנות את כמות התמונות שמקבלים ואז גם זה יורד אבל אני לא בטוח/יודע איך עושים את זה)
ומודלים כאןכאן (על התחלת הפוסט יש שלוש מודלים!) וכאן (לא יודע לכמה ראם)
תחפש בפורום יש הרבה מודלים
ובכמות הראם הזאת אתה יכול להריץ מודלים בסביבות ה4 5 ג'יגה (תודה ל @א-מ-ד על המידע)
יש לי שלוש מודלים של בערך שתי ג'יגה אם יעזור לך אני יוכל להעלות לדרייב
אבל רק מחר קשה לי להאמין שאני יספיק היום
הוא לא מדי טוב בעברית
אבל בכל זאת תמיד אפשר למצוא איזה שהוא שילוב מוצלח
בקיצער תשחקו בהגדרות עד שתגיעו לשילוב המתאים
זה לא מסובך עריכה: לא חייב לעשות שילוב מבין האפשרויות, אפשר לכתוב אווירה (VIBE) מותאמת אישית
תראו את מה שאמר @צדיק-תמיםכאן
אני ממליץ להשתמש בשביל זה בג'מיני או בכל AI אחר דוגמא כאן
תכנסו לאתר הזה
תבחרו קול ואווירה תכתבו טקסט ותלחצו על PLAY
מרוצים? אפשר לשתף או להוריד את השמע
אני חושב שהוא לא יודע כלום חוץ מלהקריא סיפורים
הנה אחד: (קשקוש של ג'מיני) openai-fm-ash-serene.mp3
️ בכתיבת קוד html כל תו ותו חשוב ביותר החסרה או הוספה של תו אחד
 { const baseUrl = "https://www.google.co.il/search?q=site:mitmachim.top"; const m = location.pathname.match(/^\/(topic|category)\/(\d+)/); const type = m ? m[1] : null; const id = m ? m[2] : null; let searchInput; function search(path = "") { const query = searchInput.value.trim(); if (query) { window.open(`${baseUrl}${path}%20${encodeURIComponent(query)}`, "_blank"); } } let buttons = {}; buttons.searchAll = { id: "bb-search-all", label: `חיפוש ${type ? "בכל הפורום" : ""}`, className: type ? "btn-secondary" : "btn-primary", callback: () => search(), }; if (type === "topic") { buttons.searchTopic = { label: "חיפוש בנושא זה", className: "btn-primary", callback: () => search(`/topic/${id}`), }; } else if (type === "category") { buttons.searchCategory = { label: "חיפוש בקטגוריה זו", className: "btn-primary", callback: () => search(`/category/${id}`), }; } buttons.cancel = { label: "ביטול", className: "btn-default", "data-bs-dismiss": "modal" }; const dialog = bootbox.dialog({ title: '<div style="text-align:center;"><img src="/assets/uploads/files/1625950269825-mt-google.png" width="400" alt="חיפוש בגוגל"></div>', message: '<input id="bb-inp" class="bootbox-input bootbox-input-text form-control" placeholder="הקלידו כדי לחפש בגוגל" autocomplete="off"/>', buttons, backdrop: true, show: true, onEscape: true }); dialog.on("shown.bs.modal", function () { searchInput = document.getElementById("bb-inp"); if (searchInput) { searchInput.focus(); searchInput.addEventListener("keydown", function (e) { if (e.key === "Enter") { e.preventDefault(); const query = this.value.trim(); if (query) { search(); dialog.modal("hide"); } } else if (e.key === "Escape") { e.preventDefault(); dialog.modal("hide"); } }); } const searchAllButton = document.getElementById("bb-search-all"); if (searchAllButton) { searchAllButton.title = "לחצו על אנטר כדי לחפש"; } }); })(); void 0;){kind=link}