Desktop/Web Programming
หลังจากไปทำงานเกี่ยวกับ Process ของ Business กับ จัดการตบตีกับ Legacy Code อยู่หลายปีเลย จากที่เขียน Blog ไว้ในเรื่อง สิ้นปี 2016 แล้วเหรอ ? ที่มีเรื่องที่ควรทำให้ได้ คือ การลองกลับมาเขียนภาษาฝั่ง web ครับ ตัวที่ผมเลือก คือ Laravel พอดีไปเจอสื่อการสอนของทาง SIPA ครับ ไหนๆ จะศึกษาและ ลอง Version ใหม่สุดๆ ดีกว่าครับ โดยผมได้ลอง Laravel 5.3 นะครับ ค่อยศึกษาตั้งแต่มกรา ยาวมาถึงตอนนี้เลย พอผมเรียนปริญญาโทด้วย ตอนนี้รู้สึกว่างานมันหนักมาครับ…
ช่วงนี้ได้ลองศึกษาตัว 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 มาก่อนเลย เลยมาของสรุปไว้นะครับ โดยถ้าเป็นเว็บที่ไม่ใช้ได้ 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%);…
หลังจากใช้ 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 ตามรูปครับ ต้องขอชมทาง Dev ที่พัฒนา XAMPP นะครับที่ช่วยแสดง Error ให้ง่าย ถ้าเป็นเมื่อสัก 3 ปีก่อนนี้ต้องใช้ประสบการณ์ล้วนๆ (ที่ใช้ Version เก่านี่ ดูจากวัน Build เพราะ อยากจะบอกว่ามันมี Message แจ้ง Error สวยๆมานานแล้ววววว) มาที่ Error…
บทความนี้ ผมแตกมาจากบทความหลักครับ โดยหลักจากเรารู้เข้าใจนวคิดมันแล้วเนี่ย ผมเลยขอพาไปดู การใช้งานจริงครับว่ามีอะไรบ้าง ถ้านึกออกจะแวะมาใส่เรื่อยๆครับ Shallow Copy ใช้ใน ORM ครับ เพราะ Record ที่เราอ้างอิงจาก Table ใน Database มันควรมี 1 รายการ ถ้าไปใช้ Deep Copy เอาเวลาตอนจะ Insert กลับเข้าไปตัว ORM ไม่รู้ว่าควรจะ Insert Object ตัวไหนที่ Copy ไปครับ Deep Copy ใช้สำหรับการทำ Cache ข้อมูล Object ที่เรียกใช้บ่อยๆ…
