"Hello World" - Mad Programmer Diary

[Life Hack] Two-step Verification เปิดสักนิดเพื่อชีวิตที่ดีกว่า

Posted by arnondora on June 30th, 2015

ทุก ๆ วันนี้ เราใช้บริการออนไลน์หลาย ๆ บริการมากมาย ไม่ว่าจะเป็น E-mail, Cloud Storage แม้กระทั่ง Contact ของเราก็เข้าไปอยู่ในโลกของอินเตอร์เน็ตหมดเลย นั่นก็หมายความว่า ถ้ามีอินเตอร์เน็ตก็สามารถเข้าถึงข้อมูลเหล่านี้ได้ ซึ่งแน่นอนว่าโลกของเรามันก็ไม่ได้ปลอดภัย โลกสวย เหมือนที่หลาย ๆ คนคิดกัน มันก็อาจจะมีคนที่แอบฉวยเข้ามาเพื่อขโมยข้อมูลเราไปก็ได้ ดังนั้นเราจึงจะต้องมีวิธีป้องกันตัวเองจาก ผู้ใช้คอมศาสตร์มืดเหล่านี้ให้ดี วิธีหนึ่งในการป้องกัน Account ของเรานั้น นั่นคือ Two-step Verification ที่หลาย ๆ คนไม่ชอบเปิดกันเพราะ มันทำให้ยุ่งยากมากขึ้นเวลาเราจะ Login ครั้งนึง Two-step Verification คืออะไร ? โดยปกติเวลาเรา ยืนยันตัวเอง หรือ ที่เราเรียกกันว่า Login นั้นเราจะใช้สิ่งที่เรารู้อยู่แล้ว 2 อย่างนั่นคือ Username และ Password ในการ Login แต่เราจะแน่ใจได้ยังไงว่า “สิ่งที่เรารู้ (Username และ […]

[Dev Tip] Mobile First ฮ่ะ ? ทำไมต้องเล็กไปใหญ่ ?

Posted by arnondora on June 30th, 2015

หลาย ๆ คนที่เคยศึกษาเรื่องของ การทำ Website แบบ Responsive น่าจะสงสัยว่า ทำไมเราถึงต้องออกแบบให้มัน Mobile First หรือ ให้เราเริ่มจาก Design หน้าเว็บกับขนาดหน้าจอเล็ก ๆ ก่อนแล้วค่อย ๆ ขยายให้ใหญ่ไปเรื่อย ๆ แทนที่เราจะเริ่มที่หน้าจอคอมเรา แล้วค่อยเอาไปย่อทีหลัง จริง ๆ การที่หลาย ๆ คนแนะนำว่า ให้หลาย ๆ คนแนะนำให้อออกแบบในแบบ Mobile First เพราะว่า อย่างที่เรารู้ ๆ กันว่าตอนนี้ เราเข้าเว็บผ่าน Smart Device มากกว่าบนหน้าจอคอมพิวเตอร์ไปซะแล้ว เพราะฉะนั้นการที่เราออกแบบเว็บเราให้รองรับหน้าจอพวก Smart Device ก็ทำให้เราสามารถเข้าถึงผู้คนได้มากขึ้น เพราะงั้น คนส่วนใหญ่ตอนนี้เวลาสอนคนที่เรียนเว็บก็จะแนะนำให้ออกแบบบนหน้าจอเล็ก ๆ ก่อนแล้วค่อย เอามาไปขยายให้เข้ากับหน้าจอคอมทีหลังเอง แล้วทำไมเราไม่ทำในขนาดหน้าจอใหญ่ ๆ แล้วค่อยไปย่อให้มันเล็กล่ะ ? ลองคิดเล่น ๆ […]

[Dev Tip] TDD คืออะไร ?

Posted by arnondora on June 28th, 2015

เมื่อก่อน จนถึงตอนนี้ Dev อย่างเรา ๆ เวลาทำงานส่วนใหญ่ เราก็จะลงมือ Design แล้ว มาเขียน แล้วค่อย Test แต่งานมันไปงอกตรง Test นี่แหละ ยิ่ง Test ยิ่งแก้ Bug มันก็ยิ่งงอกออกมาเรื่อย ๆ จนพูดกันว่า “การ Debug คือการเอา Bug เข้าไปใส่เพิ่มนั่นเอง” จากเหตุการณ์นี้ มันเลยมีการ Development แบบ TDD หรือ Test Driven Development เลยงอกออกมาเพื่อแก้ปัญหานี้ Test Driven Development (TDD) คืออะไร ? ง่าย ๆ เลย มันคือการเอา Workflow ปกติที่เราทำงานมากลับหัว จากเมื่อก่อน เราจะต้อง Design -> Code -> Test […]

[Dev Tip] Version Control มันคืออะไร ? แล้วมันดียังไง ?

Posted by arnondora on June 27th, 2015

  Version Control มันคืออะไร ? มาถึงก็เข้าเรื่องเลย จริง ๆ แล้วตัว Version Control มันก็แปลตามชื่อมันเลย มันคือตัวควบคุมเวอร์ชั่น มันทำหน้าที่ตรวจสอบว่า แต่ล่ะครั้งที่เราเปลี่ยนแปลง Source Code ของเรา อะไรมันเปลี่ยนไปบ้าง (Snapshot) แล้วเก็บความเปลี่ยนแปลงนั้น แล้วตั้งเป็น Version ไปเรื่อย ๆ คล้าย ๆ กับเรากด Save แล้ว Copy ไปไว้ที่อื่นเหมือนที่เมื่อก่อนเราทำกันนี่แหละ ย้อนไปเมื่อตอนที่พวกเรายังเขียนโปรแกรมกันใหม่ ๆ อยู่ พวกเรารู้ว่า Code พลาดบรรทัดเดียว เปลี่ยนชีวิตเราได้เลย เพราะฉะนั้น อารมณ์เหมือน เราจะได้ตายด้วยน้ำมือตัวเองเข้าสักวัน วิธีแก้ของเราเมื่อก่อนก็คือ จับ Copy ไปที่อื่นซะเลย เราก็ทำแบบนี้ไปเรื่อย ๆ แต่พอเราทำไปเรื่อย ๆ นี่แหละ เราก็อาจจะลืมว่า ตรงที่เรา Copy ไว้ตอนนั้นเราเขียนถึงตรงไหนแล้ว เราแก้อะไรไปบ้างหว่า […]

arnondora.in.th 2.0 Design ใหม่รองรับ Mobile แล้วนะ

Posted by arnondora on June 26th, 2015

หลังจากที่ปิดเทอมมาได้สักระยะนึง ก็ได้เคลียร์งานส่วนใหญ่ไปหมดและ ตอนนี้เลยค่อนข้างจะมีเวลา ก่อนปิดเทอมเคยคิดที่จะสร้าง Theme ของเว็บตัวเองอยู่แล้วล่ะ แต่ตอนนั้นเขียนไม่เป็น ไม่รู้เรื่องเลยว่า WordPress Theme มันทำยังไงอะไรบ้าง สัปดาห์นี้จัดเลย ใช้เวลาอยู่ 2 วัน หัด และ เขียนจริง ต้องขอบคุณ Tutorial ใน Youtube หลาย ๆ เจ้ามาก ๆ คือ ทำเป็นแบบเบื้องต้นเลยล่ะ New Design -> Material Design เรื่องนี้เป็นเรื่องที่ยากมากสำหรับ Programmer คิดยากมากเวลาจะ Design อะไรสักอย่าง ขนาด Design โปรแกรมยังยากเลย แล้วอะไรจะมากับ Design หน้าเว็บล่ะ แต่พอทีที่ผมเขียนทางฝั่ง Android อยู่ เลยเอาล่ะ ใช้ Material Design เป็น Design Concept เลยล่ะกัน […]

ปิดเทอมทำอะไรดี ?

Posted by arnondora on June 25th, 2015

คำถามนี้เป็นคำถามที่ คิดนานมากก่อนจะปิดเทอม ว่า “ปิดเทอมทำอะไรดีน้อ ?” วันนี้เลยจะมาเล่าให้ฟังว่า ก่อนที่จะปิดเทอม ผมคิดที่จะทำอะไรบ้าง 1. เดินเที่ยวใน กทม. กิน + ถ่ายรูปเล่น มาที่อย่างแรกกันเลย ไปเดินในกรุงเทพ ไปถ่ายรูปเล่นและไปกินอะไรอร่อย ๆ ทั้งเทอมที่ผ่านมาอยู่ศาลายาหมดเลย ไม่ได้ไปเที่ยวไหนเลย นอกจากบ้าน มหาลัย และ ห้างใกล้ ดูหนังเป็นครั้งคราว ตออนนี้ก็หวังว่าจะว่างไปเดินถ่ายรูปเล่น เก็บภาพสวย ๆ ไว้ 2. ฝึกเขียนโปรแกรม มาที่อย่างที่ 2 กัน เนื่องจากที่เราเรียน เกี่ยวกับเทคโนโลยี เราเลยต้องมาฝึกอะไรใหม่ ๆ บ้าง มันเป็นอะไรที่กินเวลามาก ๆ ฝึกอย่างนึงนี่อาจกินไปเป็นเดือนเลย อย่างตอนนี้ก็กำลังฝึก ทักษะ Web Programming กับ Algorithm อยู่ หวังว่าจะเก่งขึ้นในเร็ววันนะ 3. สอนพิเศษ ถัดมาคือ สอนพิเศษ อันนี้เซ็งสุด เมื่อก่อนเหมือนมันจะปิดเทอมตรงกันกับเด็ก ๆ […]

ทำไม Dev ถึงชอบเขียน Blog ?

Posted by arnondora on June 24th, 2015

ช่วงหลัง ๆ มานี่ผมก็สังเกต เพื่อน ๆ หรือพี่ ๆ ที่ทำงานสาย Dev หลาย ๆ คนชอบเขียน Blog กันมากเลย ? จากที่สังเกต Dev ดัง ๆ ตอนนี้หลาย ๆ คน ก็เกิดจากการที่ เริ่มหัดเขียน Blog ด้วยกันเยอะ มาก ๆ เลย แล้วเพราะอะไรล่ะ ? ทำไม Dev ถึงชอบเขียน Blog สาเหตุแรก เป็นสาเหตุใหญ่สุดเลย นั่นคือ อาชีพอย่างพวกเราเป็นอาชีพที่ ต้องเรียนรู้อะไรใหม่ ๆ ตลอดเวลา หรือตามโลกให้ทันนั้นเอง และผมก็มองว่า “Blog เป็นเครื่องมือ อันโคตรจะเจ๋ง สำหรับ Dev ในปัจจุบันเลย” มันไม่ได้ทำให้เราเป็น Dev ที่ดีขึ้นอย่างเดียวนะ แต่มันให้อะไรเราหลาย ๆ […]

Database Design Principle : The History of Database (EP.0)

Posted by arnondora on June 23rd, 2015

หลาย ๆ โปรแกรมที่เราใช้อยู่ตอนนี้ เช่น Facebook หรือแม้กระทั่งโทรศัพท์ ทุก ๆ อย่างตอนนี้ก็ต้องใช้ฐานข้อมูลทั้งหมดเลย เราเลยจำเป็นที่ต้องรู้ว่า มันทำงานยังไง แล้วเราจะออกแบบมันยังไง ใน Tutorial เราจะมาพูดในเรื่องของการออกแบบฐานข้อมูล (ไม่เน้นนะว่าจะเอาไปสร้างด้วยฐานข้อมูลอะไร เช่น MySQL หรือ SQL Server ใช้ได้หมด เราแค่จะมาเรียน เรื่องของหลักการออกแบบเท่านั้น) แต่ก่อนที่เราจะไป เข้าใจถึงการออกแบบหรือ การทำงานของมัน เราจะต้องมาเรียนรู้กันก่อนว่า เมื่อก่อนจนถึงตอนนี้ฐานข้อมูลมันเป็นยังไง ในสมัยแรก ๆ เราก็เก็บข้อมูลลงไฟล์ไปเรื่อย ๆ (เราจะเรียกมันว่า Data File System) จนถึงเวลานึงข้อมูลมันก็มีเยอะขึ้นเรื่อย ๆ เราเลยลองเก็บมันให้เป็นระเบียบมากขึ้นเพื่อให้เราเข้าถึงได้ง่ายขึ้น โดยที่เราจะเก็บข้อมูลเป็นลำดับชั้นไปเรื่อย ๆ เราจะเรียกมันว่า Hierarchical model โดยเราจะเชื่อมข้อมูลของเราเป็นเหมือนแผนภูมิต้นไม้ โดยที่ 1 child จะมีได้แค่ 1 parent แต่ 1 parent […]

Emmet ที่จะทำให้การสร้างเว็บ ลื่นไหล Tab เดียวจอด…

Posted by arnondora on June 22nd, 2015

เคยประสบปัญหาเวลา เราเขียนเว็บกันมั้ยครับ เราต้องค่อย ๆ มานั่งพิมพ์ ทีล่ะตัว ๆ ไปเรื่อย ๆ Web Developer หลาย ๆ คนเลยเริ่มไปหาพวกโปรแกรม Code snippet มาใช้ ซึ่งผมก็เป็นเหมือนกัน แต่ผลปรากฏว่า เราก็ต้องมาสร้าง snippet เพื่อใช้เองอีก ทำให้เสียเวลามาก ๆ ซึ่งแน่นอนว่า สมัยนี้เรามี Editor มากมายกายกองให้เราใช้ ไม่ได้มีแค่ Dreamweaver หรือ Notepad เหมือนเมื่อก่อนแล้ว และอีกอย่าง สมัยนี้เราใช้ IDE ตัวเดียว แต่สามารถเขียนได้หลาย ๆ ภาษาได้ในโปรแกรมเดียวด้วยล่ะ ซึ่งอย่างที่ผมกำลังใช้อยู่ตอนนี้คือ Sublime Text ก็เป็น IDE สารพัดประโยชน์ดีจริง ๆ ใช้เป็น Default Text Editor แทน TextEdit บน OSX […]

อากาศร้อน ๆ กับน้ำมะพร้าวบรรจุขวด 100% Cocomax จากมะพร้าวลูกครึ่งนะเออ

Posted by arnondora on June 22nd, 2015

เมื่อ 2-3 สัปดาห์ก่อน อากาศร้อน ๆ ก็เข้าไป 7-11 เพื่อหาซื้อน้ำอะไรดื่มตามปกติ แต่ก็ไปสะดุดตากับขวด น้ำมะพร้าวแบรนด์นึงอยู่ในตู้เย็นที่ร้าน เลยจัดมาเลย แต่ไหน ๆ ก็จัดมาแล้ว ก็เอามารีวิวซะเลยว่า มันกินได้มั้ย ? เอาจริง ๆ ก่อนหน้านั้นไม่นาน ก็เคยเจอ น้ำมะพร้าวแบนด์นี้ขายอยู่ใน Top แล้วล่ะ แต่ไม่นึกว่ามันจะมาขายยันร้านขายทุกอย่าง อย่าง 7-11 เลยจริง ๆ จริง ๆ ขวด การบรรจุ ผมว่า เขาทำมาได้ดีเลยนะ อีกทั้ง Design ขวดที่ดู สลิม ผอม สวยงาม น่าจับต้องเช่นนี้ (เดี๋ยวนะ นี่พูดถึงอะไร ?) มันทำให้สะดุดตามากในตู้เย็นตามร้านขายของทั่วไป ตอนที่เห็นในโฆษณาครั้งแรก เขาบอกว่า “น้ำมะพร้าวลูกครึ่ง” ตอนแรกก็นึกว่า มะพร้าวพันธุ์อะไร ลูกครึ่งอะไร ไทย-เกาหลี เหรอ ? […]

Older Entries