Category Desktop/Web Programming

Desktop/Web Programming

Relative Path Note

asphalt winding roadway on mountain slope

Starting with Start At <subdriectory> start <subdriectory> and move forward / or ./ root directory Example- ‘nodePath’: fileURLToPath(new URL(‘./node_modules’, import.meta.url)) ../ move backward 1 directory level and starts Example- import HomeView from ‘..’ .. move backward 2 directory level and…

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> ได้ครับ…

[Vue3] vue-multiselect TypeError: Cannot read properties of undefined (reading ‘_c’)

vue

ลองเล่น Vue3 + Plugin vue-multiselect พอดีอยากทำ App ครอบตัว Redmine แต่ Run ไป เจอ Error ตอนแรกก็ติดมา 2 ชั่วโมงเลย ทั้งลองทำตาม Example เค้าแล้ว ถอยจาก TypeScript มาเป็น JavaScript ก็ยังไม่ผ่าน คิดว่าน่าจะบั๊กมาตัว Library เลยลองไปส่อง package.json ตอนนี้ 2.1.7 ลองไปส่องที่ Repo ดู เหมือนจะสุดที่ 2.1.7 แต่ลองไปส่องที่ Releases · shentao/vue-multiselect…

How to access NPM Private Registry

หลังจากที่ ได้ปรับตัว Nexus ให้เป็นทั้ง Host และ Proxy ของตัว NPM ในบริษัทไปแล้วตาม How to Access npm Packages After Securing Nexus Repository Manager (sonatype.com) ต่อไป คือ การกำหนดในตัว NPM ใส่ตัว Credential เวลาใช้งานครับ โดยมีรูปแบบ ดังนี้ NOTE: บางทีที่ยังใช้งาน Username + Password ต้องเพิ่ม –auth-type=legacy ตัวอย่าง เช่น หลังจากมันจะถาม…

[.NET] Add UI เข้ามา แต่ View Designer ไม่ได้

Visual Studio

สำหรับวันนี้เป็นสรุปแนวทางปัญหาที่น่าจะเจอกันสำหรับคนที่ทำ Desktop App / Windows Forms App บน Visual Studio กันครับ ว่าบางที่ Add UI เข้ามาเพิ่ม แล้วเจอปัญหาว่า ถ้าอยากจะแก้ UI ต้องลงทุน เข้าไปแก้ Code แต่ที่จะออกแบบผ่านตัว Designer ได้ครับ ปัญหา Add UI เข้ามา แต่ View Designer ไม่ได้ สาเหตุ การแก้ไข – วิธีที่ 1: Exclude ไฟล์ที่มีปัญหาออกไป แล้ว…

[JWT] Idea การออกแบบ Token สำหรับ Microservice

พอดีลองมาเยอะครับ เลยขอสรุป Pattern ที่ใช้ครับ Blog นี้อาจจะสั้นนิดนึงนะ โดยผมแยก Token ออกเป็น 2 กลุ่ม ได้แก่ Access Token กับ Refresh Token โดยแต่ละอันมีรายละเอียด ดังนี้ Access Token ระยะเวลาสั้น เก็บ Anything เช่น พวกสิทธิในระบบ Size ยิ่งใหญ่ทำให้ Request นานๆ ข้อมูลบางอย่าง เช่น พวกสิทธิ อาจจะต้องแปลงให้เล็กที่สุด โดยอาจจะทำเป็นเลขฐาน 2 แทน ถ้า Expired Return Code 4xx แต่ไม่ได้อยู่ในมาตรฐานนะ…

Laravel 5.3 First Time

หลังจากไปทำงานเกี่ยวกับ Process ของ Business กับ จัดการตบตีกับ Legacy Code อยู่หลายปีเลย จากที่เขียน Blog ไว้ในเรื่อง สิ้นปี 2016 แล้วเหรอ ? ที่มีเรื่องที่ควรทำให้ได้ คือ การลองกลับมาเขียนภาษาฝั่ง web ครับ ตัวที่ผมเลือก คือ Laravel พอดีไปเจอสื่อการสอนของทาง SIPA ครับ ไหนๆ จะศึกษาและ ลอง Version ใหม่สุดๆ ดีกว่าครับ โดยผมได้ลอง Laravel 5.3 นะครับ ค่อยศึกษาตั้งแต่มกรา ยาวมาถึงตอนนี้เลย พอผมเรียนปริญญาโทด้วย ตอนนี้รู้สึกว่างานมันหนักมาครับ…

Firebase CLI 001 งูๆ ปลาๆ

ช่วงนี้ได้ลองศึกษาตัว Angular กับ Firebase ผมเลยลองสรุปคำสั่งที่งมๆแปะไว้ครับ คำสั่งสำหรับลง Lib ของ firebase ครับ npm install –save firebase คำสั่งลงตัว Command Line Tools npm install -g firebase-tools ลง Command Line Tools ก็ต้อง Login ก่อน ไม่งั้นจะทำอะไรไม่ได้เลย ถ้า Login ด้วย firebase สามารถใช้คำสั่ง firebase login โดยมันเปิดเว็บเบราเซอร์ให้ไปผูก Google App นะครับ…

[CSS] ปรับหน้าเว็บให้เป็นโทนขาวดำ

โพสนี้เนื่องจากมีเพื่อนถามมากันพอสมควรว่าเปลี่ยนเว็บ เป็นโทนสีขาวดำ เพื่อร่วมไว้อาลัยถวายแด่ “ในหลวง” ผมลองหาข้อมูลดู เนื่องจากไม่ได้ทำงานด้าน CSS มาก่อนเลย เลยมาของสรุปไว้นะครับ โดยถ้าเป็นเว็บที่ไม่ใช้ได้ CMS อะไรเลย สามารถนำ Code นี้ไปใช้งานได้เลยครับ body { /* IE */ filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); /* Chrome, Safari */ -webkit-filter: grayscale(1); /* Firefox */ filter: grayscale(1); filter: grayscale(100%); filter: gray; -moz-filter: grayscale(100%); -webkit-filter: grayscale(100%);…