Nathachai Thongniran

ทำไมต้องใช้ CDN ด้วย

จากรูปด้านบน CDN จะทำการหา CDN ที่ใกล้ที่กับ User ที่สุดเพื่อให้ User ดาวน์โหลดไฟล์จาก CDN ตัวนั้นไป เราคงเห็นการให้บริการ Library ดังๆผ่าน CDN กันมาแล้วเช่นอย่างของ jQuery, AnfularJS บน Google CDN, ว่าแต่ทำไมเราต้องใช้กันละครับ, ว่ากันถึง Concept สั้นๆ ของ CDN กันก่อนครับ CDN (Content Delivery Network) ทำหน้าที่ให้การให้ User มาโหลด Resource ต่างๆ (เช่น jQuery, Bootstrap, jQuery UI, AngularJS) ที่ผู้ให้บริการกำหนดไว้ได้, CDN นี้จะวางไว้จุดต่างๆทั่วโลก ยกตัวอย่าง Google มี Server วางอยู่มากมายทั่วโลก ทำให้ CDN ส่ง Resource…

Read more...

DIY – Basic Cache System

หลักการทำงานทั่วๆไปของ website ปัจจุบัน จะมีลำดับการทำงานแบบนี้ครับ 1. user เข้าหน้า website (user ส่ง request ไปที่ web server) 2. server ประมวลผล 3. server ดึงข้อมูลมาจาก database 4. server ได้รับข้อมูลจาก database แล้วนำมาประมวลผลอีกรอบ 5. server ประมวลผลเสร็จส่งไฟล์กลับไปให้ ซึ่งขั้นตอนทั้ง ก็จะให้ memory ในการทำงาน แต่เมื่อเราทำระบบ cache file, server ก็จะใช้ memory ในการทำงานน้อยลงมาก เช่น การ cache HTML ไฟล์จะช่วยลดได้ดังนี้ ข้อ “2” ก็ไม่ต้องแล้ว หา cache file ก็พอ ข้อ “3” ไม่ต้องไปดึงข้อมูลมาจาก…

Read more...

DIY – WP Customize CSS หน้า admin

วันนี้จะมา Customize ปุ่มหน้า admin ให้มันเป็น สีชมพู เอ้ย สีเขียวกันนะครับ รูปก่อนทำ “Customize Your Site” button จะยังเป็นสีฟ้า (สี default ของ wordpress) อยู่นะครับ การ customize CSS หน้า admin จะมีด้วยกัน 2 วิธีนะครับ เลือกใช้แบบไหนก็ได้ echo wp_enqueue_style วิธีที่ 1. echo 1.1 เปิดไฟล์ function.php ใน theme ของเรา 1.2 ใส่ code เข้าไปดังนี้ วิธีที่ 2. wp_enqueue_style 2.1 เปิดไฟล์ function.php ใน theme ของเรา 2.2 สร้างไฟล์ admin.css…

Read more...

Custom ต่างๆของ WordPress

wordpress เริ่มต้นออกแบบมาสำหรับ blog เท่านั้น ดังนั้นที่หน้า post บทความของเราเวลาเราเขียน ก็จะมีสิ่งที่จำเป็นสำหรับการเขียนบทความ บทความหนึ่ง เท่านั้น เช่น titlte, slug, featured image, format, category, tag, etc. แต่เมื่อเราต้องการอะไรที่มากกว่าเราก็ต้องมา custom กันครับ custom ต่างๆของ wordpress จะมีด้วยกัน 3 แบบ 1. Custom Field 2. Custom Post Type 3. Custom Taxonomy 1. Custom Field custom field คือ field เพิ่มเติมที่ post ส่วนใหญ่ของเราควรจะมี จะเป็น field ที่เพิ่มมาในแต่ละ post เช่น สมมุติเราจะทำเว็บเกี่ยวกับภาพยนต์ แต่ละ…

Read more...

your Resume

อย่างที่เรารู้กัน การสมัครงานนั้นเป็นการตัดสินใจที่สำคัญต่อชีวิตการทำงานของเราอย่างมาก และด่านแรกของ การสมัครงาน ก็คือ “your Resume” resume เปรียบเหมือน โบรชัวของตัวเราเองเมื่อ HR เห็นแล้วต้องอยากติดต่อเรากลับมา (จุดประสงค์ของ Resume คือให้ HR ติดต่อคุณมาสัมภาษณ์) HR เป็นชื่อของแผนกที่ทำหน้าที่คัดสรรบุคลากร และสามารถใช้อ้างถึงบุคลลที่อยู่ในแผนกนั้นซึ่งทำหน้าที่คัดสรรบุคลากรได้อีกด้วย Get Started พื้นฐานของ resume แล้วควร อ่านง่าย, กระชับ, เป็นทางการ (formal), เป็นข้อมูลล่าสุด (up to date) ต่อไปจะนำเสนอส่วนต่างๆและข้อแนะนำในการเขียนครับ 1. Contact information มีส่วนประกอบ คือ ชื่อ, ที่อยู่, email (ควรดูเหมาะแก่การทำงาน เช่น นามสกุลผสมชื่อ), เบอร์ติดต่อ 2. Design / Layout ควรจะมีแบบ formal เป็นพื้นฐาน (ซึ่งจะทำให้อ่านง่าย หาข้อมูลได้ง่าย)…

Read more...

ประเภทของ Programming Errors

บทความนี้จะว่าถึงเรื่องประเภทของ error ที่เกิดขึ้นในการเขียน program ไม่ว่าจะเป็น programmer ที่มีประสบการณ์มากแค่ไหนยังไงก็ต้องมีพลาดกันบ้าง และนี่คือจุดสำคัญของ programming, คือการ debug program และหาทางแก้ไขมัน โดย programming errors จะแบ่งเป็น 3 หมวดคือ Compilation errors Run-time errors Logic errors 1. Compilation errors compilation errors หรือ complier errors เป็น error ที่เกิดจาก complier ทำการ compile โปรแกรมของเรา ส่วนใหญ่ error ประเภทนี้จะเกิดจากการ Syntax error เช่น สะกดผิด, ใช้ space ผิดที่, ผิดลำดับ (เช่นเรียกใช้ else ก่อน if)…

Read more...

Email ขาเข้า ขาออก เข้าแล้วก็ออก เอ้าๆ เอิ้วๆ

สงสัยจะเขียน code มากไปชื่อ บทความเลยเป็นแบบนี้ เอาละเข้าเรื่องกันเลยครับ ในส่วนของ Email ที่เราใช้งานจะมี 2 ส่วนหลักๆเป็น ขาเข้า ไว้รับ email มาและก็ขาออกไว้ส่ง email ครับ ขาออก – SMTP เราจะใช้ SMTP ในการส่ง email กันครับ SMTP ? SMTP ย่อมาจาก Simple Mail Transfer Protocol SMTP คือ Protocol ทำงานอยู่บน TCP/IP protocol ใช้ในการส่ง email SMTP เป็น รูปแบบการส่ง email ปกติเวลาเราจะส่ง email, ผู้ให้บริการส่ง email เขาก็จะมีข้อกำหนดต่างๆครับเช่น ส่งมาจากไหน, ใครเป็นผู้ส่ง, etc. (ซึ่งอาจมีข้อตกลงอื่นๆอีกครับเช่น ต้องเป็นสมาชิกถึงจะส่งเมลผ่านผู้ให้บริการ SMTP…

Read more...

CSS Framework ชีวิตเราดีขึ้นเพราะนายเลยนะ

CSS Framework นี่จะมีส่วนประกอบหลายๆอย่าง ครับแต่ สิ่งหนึ่งที่มีส่วนใหญ่ จะมีเลยคือ Grid Layout Grid Layout ปกติเวลาเราจะเขียน CSS เนี่ยเราก็ต้องวาง Layout กันก่อน ส่วนใหญ่จะเป็นแบบ Grid layout แบบนี้ สังเกตตรง แถบแดงๆ นะครับจะเป็นตัวแบ่งขอบเขตของ Layout, และจากรูปตัวอย่างจะบ่งบอกได้ชัดเจนเลยครับว่าเขาออกแบบตาม Grid ต่างๆ ดังนั้นเมื่อเราใช้บ่อยกันอย่างนี้ก็ทำเป็น Framework กันเลยดีกว่าจะได้สะดวกเวลาเริ่มทำ Website กันใหม่ขึ้นมา // 1 <div class=”row”> <div class=”col-md-4″>.col-md-4</div> <div class=”col-md-4″>.col-md-4</div> <div class=”col-md-4″>.col-md-4</div> </div> // 2 <div class=”row”> <div class=”col-md-3″>.col-md-3</div> <div class=”col-md-6″>.col-md-6</div> <div class=”col-md-3″>.col-md-3</div> </div> // 3…

Read more...

Library VS Framework VS API VS Plugin

Library, Framework, Plugin, API ต่างเป็นคำที่เราได้ยินกันบ่อยมากครับ เรามาทำความเข้าใจของแต่ละชนิด และความแตกต่างกันครับ Library ปกติแต่ละ Library จะออกแบบมาเพื่อ 1 วัตถุประสงค์ครับ และมีลักษณะคือ เรามี Source code (Download ของเขามา สามารถปรับแต่งได้ตาม License) เราเรียกใช้เอง อย่างตัวอย่างจะเป็น PHPMailer ที่ใช้ในการส่งเมลครับ จะเห็นว่าเรา include ตัว library เข้ามาเอง ตั้งค่าและเรียกใช้เองครับ Framework ตัวนี้ค่อนข้างคลุมเครือครับ อาจจะเป็น Library ที่รวม / เก็บ Library หลายๆอย่าง ที่มีวัตถุประสงค์เดียวกัน ที่รวมส่วนๆหลายๆส่วนมารวมกัน ส่วนตัวผมให้น้ำหนักอันหลังสุด คือรวมส่วนต่างๆมารวมกัน และผมเพิ่มนิยามเข้าไปอีกด้วยว่า เราต้องทำตามระบบของเขา ยกตัวอย่างคือ PHP Framework ต่างๆครับไม่ว่าจะเป็น CodeIgniter, Laravel ซึ่งมีระบบ ที่รวมๆการทำงานต่างๆเบื่องต้นในการสร้าง Web…

Read more...

แนะนำ Productivity Tool ครับ

เคยเป็นไหมครับ ทำงานมาทั้งวัน กลับมาดูผลงานที่ทำมา …ทำไมมันเหมือนทำไปนิดเดียวเอง และที่สำคัญ นึกไม่ออกด้วยว่า เราทำอะไรเยอะเกินไป เสียเวลาตรงไหนเยอะเกินไป ช้าอยู่ใย, มาใช้โปรแกรม ช่วยวิเคราะห์กันดีกว่าครับ ในบทความนี้จะแนะนำโปรแกรมที่ใช้งานบน Window เป็นหลักครับ) Type อันนี้ผมแบ่งเองว่า จะมี 2 รูปแบบ Manual อันนี้เราจะเห็นค่อนข้างเยอะก็คือค่อยๆใส่กันเอาเอง Automatic จะ track เราให้เลยครับ Manual หมวดนี้มีค่อนข้างเยอะครับ search ใน google นี่มาเต็มเลยแต่วันนี้ขอแนะนำ KanbanFlow คำว่า Manual ในที่นี้คือเราต้อง Add task เข้าไปเอง กดว่ามันเสร็จสิ้นแล้ว ด้วยตัวเองทั้งหมดครับ ยังงี้ก็กดว่าเสร็จแล้ว ทั้งที่จริงๆยังไม่เสร็จได้สิ ? ใช่ ครับ ระบบแบบนี้ขึ้นกับตัวเองทั้งหมด ตัวนี้ดีแถมฟรี ด้วยครับมาดู Features กันดีกว่า Visualize your work – คือภาพรวมของงานเรานั่นเองครับ…

Read more...