פיתוח | מה המרחק שלי מהברקים?

[יידישע קאפ]

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

הרמתי אצבעות, ותיכף התיישבתי לכתוב את הקוד.
והנה האפליקציה:
https://lightning-distance.netlify.com/
והנה הקוד המקור ב-GitHub.
בנוי עם Vue, ועם Tailwind css.

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

 

[Y.E.S violinist]

מגניב!!!

 

[@qwerty]

למה זה לא עובד לי?

 

[Y.E.S violinist]

מגניב!!!

לא ניסיתי...
התגובה על היוזמה

 

[יידישע קאפ]

למה זה לא עובד לי?

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

 

[כוכב עולה]

חזק ביותר!

 

[יידישע קאפ]

אולי אוסיף לזה ממשק בעברית, אם יהיה זמן...

עכשיו הוספתי כפתור לשינוי הממשק לעברית.
תיהנו!

 

[נעמה :)]

מגניב לגמרי!!
רק משהו קטן לאלו שלא מבינים- מאיזה מרחק זה נקרא מסוכן??

 

[kadima]

חמוד.
אני רואה שההפצה היא בnetlify.
מומלץ?
יש לך מושג מה בגדול ההגבלות של המסלול החינמי? (בעיקר האם מאפשר קריאות API לממשק חיצוני. ואם יש עוד מעלות/חסרונות משמעותיים)
אני מחפשת עוד פלטפורמות חינמיות להפצה.
בינתיים התנסיתי עם firebase , heroku אך לכל אחד מהם חסרונות שונים.
מישהו יודע?

 

[יידישע קאפ]

אני רואה שההפצה היא בnetlify.
מומלץ?

מאוד.
יש להם רף חינמי נדיב, ויש להם קטעים מאוד מיוחדים.
למשל - אינטגרציה עם GitHub - אתה מחבר אותו ל-repo מסויים, ומאז כל `git push` גורם לבניה מחדש של האתר [למשל אם יש לך אפליקציית Vue - הוא יריץ את פקודת ה"build" בתוך הענן], ונמצא שהאתר שלך תמיד מעודכן עם הקוד הכי חדש שלך, בלי לעשות כלום, תוך כדקה מה-push!

גם יש להם "Serverless Functions" - שזה בעצם קוד צד שרת בלי שתצטרך לקיים שרת משלך [גובר הרבה תאוצה לאחרונה - ראה כאן].

אבל הם לא היחידים, שוה לבדוק גם את Firebase, Zeit Now, Surge (כל אחד עם היתרונות/חסרונות שלו)...
והנה הקישור ל-Netlify, למי שצריך.

 

[kadima]

תודה על התגובה.
אתנסה בקרוב בע"ה
firebase אני מכירה מצוין+.
ואגב יש להם גם את האפשרות של serverless
הבעיה העיקרית שלי עם firebase - זה הנושא של פניות לAPI חיצוני- מה שלא אפשרי במסלול החינמי- ולכן ענין אותי לשמוע.
לעומת heroku שדוקא כן מאפשרים- אך הממשק שלהם ממש מיושן ולא נוח(בעיני...)

ותודה על 2 השמות האחרים- אנסה לבדוק גם אותם.

 

[יידישע קאפ]

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

נכון, אבל ב-Netlify נותנים לך עד 125,000 קריאות לחודש גם ל-API חיצוני (מה זה חיצוני, הם לא גוגל... לכולם) - במסלול החינמי!

דרך אגב - אני הייתי צריך לעבד תשלומים עם Stripe API בפרוייקט שמשתמש ב-Firebase Authentication ו-Realtime Database, אז לא יכולתי להשתמש ב-Functions של Firebase...
מה עושה יהודי?
הקמתי Netlify function שמעבד את התשלום באמצעות ה-API של Stripe, ואח״כ [אחרי תשלום מוצלח] קורא ל-Firebase function שיעדכן את ה-Database וה-user...

 

[kadima]

לא יכולת כי השתמשת בגרסה החינמית???
(כי עד כמה שידוע לי הרי שבמסלולים בתשלום זה כן אפשרי....)
אבל מה הייתי עושה אם היית צריכה משהו בכיוון הפוך? למשל קריאה שתקרה כשמשתמש חדש נרשם או משהו כזה....
הפתרון שאני השתמשתי - לא אידיאלי בכלל- בצעתי קריאה לפונקציה(לא ממש פונקציה- אבל השתמשתי בקריאת HTTP לHEROKU) מתוך צד הלקוח.- כמובן אחרי שפירבייס פונקשין- חזר...

עוד משהו שמענין אותי זה פלטפורמות שניתן להריץ בהם קוד בשפות כמו פיתון וכו' - אך עם ספריות מעבר לבסיס (כמו sklearn וכו') - האם זה אפשרי באיזשהו צורה עם Netlify function.
לגוגל יש איזושהי אפשרות- אך הרישום דורש פרטי כרטיס אשראי(לא רוצה לתת....)- וגם נראה לי שהתקרה החינמית נמוכה מאוד.

אז גם לזה הצלחתי להשתמש בHEROKU- אך אני מחפשת תחליף יותר "נורמלי"....
אשמח לשמוע.
ואלפי תודות.

 

[יהוחפץ]

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

הרמתי אצבעות, ותיכף התיישבתי לכתוב את הקוד.
והנה האפליקציה:
https://lightning-distance.netlify.com/
והנה הקוד המקור ב-GitHub.
בנוי עם Vue, ועם Tailwind css.

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

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

 

[יידישע קאפ]

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

נכון.
מוזמן לבצע את זה, הקוד נמצא בגיטהאב כאן [וזה הפונקציה שנותן את הצבע].
מחכה ל-pull request!

 

[יידישע קאפ]

צריך לשים לב כשמשנים ממטר לרגל שגם הצבע ישתנה בהתאם...

בסוף ביצעתי את זה בעצמי, אם מעניין אותך - ראה כאן איך.

האתר התעדכן באופן אוטומטי - כי הוא מאוחסן ב-Netlify ומחובר למאגר הנ״ל ב-GitHub, ומתעדכן עם כל push של קוד...

 

[יהוחפץ]

בסוף ביצעתי את זה בעצמי, אם מעניין אותך - ראה כאן איך.

האתר התעדכן באופן אוטומטי - כי הוא מאוחסן ב-Netlify ומחובר למאגר הנ״ל ב-GitHub, ומתעדכן עם כל push של קוד...

ישר כוח!
אני עוד לא ממש דובר node.js ואת פרימוורקיה... (בתכנון ללמוד )

 

[יידישע קאפ]

אני עוד לא ממש דובר node.js ואת פרימוורקיה... (בתכנון ללמוד )

אין לזה שום קשר ל-node.js.
זה בנוי עם Vue (ו-tailwindcss ל-css), שכולם בצד הלקוח.

אגב, הדרך שהצבע עובד כרגע הוא ככה:

 

[יהוחפץ]

אין לזה שום קשר ל-node.js.
זה בנוי עם Vue (ו-tailwindcss ל-css), שכולם בצד הלקוח.

אגב, הדרך שהצבע עובד כרגע הוא ככה:
צפה בקובץ המצורף 552398
צפה בקובץ המצורף 552400

כן כן, ראיתי שזה ויו, זה גם סוג של, לא?
כמו ריאקט / אנגולר וכו' (או שאני מערבב פה כמה דברים [בתכנון שלי ללמוד את זה ואז אדע את ההבדלים ])

 

[יידישע קאפ]

כן כן, ראיתי שזה ויו, זה גם סוג של, לא?

לא.
node.js הוא סביבה בצד השרת, ואילו Vue, Angular ו-React הם פריימוורקים לצד הלקוח (frontend).