Tag javascript

[C#] Array Spread 

จริงๆเรียกว่าลองมาทวนๆ JavaScript แล้วมีงงๆกับ Array Spread นิดหน่อย เลยลองดูจาก Doc จาก Spread syntax (…) – JavaScript | MDN (mozilla.org) สรุปแตก Element ข้างในออกมาให้ตัวย่อยสุด ตัวอย่างของ Javascript ก็ตาม ด้านล่างนี้เลย ดูมีประโยชน์ดี แล้ว C# มันมีไหม คำตอบเพิ่งมีตอนปีที่แล้วใน C#12 ครับ Pattern คล้ายกับของ JS เลย ใช้ตัว ตัวอย่างตามนี้เลย แล้วถ้ามาลองตัวอย่างที่ตัวอย่างใน Spread syntax…

Convert HTML to JSX

หลายๆ เราไม่มีหัว Design จะเอา UI คนที่ไว้แล้ว เช่น จาก Preline UI, crafted with Tailwind CSS ซึ่งเข้าจะมี Template และ Code มาให้ Copy แต่เป็น HTML พอเราเอามาแปะใน JSX จะแดงเถือกเลย ถ้าไล่แก้ก็เสียเวลานิดนึง ลองหาดูมี Plugin ช่วย html to JSX – Visual Studio Marketplace กดลงเลยครับ การใช้งานง่ายมากครับ Reference

Update ทุก Dependency ของ Package.json

NPM

ช่วงนี้มีได้มาดู Front-End ตัวนึง ซึ่ง Lib มันเก่าอยู่พอสมควร 2-3 ปีแล้ว เราก็ขี้เกียจด้วย เลยคิดว่า Update ยังไงให้มันใหม่สุด แบบไม่เหนื่อยมาก หลังจากลอง Research คนทำ Library npm-check-updates (ncu) ไว้แล้ว ลงได้เลย จากนั้นตรวจสอบก่อนว่ามี Lib อะไรบ้างที่ update ด้วยคำสั่ง ถ้าไม่ติดอะไร พร้อมจะลุย สั่ง Update ด้วยคำสั่ง แต่ถ้าต้องการ Exclude Lib บางตัวออก ใช้ -x <pattern string> ได้ครับ…

Hello World Electron.NET

ช่วงนี้มี Plan ที่จะย้าย Utility App ที่ใช้มานาน 9 ปี .NET Framework 4.x (Desktop App) มาเป็นเทคโนโลยีอื่นๆ ผมเลยมอง Electron.NET กับ .NET MAUI ไว้ครับ สำหรับ Blog ตอนนี้มาลอง Electron.NET กันก่อนครับ Electron.NET Electron เป็น Framework ที่ใช้พัฒนา Desktop App โดยใช้ JavaScript อย่างตัว Visual Studio Code ก็เป็น Tool…

[TESTING] มาทำให้ JSON-Server Support Request แบบ Chunked ครับ

หลังจากติดปัญหาเรื่อง BPMN Engine  แล้วพบว่า Service Task ถ้าทำเป็น Web Service แล้วข้อมูล Request ในส่วนของ Body มันหายไปครับ หลังจากไล่ไปไล่มา โดยดูจาก Forum ของ Camunda Payload is empty when making HTTP POST request with HttpConnector How to specify POST payload for Rest Tasks ? Disable sending…

[JS] ใช้ Library lodash จัดการกับข้อมูล

ช่วงนี้ผมได้ไปเรียน Course Online ที่จัดโดยสมาคมโปรแกรมเมอร์ไทยครับ เกี่ยวกับ JS+Angular+FireBase ครับ โดยระหว่างเรียนมีการบ้านให้จำนวน 4 ข้อ ก่อนจะไปลองโจทย์ มารู้วิธีการเล่นกับข้อมูลก่อน (Data Model) ว่าตัว Java Script มี function อะไรให้ใช้งานบ้างครับ ตัวโจทย์ตั้ง 4 ข้อ ผมใช้ตัว Lodash (ผมมองว่ามันเป็น Super Util Library) ลองเล่นกับข้อมูลที่ผู้สอนเตรียมไว้ ดังนี้ครับ หลังจากได้เรียน Section นี้ไป ถ้ามีพื้นฐานอย่างตัว SQL ช่วงทำให้เข้าใจข้อมูลได้ง่าย และถ้ารู้เรื่องพวก Functional Programming…

[JS6] มาลองเล่น ECMAScript 6

หลังจาก Blog ตอนก่อน ก้าวเข้าสู่โลกของ Frontend เริ่มเล่น Nodejs ลงเพื่อให้ได้ตัว NPM มานะครับ คราวนี้ผมลองศึกษาตัว ECMAScript 6 โดยดูจาก GitHub ECMAScript 6 Tutorial ใส่ตัวอย่างจาก Git เข้ายก Mortgage Calculator ที่มี amortization และเราลองทำตามขั้นตอนที่ผู้เขียนแนะนำครับ ECMAScript 6 คือ JavaScript แหละ ที่ปรับเปลี่ยนให้ตามยุคสมัยมากขึ้น – Use Strict อันนี้มีมาตั้งแต่ ECMAScript 5 แล้ว แต่ถ้าใครมาจากภาษาที่แบบเคร่งอยากให้เปิดไว้ เช่น จริงๆ เรื่องนี้มีอีกหลายอันเลย…