ONIPHP เว็ปไซต์ รับเขียนโปรแกรม PHP ขั้นเทพ รับทำ จัดทำ เว็บไซต์ ด้วยโปรแกรมเมอร์มืออาชีพที่ดีที่สุดในขณะนี้ :)

16/09/2022

แจก Function ที่เอาไว้หาค่าสัดส่วนเป็น Percentile นะจ๊ะ เบบี้

เช่น ใส่ค่าไปว่า getRatioFromValues([10, 20, 70]) สมมุติใส่ให้ลงตัวเพื่อรวมกันได้ 100 นะ แต่จริงๆ ใส่เท่าไหร่ก็ได้ แล้ว ระแบบจะคำนวณเองว่า แต่ละตัว สัมพันธ์ กับตัวอื่นๆกี่ % ในที่นี้ จะได้คำตอบออกมาเท่าเดิมคือ 10%, 20%, 70%

ส่วน optional เช่น getRatioFromValues([10, 20, 70], 1000) ตัวสุดท้ายที่เขียน 1000 หรือถึงตัวตั้งต้นให้เทียบ percent คำตอบในที่นี้ ก็จะเอาแต่ละตัวใน array ไปเทียบกับ 1000 จะได้คำตอบเป็น 1%, 2% 7% ตามลำดับไหล่

ไปดู โค้ด กันเล๊ยยยย

getRatioFromValues(compareValues = [], baseCompareValue) {
let totals = 0;
if(baseCompareValue) {
totals = parseFloat(baseCompareValue)
} else {
totals = compareValues.reduce((a, b) => a + parseFloat(b), 0);
}

const percentiles = [];
compareValues.forEach((item) => {
percentiles.push(((parseFloat(item) * 100) / totals) || 0)
})

return percentiles
}

    พี่ๆน้องๆ ที่ใช้ Git แค่ commit, pull, push ให้แค่พอเป็น มาดูคลิปสอน GIT ที่หา Case ตัวอย่างมาให้ว่าถ้าเจอสถานการณ์แ...
17/07/2022

พี่ๆน้องๆ ที่ใช้ Git แค่ commit, pull, push ให้แค่พอเป็น มาดูคลิปสอน GIT ที่หา Case ตัวอย่างมาให้ว่าถ้าเจอสถานการณ์แบบนี้ต้องทำอย่างไร Squash ทำยังไง Cherry Pick ใช้แบบไหน Reset hard/soft มีอะไรหลงเหลืออยู่บ้าง ไปดูนี่เล๊ยยยย อ้อ กด สับตะไคร้ให้ แอด ด้วยเน้อ

สอนการใช้ GIT กับโปรแกรมอย่าง Fork สามารถใช้งานได้ทั้ง Window และ Mac เลย บอกวิธีการเอาไฟล์ในโปรเจ็คของเราเข้าไปสู่ GIT ...

  สอนการสร้าง Server Api ที่พยายามให้สั้นที่สุด แต่กลับกลายเป็นยาวกว่าทุกคลิป เพราะอะไร มีอะไรซ่อนอยู่ในคลิป ตะแล่นแต่นแ...
16/07/2022

สอนการสร้าง Server Api ที่พยายามให้สั้นที่สุด แต่กลับกลายเป็นยาวกว่าทุกคลิป เพราะอะไร มีอะไรซ่อนอยู่ในคลิป ตะแล่นแต่นแต๊น ไปดูกันเล๊ยยย คนสายเขียววว 😎

คลิปสุดท้ายของ NuxtJs แล้วนะทุกท่าน อยากเปลี่ยนไปสอนอย่างอื่นบ้าง 😅 ตอนนี้จะเป็นของ Server API ที่ยังคงดูแปลกๆนิดนึ...

      เอาใจสายเขียวกันบ้าง พอได้ลอง Nuxt3 ถึงกับต้องอ้าปากค้างแมลงวันเข้าปากเป็นพันๆตัว คือดีย์สุดๆ ไม่เวิ่นเว้อ เลยจริง...
02/07/2022

เอาใจสายเขียวกันบ้าง พอได้ลอง Nuxt3 ถึงกับต้องอ้าปากค้างแมลงวันเข้าปากเป็นพันๆตัว คือดีย์สุดๆ ไม่เวิ่นเว้อ เลยจริงๆ ไปดูกันเล๊ยยย

ขั้นตอนการติดตั้ง Nuxt3 (ตัวคลอบ VueJs อีกที) ติดตั้งรวดเร็วไม่ถึง 2 นาที จนต้องสอนเรื่องอื่นเข้ามาเสริมกันเลยทีเด...

  ตั้งแต่วันที่ 1 มิ.ย. 2565 เป็นต้นไป จะบังคับให้เว็บไซต์ที่มีการเก็บข้อมูลข้อลูกค้า ทำ pdpa เพื่อให้ลูกค้ายินยอมให้เก็...
05/06/2022

ตั้งแต่วันที่ 1 มิ.ย. 2565 เป็นต้นไป จะบังคับให้เว็บไซต์ที่มีการเก็บข้อมูลข้อลูกค้า ทำ pdpa เพื่อให้ลูกค้ายินยอมให้เก็บข้อมูลส่วนตัว โดยสคริปต์ที่จัดทำขึ้นไม่ได้แจกฟรีเน้อ ความสามารถของมันคือเป็น Popup แจ้งตั้งค่าความเป็นส่วนตัว และเก็บคุกกี้ไว้บน Browser นักพัฒนาจะสามารถพัฒนาต่อโดยการนำ Cookie ที่มีการยินยอมไปผูกกับ User ต่อไป เพื่อเก็บไว้เป็นหลักฐาน เช่นเมื่อ Login ภายในเว็บไซต์ให้เชคว่ามี Cookie consent อยู่หรือไม่ ถ้ามีก็ให้นำไปเก็บในฐานข้อมูลต่อไป

ราคาภายในเพจนี้ 1,500 บาท ต่อ 1 โดเมนเนม(ซื้อขาด) ใครสนใจสามารถ ib โดยแจ้ง
- domain name ของคุณ
- cookie privacy url ของคุณ (คำอธิบาย ว่าคุกกี้คืออะไร ใช้ทำอะไรบ้างภายในเว็บไซต์ของคุณ แต่ละคนจะไม่เหมือนกัน แล้วแต่การใช้งาน)

จบข่าว

วิธีติดตั้ง (React)NextJs Manual มือง่ายๆจริงๆนะเออ 😎
15/05/2022

วิธีติดตั้ง (React)NextJs Manual มือง่ายๆจริงๆนะเออ 😎

This Clip will show you by creating website. Everybody can follow this step by step. by the way, if I fail something. Please feel free to comment .วิธีกา...

10/05/2022

มีเพื่อนบอกเพื่อน มีน้องบอกน้อง หรือไว้ดูเองก็ได้เน้อ เป็น คลิปสอนเขียนเว็บทำขึ้นมาสอนแบบบ้านๆ ใครที่เคมีตรงกันก็น่าจะมีอยู่บ้างนะครับ 555+
เข้าไปกด Like && Subscribe เป็นกำลังใจก็ดีนะ ส่วน คลิป คงจะทำไปเรื่อยๆ เผื่อวันใดที่ไม่มีเทพแล้ว Video ก็ยังคงอยู่คอยสอนคนรุ่นหลัง 🤟🤟🤟

เข้าไปดู Trick เล็กๆน้อยๆได้ที่นี่จ๊า
https://www.youtube.com/playlist?list=PLPfkHvKBsAqtnmcJU178oZVe-uy-tJqWC

02/01/2022

ช่วงนี้มีทำงานซ้ำไปซ้ำมาจนน่าเบื่อ เลยหาทางออกด้วยการเขียน js เกมส์เล่นสักวัน ลอง canvas และเหลา Logic ไปในตัว ตัวนี้จะเป็นเกมส์ งู โดยใช้ arrow ในการบังคับนะครับ ส่วน code เขียนไว้ไม่เกิน 200 บรรทัด สำหรับสมาชิกที่สนใจ อยากเห็นตัวโค้ดว่าเขียนยังไง ในนี้มีบอกหมดแต่ต้องเล่นไปตาม Rule ที่ตั้งไว้เน้อ 👌

URL:

04/09/2021

กลับมาอีกครั้งด้วย ubuntu on mobile เครื่องนี้ใช้ onePlus 9 Pro จริงๆ android mobile ทำได้เกือบหมดอยู่แล้ว คำถามคือลงไปเพื่ออะไร ไอเดียที่ลงคืออยากลอง dev code บนมือถือไปเลยจริงๆ ต่อเข้า จอแยก แล้วลองทำงานดู เมื่อถึงเวลาแก้งาน อยู่ไหนบนโลกที่พกพามือถือไปก็จะสามารถทำให้ ลค ได้เลย แจ๋วมั๊ยล่ะ 😁

03/03/2021

พอดีน้องในกลุ่มทักมาว่า ถ้าอยากจะ convert interger 10000 ให้เป็น 100.00 จะต้องเขียนประมาณไหนใน js อีกคนในกลุ่มก็บอกว่าหา lib มาช่วยสิ แต่แอดมินมันติส ก็เลยเขียนให้สดๆใน 3 นาที บะหมี่สุกพอดี ก็หาๆจาก google แล้วนำมาประกอบกันก็จะได้ประมาณนี้ 😘

ปล. ถ้าพบบัค ก็เม้นมาได้เลยครับผม

const convertMoney = (amount) => {
let decimal_length = 2;
const full_integer = amount.toString().slice(0, -(decimal_length)).replace(/\B(?=(\d{3})+(?!\d))/g, ",");
const decimal = amount.toString().padStart(decimal_length, "0").slice(-(decimal_length));
return full_integer + '.' + decimal;
}

21/02/2021


ไม่ได้มาอัพเดทนาน มาพิมพ์อะไรให้อ่านไปเพลินๆน๊ะ

*** React ***
ได้มีโอกาสรับงานธนาคารแห่งนึง จะเป็นการทำ KYC Form ที่ต้องมีการต่อกับ api ยิบยับไปหมด ...คือตอนแรกเลยคนจ้างบอกว่าใช้ React ซึ่งบอกตรงๆเลยว่าไม่เคยเขียนมานานมาก และเป็นการเขียนแบบเก่าที่ไม่ใช่แบบ function(hook) 4-5 ปีได้แล้วล่ะมั๊ง แต่ก็คิดว่าแค่ React มันจะไปยุ่งยากอะไรมาก แต่พอเค้าบอกว่าเค้าใช้ Material-UI ในการทำหน้าตาเว็ป ถึงกับกุมขมับไปเลย เพราะว่าปกติใช้ Bootstrap3,4 จนเรียกได้ว่าขั้นเทพแล้ว ก็เลยเหมือนต้องเรียนรู้ใหม่หมดทั้ง Project ไปเลย แต่สรุปก็รับงานมาด้วย Timeline ที่บีบคั้นมาก แค่ 20 วัน และทำใน Code เดิมซึ่งมี Error ประปรายอีก - -'

ทุกอย่างเครียดไปหมด ความกดดันมหาศาล ซึ่งถ้าจะอ่าน React ให้จบก่อนก็คงไม่ได้ เพราะเค้าจะให้เราอัพเดทงานทุกวัน ถามทุกวันว่าถึงหน้าไหนแล้ว จะเสร็จวันไหน ก็เลยต้องอาศัย Code เดิมที่ใช้เวลาอ่านสั้นๆ นำมาแปะลองผิดลองถูกทันที พอทำไปได้ 3 วัน ปรากฏว่าไปอ่านเจอว่า React มีแบบ function(hook) ซึ่งทำให้การเขียน Code สั้นมากๆ เสียเวลาทำไป 3 วันแล้วด้วย Code แบบเดิมๆ แต่มันอดใจไม่ได้ที่ต้องการจะทำอะไรต้องดีที่สุด ก็เลยปรับกลับเป็น Hook ทั้งหมด แต่พอเริ่มปรับก็เริ่มเข้าใจมากขึ้น ก็เลยใช้เวลาแค่ชั่วโมงเดียวก็เป็น Hook ได้ทั้งหมด
แต่...ส่วนที่ยากกว่า React ก็คือ Material UI ที่ต้องจะทำอะไรทีก็ต้องไปดู Doc ทีนึง เนื่องจากไปส่อง Code เดิมแล้ว เขียนได้ไม่ดีขั้นรุนแรงเลยทีเดียว ตัดสินใจสร้าง Component ใหม่หมด เพื่ออนาคตที่ดีกว่า

ซึ่งของพวกนี้ก็ใช้เวลาพอสมควร กินเวลาไปประมาณ 8 วันได้ หน้าที่ต้องทำก็ยังไปไม่ถึงไหน จนคนจ้างเริ่มกังวลว่าทำไมทำงานช้าแบบนี้ เค้าก็เลยตัดสินใจเอาคนเข้ามาช่วย และนั่นคือจุดพีค...

ทางคนจ้างบอกว่า ให้แบ่งงานกันอย่างชัดเจนเลย ให้เราทำเฉพาะ UI ไป และอีกคนซึ่งเค้าเคลมว่าเขียน React มานานแล้ว มีประสปการณ์สูง มาผูก Api จะดีกว่า พอทีนี้ได้รับโจทย์ใหม่ทำแค่ UI ล้วนๆ ก็หวานหมูเลย เลยใช้เวลาเพิ่มอีก 2 วัน UI ทุกอย่างเสร็จหมด เพราะก่อนหน้านี้ทำ Component เตรียมไว้อย่างดีแล้ว ก็แค่เรียกมาใช้ แปะๆ ตามแบบ UI ก็เสร็จแล้ว อ่อลืมบอกว่า มีทั้งหมดโดยประมาณ 40 หน้าได้

ทีนี้ก็ว่างจาก Project นี้แล้วเพราะทำหน้าที่ตัวเองเสร็จหมดแล้ว พอถึงวันที่ต้องส่งคนที่เข้ามาช่วยเขียนก็เข้ามาคุยไลน์ส่วนตัวบอกว่าเค้าทำไม่ไหว ทำไม่ทัน ข้อมูลเค้ายังไม่รู้อะไรเท่าไหร่เลย เอิ่มมม.... ก็คิดในใจนะ "แล้วทำไมไม่บอกคนจ้างไปตั้งแต่เนิ่นๆ เค้าก็ซวยแย่ดิแบบนี้" ด้วยความที่เป็นคนขี้สงสาร ก็เลยออกตัวเสนอหน้าไปบอกคนจ้างว่า เดวจะทำส่วนนี้ให้เป็นการแถม จะได้มีอะไรส่ง ลค ของเค้า ไม่งั้นก็พังแน่ๆ สุดท้ายก็ทำให้จนเสร็จในส่วนที่ต้องส่งทันเวลาพอดี

จากนั้นก็เหมือนจะทำไม่ทันไปเรื่อยๆ ช้าจนคนจ้างต้องมากลับมาขอความช่วยเหลือ โดยให้ค่าจ้างเป็น Manday(รายวัน) ถ้าในวันนั้นเค้าเชื่อมั่นว่า "คนที่ไม่เคยเขียน React hook กับ Material UI สามารถจบงานได้จริง" แต่เอาความเป็นจริงไม่มีใครเชื่อมั่นหรอก เค้าก็ต้องทำแบบนั้นแหละ

*** Heroku ***
เรื่องนี้สั้นสุดๆ เพราะเพิ่งเกิดเมื่อเช้านี้เอง หลังจากตอนเช้าตรู่ มาเขียน code แถมให้ทางคนจ้างไป 10 นาที (10 นาที ก็ปิดไปหลายเคสอยู่นะ) เห็นใจเพราะโดน Manday หนักอยู่ ก็ไปเห็นใน Youtube เกี่ยวกับการขึ้นเว็บด้วย Heroku เลยคิดว่า เอาล่ะ วันนี้ถึงเวลาสักที ที่เราจะเรียนรู้ Heroku เท่าที่ศึกษามาสรุปแบบง่ายๆตามพื้นบ้านเลยเนอะ
- Heroku ก็คือ Web Hosting ฟรีๆ ไม่เสียตังค์
- Heroku ทำงานผ่านในรูปแบบของ Git
- Project ของเราไม่จำเป็นต้องผูก Git อื่นๆ ผูกเฉพาะ Heroku ก็ทำงานได้ แต่มันก็ไม่เข้าท่าเท่าไหร่
- ถ้า Project ของเราผูกกับ Github ใน Project ของเราก็จะมี Remote Git อยู่ 2 ตัวได้แก้ Remote origin github และ Remote Heroku อีกอันนึง
- เมื่อเราจะทำการ Deploy จะใช้ด้วยคำสั่ง git push heroku main ซึ่งเป็นค่า Default ให้รู้กันว่า ถ้าลง Branch นี้คือจะมีการ Deploy และอ่านไฟล์จาก package json
- เราสามารถนำพวก Static HTML (VueJs, ReactJs, AngularJs) ที่เป็นแบบ Frontend เพียวๆขึ้นได้ แต่ต้องมีการ Set ค่าบางอย่าง เพราะพวกนี้ไม่ใช่ค่าตั้งต้นของ Heroku ซะทีเดียว
- สามารถเอาพวก Config เช่น app.json, static.json ขึ้นไป Heroku โดยไม่กระทบกับ remote อื่นๆได้

ถ้าทำตาม starter guide ก็สามารถทำได้ไม่ยากนะครับ สู้ๆนะ ทุกคน 😘

    เกมส์วัดสายตา Fastest Picker ใช้เวลา ทำโดยประมาณ 2-3 วัน มี Logic ที่ดี วางแผนดีๆ งานก็จบได้ง่ายน๊ะ ใครสนใจอยากโหลดไ...
18/07/2020

เกมส์วัดสายตา Fastest Picker ใช้เวลา ทำโดยประมาณ 2-3 วัน มี Logic ที่ดี วางแผนดีๆ งานก็จบได้ง่ายน๊ะ ใครสนใจอยากโหลดไปลองได้ แอดมินเขียนเองแบบเผาๆ เพราะมีงานค้างอยู่ แต่อยากเขียนเล่นๆจ๊าา 😎

www.oniphp.com/projects/flutter/fastest-picker.apk

ที่อยู่

Bangkok
10900

เว็บไซต์

แจ้งเตือน

รับทราบข่าวสารและโปรโมชั่นของ ONIPHPผ่านทางอีเมล์ของคุณ เราจะเก็บข้อมูลของคุณเป็นความลับ คุณสามารถกดยกเลิกการติดตามได้ตลอดเวลา

ติดต่อ ธุรกิจของเรา

ส่งข้อความของคุณถึง ONIPHP:

แชร์