תחומים - פורום חרדי מקצועי

סביבת פיתוח:
להתקין

npm i -D @types/node
npm i -D @types/express

נגדיר בקובץ package.json סקריפט בשם dev, שיריץ את הפקודה tsc --wach

  "scripts": {
    "dev": "tsc --watch",
    "test": "echo \"Error: no test specified\" && exit 1"
  },

בתיקית השורש של הפרוייקט, נוסיף את התיקיה .vscode ובתוכה שני קבצים, launch.json

{
    "configurations": [
        {
            "name": "Launch Program",
            "program": "${workspaceFolder}/app.ts",
            "request": "launch",
            "skipFiles": [
                "<node_internals>/**"
            ],
            "type": "node",
            "preLaunchTask": "npm: dev",
        }
    ]
}

tasks.json

{
    // See https://go.microsoft.com/fwlink/?LinkId=733558
    // for the documentation about the tasks.json format
    "version": "2.0.0",
    "tasks": [
        {
            "type": "npm",
            "script": "dev",
            "problemMatcher": "$tsc-watch",
            "isBackground": true
        }
    ]
}

לא לשכוח להוסיף קובץ בתיקית השורש בשם tsconfig.json,

{
    "compilerOptions": {
      "module": "commonjs",
      "esModuleInterop": true,
      "target": "es2021",
      "moduleResolution": "node",
      "sourceMap": true,
    },
    "lib": ["es2015"]
  }

כעת בהרצה יווצרו ליד כל קובץ ts שני קבצים, js & js.map , זה מבלבל בעין, אז נוסיף לתיקיה .vscode קןבץ בשם settings.json עם התוכן הבא

{
    "files.exclude": {
        "node_modules/": true,
        "*.js": true,
        "*.js.map": true,
    },
}

וכך הקבצים המיותרים יוסתרו

@dovid בלי נדר, כשאפנה אשנה לכתוב מדריך אי"ה

יש לי אפליקציה שכתובה בצד שרת Node.js וצד לקוח אנגולר
בהתחלה התלבטתי איך לכתוב את השרת, ההחלטה היתה לכתוב אותו בטייפסקריפט
השרת והקליינט משתמשים בקובץ טייפים משותף של כל הישויות המשותפות ביניהם.

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

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

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

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

בברכה מרובה
ידידכם הדוש"ט

@yossiz בנתיים גיליתי כמה זה משעשע, אם זה עוזר אדע בהמשך

@צדיק-תמים חיכיתי חודש לאישור הנכסף, תן לי להנות קצת ממנו...

@dovid התקנתי מחדש וביצעתי אימות, עכשיו יש לי הצעות
תודה!

@dovid תודה!
אנסה ואעדכן בל"נ

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

פעם עבדתי על אתר וורדפרס שהמתכנת פתר את הבעיה הזו בצורה יפה, אבל אני לא זוכר את הפרטים המדוייקים
בגדול הוא היה שם קבצי HTML באיזו תיקיה, ובקובץ single page הוא הגדיר שהשרת יקרא את הקובץ הטמל המשוייך לפוסט הזה, וכך הוא היה עורך את ההטמל דרך ה FTP באיזה עורך קוד שרצה

מסתמא אפשר לעשות את זה עם short code שיאמר לפוסט מה הקובץ המשוייך אליו, או אפילו בלי שורט קוד, לעשות איזו התאמה בין השם של ההטמל למזהה של הפוסט

@צבי-ש האתר המוטמע בבעלותך או בבעלות צד שלישי?
אם זה בבעלות מישהו אחר, אתה מבין שזו פירצת אבטחה שהדפדפנים לא יכולים לאשר

@ארכיטקט תודה!

טבלת המוצרים

+-------------+-------
| id  | title | cost |
+-----+------------+--

טבלת התגים

+-------------+-------------
| id  | tag_name | item_id |
+-----+------------+--------

העמודה item_id זה מפתח זר של המוצר, לכל מוצר יש כמה תגיות.

אם אני רוצה לשלוף מוצר עם כל התגיות שלו, אני עושה JOIN

SELECT items.*, GROUP_CONCAT(items_tags.name, ',') as tags 
FROM items 
LEFT JOIN items_tags ON items_tags.item_id = items.id 
WHERE items.id = 55
GROUP BY items.id

ומקבל את כל התגיות תחת השדה tags

הבעיה מתחילה אם אני רוצה לשלוף כל מוצר שמכיל את תגית מסויימת
אם אני עושה כך

SELECT items.*, GROUP_CONCAT(items_tags.name, ',') as tags 
FROM items 
LEFT JOIN items_tags ON items_tags.item_id = items.id 
WHERE items.tags = 'computer'
GROUP BY items.id

זה שולף את כל המוצרים, אבל זה לא מביא את כל התגיות שלהם, זה מחזיר רק את התגית computer בגלל ה WHERE
אבל אני רוצה שרק הסינון יתבצע לפי התגית, ושיחזיר לי את כל התגיות שמשוייכות למוצר
איך עושים את זה?

@חגי אמר בשינוי מצב מסד נתונים:

זה פשוט לא SQL חוקי

למה לא? לא היינו עושים כך תמיד עד הגירסאות החדשות?

@yossiz אמר בשינוי מצב מסד נתונים:

משהו פחות תקני

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

@dovid יפה לא ידעתי שיש כזו ספריה בקליינט

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

javascript: function randomString(count, numbersOnly = false) {
    let randomStringChars = "abcdefghijklmnopqrstuvwxyz0123456789";
    if (numbersOnly) randomStringChars = '123456789';
    let out = '';
    while (count-- > 0) {
        out += randomStringChars[Math.floor(randomStringChars.length * Math.random())];
    }
    return out;
}
(function () {
    const length = prompt('אורך מחרוזת רצוי: ', 8);
    const input = document.createElement('input');
    input.value = randomString(Number(length));
    document.body.appendChild(input);
    input.select();
    document.execCommand("copy");
    input.remove();
})();

@לעזור-לכולם
לא הבנתי מה זה המערך $array_number זה המערך של המוצרים? ומה זה $array_abc ?

@לעזור-לכולם אתה לא חייב
יכול להיות שזה יעזור לחברים לעזור לך, כשמבינים את הסיטואציה המלאה יותר קל להתאים פתרונות

@לעזור-לכולם ולמה אתה רוצה דוקא את הספרה 4? מה הטריגר שמצריך אותך לחפש ספרות מסוימות?