Desktop/Web Programming
หลังจากใช้ npm มาประมาณ 5-6 วัน มันมีเรื่องที่ว่าปกติ ผมมักจะ Copy งานที่ทำก่อนหน้า มาเริ่มต้นทำต่อในวันถัดไป แต่วันนี้ Copy ไม่ได้แล้ว Windows มันด่าว่า Path ยาวเกินไปนะ (จริงๆใช้พวก Git น่าจะดีกว่านะ) ไหนๆก็เจอปัญหาแล้ว ลองมา Restore พวก Dependency ดีกว่าครับ ก่อนอื่นมาดูกันก่อนตอนนี้มีแต่ Code ไม่มี Dependency ต่างๆเลย มาดู package.json ที่เก็บรวบรวมความสัมพันธ์ของ Project และ Dependency ต่างๆไว้ ให้ npm จัดการต่อด้วย cd…
ลองรัน webpage-dev-server โดยที่ไม่ต้องลงแบบ Global กัน สำหรับ Blog นี้เกิดจากความกลัวล้วนๆครับ ฮ่าๆ กลัวว่าไป Run คำสั่ง npm install -g webpack-dev-server มันจะไปโดนงานที่ทำอยู่ แต่ลองหาข้อมูลแล้วเจอแบบให้ลงแบบ Global เลยลองพิมพ์ตาม Pattern ของคำสั่งเวลาเรียกใช้ webpack ครับ โดยสำหรับสาย Windows อย่างผม cd ไปยัง Path ที่ต้องการครับ พิมพ์คำสั่ง node_modules\.bin\webpack-dev-server D:\01Knowledge\01MyTrain\2016\AngularJSandFireBase\Day3\webpack> node_modules\.bin\webpack-dev-server Start ได้ด้วย ไม่จำเป็นต้องลงแบบ Global ครับ…
ปัญหา “Refusing to install webpack as a dependency of itself” สำหรับปัญหานี้เกิดจากความโง่ของผมเองครับ พอดีจะลองตัว webpack ตาม Video สอน ดันไปสร้างโพลเดอร์ที่ชื่อว่า webpack พอไป npm init ตัว npm มันเลยสร้าง package.js ชื่อ webpack พอไปลงตัว webpack เข้ามันเลยด่ากลับมาครับ สำหรับทางแก้ไข คือ แก้ชื่อ package – name เป็นชื่ออื่น ไม่ให้ชนกับ webpack ครับ รอดแล้ว ได้เรียนต่อ…
หลังจากทำงานในส่วนของ Backend พวก Web Service กับ WinApp มานาน เกือบๆ 3 ปี คราวนี้เริ่มลองก้าวออกมาฝั่ง Frontend บ้างครับ โดยตัวที่ผมเริ่มลงตัว Nodejs เพราะ Nodejs เป็น JavaScript ฝั่ง Server นะครับ มันดูขัดๆกับที่ผมจั่วหัวว่า “โลกของ Frontend” จริงๆ ส่วนทำไมผมถึงลงก่อน เพราะ มันมีตัว Package Manager อย่าง NPM มาในตัวครับ สำหรับในค่ายอื่นมีตัวที่คล้ายกัน MS .NET : NuGet Java…
Blog อันนี้ผมแตกมาจาก สรุปงาน Google I/O Extended Bangkok 2016 ข้อมูลมันเยอะมากเลยย โดยคำว่า Progressive Web App (PWA) ผมเพิ่งได้ยินมาจากงานนี้แหละ ปกติใช้แต่ HTML กับ JQuery ทำงานนิดหน่อย ส่วนมาทำแต่หลังบ้าน (บ้าน .Net, บ้าน Java) ฮ่าๆ Progressive Web App (PWA) เป็น Metaphor ในการทำเว็บในยุคนี้ครับ เพราะ ยุคนี้ Mobile First และสัดส่วน Mobile App 87% ส่วน…
หลังจากไว้ใช้ App Server ที่คอมตัวเองเสียนาน พอดีมีต้องสอน PHP ให้น้องที่รู้จักพอ Run Apache บน XAMPP เท่านั้นแหละ ปรากฏว่า Start ไม่ขึ้น 55555 ตามรูป Feature ต้องขอชมทาง Dev ที่พัฒนา XAMPP นะครับที่ช่วยแสดง Error ให้ง่าย ถ้าเป็นเมื่อสัก 3 ปีก่อนนี้ต้องใช้ประสบการณ์ล้วนๆ (ที่ใช้ Version เก่านี่ ดูจากวัน Build เพราะ อยากจะบอกว่ามันมี Message แจ้ง Error สวยๆมานานแล้ววววว) มาที่…
สำหรับตอนนำ Add-in ไปติดตั้ง หากลงผ่านตัว Setup แล้วระบบสร้างตัว Registry ที่เกี่ยวข้องที่ลง Registry ที่ Path ดังนี้ครับ โดยสำหรับ Office ทุกตัวยกเว้น Visio ครับ ส่วนสำหรับตัว Visio นะครับ เครื่องที่ไม่มี ก็ไม่ต้องตกใจนะครับ เพียงแค่นำ Script Registry ชุดนี้ไป Save เป้น .reg แก้ค่าที่เกี่ยวข้อง และรันมันครับ
บทความนี้ ผมแตกมาจากบทความหลักครับ โดยหลักจากเรารู้เข้าใจนวคิดมันแล้วเนี่ย ผมเลยขอพาไปดู การใช้งานจริงครับว่ามีอะไรบ้าง ถ้านึกออกจะแวะมาใส่เรื่อยๆครับ
บางครั้งเวลาเราเขียน blog อาจจะมีความต้องการแสดงอักขระพิเศษบน blog ขอเรา วันนี้ผมได้รวบรวม Code พิเศษที่ใช้บ่อยๆมา ดังนี้ครับ สำหรับเครื่องหมายอื่นๆ ให้ดูจากเพิ่มเติมจาก Link นี้ครับ
