หลังจากโดน Microsoft ให้ Update windows 10 anniversary update version 1607 ไปนะครับ สิ่งที่ผมเจอปัญหา คือ ตอนนี้เรามาสนใจที่ตัว Visual Studio ก่อน สำหรับปัญหาที่ผมเจอเป็นตามรูปเลยครับ ส่วนหนทางแก้ไข ลองทำตามดูเลยครับ ปัญหานี้ ผมเกิดกับตัว Visual Studio 2013 นะครับ แต่ส่วนตัวเริ่มอยากขยับไปใช้ Visual Studio 2015 เหมือนกัน แต่ขอ Format คอมก่อนนะครับ ตัว Visual Studio เวลามันลงชอบมีอะไรพ่วงมาเลยเอาออกยากกกกก
โพสนี้เนื่องจากมีเพื่อนถามมากันพอสมควรว่าเปลี่ยนเว็บ เป็นโทนสีขาวดำ เพื่อร่วมไว้อาลัยถวายแด่ “ในหลวง” ผมลองหาข้อมูลดู เนื่องจากไม่ได้ทำงานด้าน 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%); } สำหรับตัว WordPress สามารถเข้าไปที่ Theme >> Customize >> Theme Options จะมีส่วนของ Custom CSS สามารถเอา Code ไปใส่ได้เลยครับหรือ ถ้าขี้เกียจสามารถใช้ Plug-in ของคุณ tannysoft ได้ครับ หมายเหตุ พยายามปรับระดับ grayscale ให้เหมาะสมกับเนื้อหาของเว็บนะครับ จะได้ไม่สรางปัญหาให้กับผู้อ่าน และลด UX ของเว็บลงไป
สำหรับงานนี้ ผมเพิ่งนึกว่ามีครั้งแรก 555 เพราะเข้ามาอยู่ในกลุ่ม Dev Rock Developer Group นานแล้ว (รู้สึกว่าชื่อเดิมเกี่ยวกับ ASP.NET MVC ครับ) ผมเพิ่งสังเกตุว่าตัว Event เพราะ เพื่อนใน FB หลายคนกด Like ไว้ใน Facebook ไว้นะครับ สำหรับงานครั้งนี้จัดเป็นครั้งที่ 3 และ โดยครั้งนี้จัดที่มหาวิทยาลัยหอการค้า คณะวิทยาศาสตร์ และเทคโนโลยี อาคาร 7 ชั้น 3 ครับ แต่วันนี้งานเริ่ม Late ไปนิดนึงนะครับ เนื่องจากฝนตกครับ โดยตัวงานเริ่มประมาณช่วง 09:30 ครับ โดยมีรายละเอียด ดังนี้ BDD with .NET Behave Speaker Peerapat Asoktummarungsri ฺBehavior-driven development หรือ BDD – เริ่มมาจากของฟากภาษา Ruby (RSpec) จากนั้นเริ่มแตกออกไปหลายๆ ภาษา เช่น Java, .NET หรือ PHP เป็นต้น ตัว BDD ทำหน้าที่เป็นตัวกลาง (Adapter) เชือมงานแต่ละชิ้น เข้าด้วยกัน ลองดูตัวอย่าง เช่น ทำเว็บหาราคาที่พัก แล้ว … งานมันแยกกันทำนี่ คนนึงอาจจะทำ Search คนนึงทำ Login แล้วถ้า Login ก่อน Search หรือ Search ก่อน login ผลลัพธ์มันจะเป็นอย่างไร ? BDD สำหรับในมุมของพี่เค้ามองว่าเป็น User Acceptance Test แบบ Coding ที่ Integrated หลายๆอย่างมารวมกัน…
หลังจากใช้ npm มาประมาณ 5-6 วัน มันมีเรื่องที่ว่าปกติ ผมมักจะ Copy งานที่ทำก่อนหน้า มาเริ่มต้นทำต่อในวันถัดไป แต่วันนี้ Copy ไม่ได้แล้ว Windows มันด่าว่า Path ยาวเกินไปนะ (จริงๆใช้พวก Git น่าจะดีกว่านะ) ไหนๆก็เจอปัญหาแล้ว ลองมา Restore พวก Dependency ดีกว่าครับ ก่อนอื่นมาดูกันก่อนตอนนี้มีแต่ Code ไม่มี Dependency ต่างๆเลย มาดู package.json ที่เก็บรวบรวมความสัมพันธ์ของ Project และ Dependency ต่างๆไว้ ให้ npm จัดการต่อด้วย cd เข้าไปยัง path ที่มีเก็บ Code จากนั้นรันคำสั่ง npm install จากนั้นรอครับ ต้องต่อเนต และลง npm ด้วยนะครับ กลับไปสังเกตุดู npm ทีการสร้างโพลเดอร์ node_modules ไว้แล้วครับ
ลองรัน 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 ครับ เข้า http://localhost:8080/ ไปดู Code กากๆ ครับ มือใหม่หัดลองทำเว็บครับ
ช่วงนี้ผมได้ไปเรียน Course Online ที่จัดโดยสมาคมโปรแกรมเมอร์ไทยครับ เกี่ยวกับ JS+Angular+FireBase ครับ โดยระหว่างเรียนมีการบ้านให้จำนวน 4 ข้อ ก่อนจะไปลองโจทย์ มารู้วิธีการเล่นกับข้อมูลก่อน (Data Model) ว่าตัว Java Script มี function อะไรให้ใช้งานบ้างครับ map : จัดการกับข้อมูลแต่ละตัว ด้วยการทำงานที่เหมือนกัน เช่น ยกกำลังในตัวเลขทุกๆตัว ใน Array ครับ โดยผมมีตัวอย่างที่ใช้ for กับ map ครับ const arr = [1,2,3,4,5,6] const arr2 = [] for(let i = 0; i < arr.length; ++i){ arr2.push(arr[i] * arr[i]) } console.log(‘Source Data’) console.log(arr) console.log(‘Array Pow with loop’) console.log(arr2) /* Source Data [ 1 , 2, 3 , 4, 5 , 6] Array Pow with loop [ 1, 4, 9, 16, 25, 36 ] */ const power2 = (x) => x * x const arr3 = arr.map((x)…
ช่วงนี้เข้าเทศกาลกินเจ มาวันนี้ผมได้รวมอาหารเจที่หาซื้อได้ง่ายตามร้านสะดวกซื้อกันครับ ถ้ามีอะไรได้ลองชิมเพิ่มเดี๋ยวผมทยอยอัพขึ้นเรื่อยๆครับ EZYGO-ข้าวอบห้าเซียนเจ ชื่อเมนู : ข้าวอบห้าเซียนเจ ผู้ผลิต : EZYGO ราคา : 29 บาท ความเห็น : คุ้มค่ากับราคาครับ มีดีที่ข้าวมันปูครับ เครื่องเยอะ จัดเต็ม ร้านที่สามารถหาซื้อได้ : 7/11 EZYGO-ข้าวกะเพราเจ ชื่อเมนู : ข้าวกะเพราเจ ผู้ผลิต : EZYGO ราคา : 29 บาท ความเห็น : มีดีที่ข้าวมันปูครับ กะเพราเจกลมกล่อมครับ ไม่รู้สึกว่ากินเจเลย (ผมมองว่าไม่เจนะ เจจะไม่สนใจผักกลิ่นฉุน) เครื่องเยอะ จัดเต็ม ร้านที่สามารถหาซื้อได้ : 7/11 EZYGO-ผัดหมี่ฮ่องกงเจ ชื่อเมนู : ผัดหมี่ฮ่องกงเจ ผู้ผลิต : EZYGO ราคา : 35 บาท ความเห็น : แฮมเจอร่อยมาก แต่เส้นเหนียวไปนิด ร้านที่สามารถหาซื้อได้ : 7/11 EZYGO-เปาฮื้ออบวุ้นเส้นเจ ชื่อเมนู : เปาฮื้ออบวุ้นเส้นเจ ผู้ผลิต : EZYGO ราคา : 35 บาท ความเห็น : สุดยอดอาหารเจ เปาฮื้ออร่อย อารมณ์แบบกุ้งอบวุ้นเส้น มีกลิ่นไอ แล้วรสชาติออกมาทางนี้ครับ รอบสองผมไปซื้อกินอีก 2 กล่อง 555 ร้านที่สามารถหาซื้อได้ : 7/11 EZYGO-ข้าวผัดพริกขิงเจ ชื่อเมนู : ข้าวผัดพริกขิงเจ ผู้ผลิต : EZYGO ราคา : 29 บาท ความเห็น : มีดีที่ข้าวมันปูครับ ร้านที่สามารถหาซื้อได้ : 7/11 Fami-ข้าวไรซ์เบอรี่อบเผือกเจ ชื่อเมนู : ข้าวไรซ์เบอรี่อบเผือกเจ ผู้ผลิต : Fami…
ปัญหา “Refusing to install webpack as a dependency of itself” สำหรับปัญหานี้เกิดจากความโง่ของผมเองครับ พอดีจะลองตัว webpack ตาม Video สอน ดันไปสร้างโพลเดอร์ที่ชื่อว่า webpack พอไป npm init ตัว npm มันเลยสร้าง package.js ชื่อ webpack พอไปลงตัว webpack เข้ามันเลยด่ากลับมาครับ สำหรับทางแก้ไข คือ แก้ชื่อ package – name เป็นชื่ออื่น ไม่ให้ชนกับ webpack ครับ รอดแล้ว ได้เรียนต่อ ^___^
ว่าจะไม่เขียน Blog นี้แล้ว แต่มันอดเขียนไม่ได้จริง กล่าวถึง DataSet LQ1 ของ BOT แหละ Site ที่จ้างบริษัทที่ผมรับเงินเดือนไปทำเนี่ย ไม่รู้ว่าที่ต้องส่ง BOT จริงๆ ต้องส่งอย่างไร มันเลยเป็นปัญหาที่ว่า UAT บน Production เนี่ยแหละ (แล้วมันมีช่วงการ UAT ไปทำไม ในเมื่อ User ต้องเซ็นผ่านให้ตรงกับ KPI องค์กร) มาที่ Timeline ของ DataSet ชุดนี้ก่อน 2015 (ช่วงต้นปี) : เริ่มทำระบบนี้แหละ หลังจากไม่มีใครกล้าเสี่ยงมาทำ ตอนนี้เข้าใจแล้ว ลึกซึ้งงง 2015-06: ส่งให้ User UAT และจบช่วงต้นเดือน 8 และขึ้น Production เรียบร้อย 2015-08 (ช่วงสิ้นเดือน) : BOT มีประกาศให้ใช้ข้อมูล ณ วัน Settle 2015-09-30 : ปรับแก้เสร็จ ส่งให้ไปใหม่ จำวันแม่นครับ User ขอเปลี่ยนเอาราคาตลาด T-1 แทน 2016(ช่วงมกราคม) : ส่งโปรแกรมใหม่ไปให้ตรวจ และตรวจผ่านด้วย !!!!! 2016-03-xx : หน่วยงานใหม่ของ Site ที่ทำโผล่มาบอกว่ามันคิดผิดนะ และเป็น User ที่ใช้งาน DataSet นี้ด้วย ปัจจุบัน : Dev ก้มหน้ารับชะตากรรมแก้งานต่อไป และไปเจออะไรที่มันขัดแย้งมากเลยเขียน Blog เลย มาที่ฝั่ง User ก่อน ไม่รู้สาระของตัว DataSet ว่าต้องส่งอะไรให้ BOT มาฝั่งทีม BA บ้าง ไม่ศึกษาเนื้อหาว่า…
function เป็น Input หรือเป็น Parameter ได้ function Composition เอา Function หลายๆอันมาทำงานร่วมกัน toUpper Check Pattern และอื่นๆ เมื่อมี function หลายๆออัน เรายุบรวมมันว่าเป็น Service เช่น EmailValidator เกิดจากการเอา Function หลายๆตัวอย่าง toUpper หรือ Check Pattern มาทำงานร่วมกัน Service หลายตัวทำงานร่วมกัน มันก็ คือ ตัว Use Case Use Case หลายตัวรวมกันได้เป็น Application
