ArmNo.in.th

[Gallery] วัดวาอาราม

ArmNo — Sun, 08 Aug 2010 02:38:25 +0000

สวัสดีครับ นานๆทีจะได้มาโพสต์อัลบั้มภาพในบล็อกตัวเองสักครั้ง .. มัวแต่ไปโพสต์บน Facebook ซะหมดเลย อีกอย่าง ถึงตอนนี้ก็ยังไม่ได้ลองเล่น NextGen Gallery แบบจริงๆจังๆเลย .. วันนี้ถือโอกาสช่วงเข้าพรรษา เอารูปวัดในเชียงใหม่มาฝากครับ

ช่วง 3-4 เดือนที่ผ่านมานี้ ผมชอบไปถ่ายรูปในวัดอยู่บ่อยๆ เพราะว่ารู้สึกเย็น และสงบดี .. แต่บางครั้งก็ไม่ค่อยได้รูปหรอกครับ ไปนั่งเฉยๆ อยู่บ่อยครั้งก็มี .. เชียงใหม่วัดเยอะมากกกกก ใจจริงอยากไปให้ครบทุกวัดในเมืองเลย ก็ค่อยๆทะยอยเก็บสะสมไปเรื่อยๆละกัน

อัลบั้มนี้รวมภาพจากหลายๆวัด จากการไปหลายๆครั้ง เฉพาะในปีนี้นะครับ (รูปปีก่อนๆผมเก็บไว้ใน External Harddisk หมดเลย) ขอนำบางส่วนมาแบ่งปันครับผม

ทุกรูปน่าจะถูกถ่ายด้วย Nikon D60 กับเลนส์คิต 18-55mm นะ .. อ้อ มีรูปนึงสิใช้ 55-200mm ถ่าย .. มี HDR อยู่ 2 รูป ด้วย Photomatix ครับ

เรื่องที่เกี่ยวข้อง

NetBeans Tips#5 เปลี่ยนลักษณะ Editor ได้ดั่งใจ

ArmNo — Mon, 26 Jul 2010 15:11:41 +0000

NetBeans Tips มาอีกแล้ววว

คงสังเกตกันได้ไม่ยากนะครับ ว่าทุกตอนของซีรี่ส์ NetBeans IDE นั้น ภาพ Editor ที่ผม capture มา ไม่เหมือน editor แบบ default ของ NetBeans IDE ที่เห็นได้ชัดคือ สีพื้นหลังเป็นสีเข้ม และฟอนต์ก็ไม่เหมือน deafult ของ NetBeans IDE เลย .. จริงๆแล้ว NetBeans IDE อนุญาตให้เราปรับสี ฟอนต์ ขนาดฟอนต์ ของ editor ได้ตามใจชอบเลยล่ะครับ ซึ่งวิธีการก็ไม่ยากเลย

ขั้นแรก ไปที่เมนู Tools > Options เพื่อเปิดหน้าต่างการตั้งค่าต่างๆของ NetBeans IDE ขึ้นมาครับ

แล้วไปที่แท็บ Fonts & Colors เพื่อตั้งค่าสีสันต่างๆให้ editor ของเราครับ .. ซึ่งเราสามารถเลือกภาษาที่เราใช้ใน drop-down menu ได้ตามที่แสดงในรูปครับ แยกย่อยกันไปตามแต่ละ syntax ของภาษานั้นๆได้เลย

ตรงส่วน Category นั้นคือ ประเภทของตัวอักษร(คำ)ใน source code ของเราครับ ว่าเป็นตัวแปร ชื่อฟังก์ชั่น ชื่อคลาส เป็นต้นครับ .. ซึ่งถ้าเราไม่ชัวร์ว่า category ไหนคืออะไร เราสามารถคลิกลงไปที่โค้ดในช่อง Preview ข้างล่างได้ครับ .. อย่างเช่นผมคลิกคำว่า <<

ค่าที่เราตั้งเองได้ ก็ตั้งแต่รูปแบบฟอนต์ (รวมถึงขนาด ตัวหนา เอียง) สีพื้นหน้าและพื้นหลัง และยังเลือกได้ด้วยว่า effect จะให้เป็นขีดเส้นใต้หรือขีดทับก็ได้นะ

นอกจากนี้ยังเปลี่ยนสีของส่วนอื่นๆเช่น สีพื้นหน้า/พื้นหลังของการ highlight ข้อความ หรือเมื่อตอน diff ไฟล์ดูก็ยังได้ครับ .. เรียกได้ว่า ได้หมดแทบจะทุกส่วนของ editor เลยก็ว่าได้

ลองปรับเปลี่ยนตามสไตล์ของคุณเองดูนะครับ

เรื่องที่เกี่ยวข้อง

My First WordPress Theme

ArmNo — Tue, 20 Jul 2010 00:31:23 +0000

สวัสดีครับ .. หลังจากที่แอบซุ่มเปลี่ยนธีมทึมๆนี้อยู่ได้สักพัก คงได้ฤกษ์เปิดตัวอย่างเป็นทางการซะที (ว่าไปนั่น) ด้วยความตั้งใจมานานนนนนมากแล้ว ที่อยากลองทำ WordPress Theme ดูซักครั้ง แต่ไม่เคยสำเร็จซักครั้ง เพราะผมไปติดอยู่ตรงออกแบบใน Photoshop ซึ่งเป็นสิ่งที่ทำไม่เป็นเลย .. ชอบ Web Design ก็จริง แต่ไม่มีความสามารถครับ เพราะชีวิตประจำวันก็มีแต่เขียนโค้ดๆ ไม่ได้ลงมือ design จริงๆจังๆซักที .. ว่าแล้วโครงการทำ WordPress Theme ก็ล้มไปพักใหญ่

จริงๆแล้วผมเคยลองออกแบบ WordPress Theme ที่อยากทำ ใน Photoshop แล้วครั้งนึงครับ หน้าตาก็ประมาณข้างล่างนี้ .. นานแล้วเหมือนกันนะ แต่ว่าตอนนั้นก็ไม่ได้ทำเป็น WordPress Theme จริงๆจังๆซักที เงียบหายไปเลย

แต่แล้วมีแรงฮึดอีกครั้งจากไหนไม่รู้ จากการเริ่มศึกษาเรื่อง HTML5 กับ CSS3 อย่างเอาจริง ประกอบกับเป็นช่วงที่ WordPress 3.0 คลอด RC พอดี เลยคิดเล่นๆว่าลองถอดแบบ TwentyTen Theme มาเป็น HTML5 กับ CSS3 ดู จะเป็นยังไง .. ตอนเริ่มแรก คิดแค่ตรงนี้ครับ .. แต่แล้วมันก็ออกมาเป็นแบบนี้ .. (คลิกที่รูปเพื่อดูขนาดเต็มๆได้ครับผม)

จะมีส่วนที่เหมือน TwentyTen ก็ตรง Layout หลัก นอกนั้นก็มั่วหมดเลย .. ผมไม่ได้จริงจังอะไรมาก ก็ทำๆไปเรื่อยๆ ไม่มีการวางแผน ไม่ track เวลาที่ใช้ ไม่มี wireframe หรืออะไรประมาณนั้นเลย แบบว่าคิดอะไรได้ ก็ใส่ๆไป .. เป็นวิธีการทำงานที่ไม่ดีนะครับ อย่าเอาเป็นอย่างเลย (แต่ผมก็แอบทำบ่อยๆ แบบว่าขี้เกียจ)

โครงสร้าง HTML

Concept หลักของผมก็คือ “ลองของ” อะไรทุกอย่างที่ยังไม่รู้ หรือรู้แล้วแต่ยังไม่ได้ลองทำจริงๆ มีอะไรยัดใส่ให้หมดครับ .. สิ่งแรกก็คือ โครงสร้างของธีมนี้ต้องเป็น HTML5 เป็นหลัก ก็พอได้ไอเดียจากบทความนี้ครับ “Design a blog with HTML5” จาก html5doctor.com .. จริงๆก็ยังมีความรู้อยู่น้อยมาก และยังสับสนในบางเรื่องบางส่วนครับ จึงไปเก็บ “HTML5 Starter Pack” มา เพราะมีให้ครบทั้ง html, css, js ให้เราพร้อมลุยได้ทันที

เนื่องด้วยผมอยากได้ layout แบบ TwentyTen จึงวางเป็น 2 column (1 content + 1 right sidebar) พร้อมด้วยรูป Header ขนาดพอเหมาะ ที่เหลือก็ไหลตามน้ำครับ .. มีหลายอย่างที่ผมหยิบใส่ แล้วเอาออก บางอย่างก็ไม่ได้คิดว่าจะเอามาใช้เลย แต่ดันมาอยู่ในธีม ก็มีนะ

Header

รูปแบบการจัดวางชื่อบล็อก รูป เมนู ก็เอามาจาก TwentyTen ครับ เพิ่มไปหน่อยคือส่วนขวาบน ไอคอนที่ลิ้งก์ไปยังเพจต่างๆที่อาจจะเป็นประโยชน์ .. ส่วน navigation หลักของบล็อกนี้ “พ่น” เอาลิสต์ของหมวดหมู่ (Category) ของบล็อกนี้ออกมาครับ โดยที่แสดงเฉพาะ parent category ออกมา แล้วให้บรรดา sub-category อยู่ใต้ category นั้นๆ คอยแสดงผลออกมาเมื่อเลื่อนเมาส์เหนือ category หลักครับ

แอบยัด CSS3 ไปหลายจุด เริ่มจาก nth-child selector ในการใส่ icon หน้า category ต่างๆ แล้วก็ทำ drop-down menu ตามบทความนี้ครับ “CSS3 Dropdown Menu” จาก webdesignerwall .. ลองใช้ RGBA สำหรับสีพื้นของ menu ดูด้วย .. ส่วนตัวคุ้นเคยกับ HEX มากกว่า RGB ครับ ก็เลยมึนๆเกี่ยวกับสีพอสมควร ก็เลยเนียนใส่เป็นสีเทาซะเลย ง่ายดี

Footer

อาจเรียกได้ว่าเป็นส่วนที่สิ้นคิดที่สุดของธีมนี้ก็ว่าได้ เพราะผมไม่รู้จะใส่อะไรจริงๆ นอกจากโลโก้ของ WordPress แล้วก็ถ้อยคำแสดงความเป็นเจ้าของ แค่นั้นเอง

Content

ส่วนหัวไม่มีอะไรมากครับ ชื่อโพสต์ วันที่ ผู้เขียน และก็ปุ่ม Like ของ Facebook เพื่อความ in trend

ท้ายโพสต์ ใส่ metadata เล็กๆน้อยๆไว้ครับ ไม่แน่ใจเหมือนกันว่าไอคอนเล็กๆนั่นจะพอสื่อถึง category, tags, comments ได้ดีพอหรือเปล่า .. ส่วน style ของ WP-PageNavi ทำไว้เสร็จสรรพ (ถ้าไม่ได้ลงปลั๊กอินตัวนี้ หรือ inactive ไว้ ก็จะแสดงเป็น Newer Post กับ Older Post ตามแบบ TwentyTen ครับ)

Related Post ได้ของใหม่เป็นปลั๊กอินชื่อ WP-Thumbie หน้าตาดูดีมีชาติตระกูลมากขึ้น มี thumbnail ให้ดูเล่นๆด้วยนะ

Comments

มี Gravatar ตามแบบธีมทั่วไป เว้นสเปซไว้เยอะๆเพื่อให้ดูสบายตา .. ในส่วนคอมเม้นต์นี้ ใช้ฟีเจอร์ใหม่ใน WordPress 3.0 ที่ทำให้การสร้าง comment form ได้แบบง่ายโคตรๆ จากบทความนี้ครับ “WordPress 3.0 Tip: The Comment Form” จาก ottopress.com ครับผม

มีนิดนึงสำหรับปุ่ม Comment ได้ไอเดียวและวิธีการจากบทความ “CSS3 Gradient Buttons” จาก webdesignerwall.com อีกแล้วครับท่าน

Sidebar

ส่วนบนใส่ Author Info. ไว้ครับ (ดึงมาจากข้อมูลที่ตาม User Settings) สำหรับบล็อกนี้มีผมเป็น author อยู่คนเดียว จึงดึงมาไว้ตรงนั้นแบบให้อยู่ตลอดเลย .. ส่วนด้านล่างนั้น widgetize เรียบร้อยแล้ว ลาก widget ใส่ได้เต็มที่แล้วล่ะ

Theme Options Page

มี Theme Options Page กับเขาด้วยครับผม จากบทความดีๆ เข้าใจง่ายๆจาก Nettuts “How to Integrate an Options Page into Your WordPress Theme” ทำให้การ save/load options ต่างๆของธีมที่ทำขึ้นมานี้ สะดวกขึ้นครับ .. ตอนนี้มี options ลวกๆแค่ 4 อย่าง กับ header image เท่านั้นที่ปรับแต่งได้จาก admin panel ครับ

Cross-broser Test

ขี้เกียจ capture รูปมาละครับ (อ้าว??!!) ก็พอสรุปได้คร่าวๆดังนี้ครับ

Firefox 3.6 – OK
IE8 – ไม่มีคุณสมบัติของ CSS3 เหลืออยู่เลย แต่ layout ยังพอดูดีครับ
Google Chrome 5.0 – OK
Safari 5.0 – OK แต่ฟอนต์ภาษาไทยจะแปลกๆหน่อย ตามฉบับ Safari
Opera 10.53 – OK แต่ border-radius ของ navigation ไม่ออกซะงั้น

ส่วน browser อื่นๆนอกเหนือจากนี้ ไม่ได้ทดสอบครับ ถ้าเกิดพังขึ้นมา ก็เอาเป็น ธีมนี้ไม่รองรับแล้วกันนะ (ส่วน IE6 ผมใส่ปลั๊กอินสำหรับ warn user ไว้แล้วนะ) แค่ layout ไม่พังสำหรับ modern browsers ทั้งหมด ก็ OK สำหรับผมแล้วล่ะ

@Todo

เพิ่มความสามารถในการ customize เมนูหลัก ตอนนี้ยังปรับอะไรไม่ได้เลย – 08.05.2010
metadata ของหน้า page ยังแสดงผลผิด – 08.05.2010 เสร็จแล้ว 08.28.2010
Threaded Comnments – 08.05.2010 เสร็จแล้ว 08.19.2010
เพิ่ม icon อีกหน่อยมั้ย ? จืดมากกก
ปรับปรุงหน้า Search Results – 08.22.2010
default wideget ยังไม่เสร็จ – 08.27.2010

ธีมนี้ยังไม่ถือว่าเสร็จสมบูรณ์ครับ (ถึงแม้จะพอใช้งานได้) ยังต้อง refactor code และแก้บั๊กในหลายๆส่วน (ท่านใดพบเจอและช่วยแจ้ง จักเป็นพระคุณยิ่งครับ ) .. ตอนนี้อยากให้มีคนมาช่วยดูโค้ดให้จริงๆเลยเชียว (โดยเฉพาะส่วนที่เป็น HTML5 ในแง่ของ semantics และ standards) เขียนขึ้นมาก็มั่วๆไป อ่านจากบทความหลายๆที่ ไม่เหมือนกัน ก็งงๆกันไป

ขอขอบคุณบทความ(ที่ไม่ได้ยังไม่ได้กล่าวถึง) ดังต่อไปนี้ด้วยครับ

อ่านมาตั้งนาน ไม่แจกหรอกหรือ?

ธีมนี้ทำขึ้นมาเพื่อศึกษาและทดลองเป็นหลักครับ ยังมีหลายส่วนที่ผมคิดว่ายังไม่ลงตัว หลายส่วนที่ยังต้องปรับปรุง และอีกบางส่วนที่ถูกออกแบบจากโครงสร้างของบล็อกนี้เป็นหลัก .. เลยคิดว่ายังไม่แจกธีมนี้ครับ .. ในอนาคตหากมีโอกาสได้ปรับปรุงจริงๆจังๆ พร้อมกับทำให้มัน common มากกว่านี้ (และมีคนอยากได้ด้วย) ก็อาจจะแจกจ่ายกันต่อไปครับ

แต่สำหรับท่านที่สนใจ อยากได้โค้ดไปลองเล่น ไปศึกษา หรือเอาไปวิจารณ์โค้ด ผมยินดีให้ครับ

ปล. ธีมนี้ยังไม่มีชื่อครับ ยังไม่ได้คิดเลย .. คิดไม่ออกด้วยนะที่จริง

เรื่องที่เกี่ยวข้อง

NetBeans Tips #4 หาคลาส ตัวแปร ยังไงก็เจอ

ArmNo — Sat, 17 Jul 2010 05:17:53 +0000

ยังไม่จบไม่สิ้นกับ NetBeans IDE นะครับ แหะๆ

วันนี้มีทิปสั้นๆ ที่ผมใช้บ่อย(อีกแล้ว) มาฝากครับ .. บางครั้งเราต้องการรู้ว่า ฟังก์ชั่น คลาส หรือตัวแปรหนึ่งๆ ถูกสร้าง หรือถูกประกาศไว้ที่ไหน จะได้ตามไปดูถูก ว่าที่มาที่ไปมันเป็นไง .. ปัญหาจะเกิดถ้าเราไม่ได้เป็นคนเขียนโค้ดเองขึ้นมาทั้งหมด คงไม่รู้แน่ว่ามันมาจากไหน ครั้นจะไป search หาก็ดูจะเสียเวลาเกินไปหน่อย NetBeans IDE มีฟีเจอร์ที่ช่วยให้คุณสามารถ “กระโดด” ไปยังจุดที่ฟังชั่น คลาส หรือตัวแปรนั้น ถูกประกาศไว้ในตอนแรกได้

วิธีการก็ง่ายมากครับ คลิกขวาที่ฟังก์ชั่น คลาส หรือตัวแปรที่ต้องการ แล้วเลือกเมนู Navigate > Go to Declaration ครับ

คลิกปุ๊ปมันก็จะกระโดดไปทันทีเลย!

ถ้าต้องการเร็วกว่านี้ มีคีย์ลัดคือ Ctrl + คลิกซ้าย ครับผม .. คลิกปุ๊ป ไปปั๊บเลย

ลองใช้กันดูนะครับ

เรื่องที่เกี่ยวข้อง

NetBeans Tips #3 จัดระเบียบโค้ดด้วยเมนู Format

ArmNo — Mon, 12 Jul 2010 23:37:53 +0000

สวัสดีครับ มาต่อกันกับตอนที่ 4 ของซีรี่ส์เกาหลีเรื่อง ยัยตัวร้ายกับนายเน็ตบีนส์ กันเลยนะครับ – -“

วันนี้มีทิปเล็กๆมาฝากครับ สำหรับใครที่เขียนชอบเขียนโค้ดรกๆ แล้วค่อยมาจัดทีหลัง รู้สึกว่าเสียเวลาไหม? ถ้าใช่ ผมขอเสนอ เมนู Format ใน NetBeans IDE ที่จะช่วยจัดจะเบียบ source code ของคุณได้ในคลิกเดียว!!

Before .. สมมุติว่าผมมีโค้ดรกๆแบบนี้นะครับ เกิดวันนึงผมบ้าอยากอ่านโค้ดขึ้นมา อ่านแบบนี้ไม่รู้เรื่องเลย

อยากจัดให้มันสวยๆ ก็แค่ คลิกขวาตรงโค้ด แล้วเลือก Format

แล้วบรึ๊มมม ทุ่งข้างสาลีก็กลายมาเป็นโกโก้ครั้นช์! .. ไม่ใช่ครับ โค้ดของเราก็จะดูดีขึ้นทันตาเห็น ดู After นี่

ฟีเจอร์นี้มีคีย์ลัดคือ Alt+Shift+F ครับ .. เป็นคีย์ลัดที่ผมใช้บ่อยพอๆกับ Ctrl+Space (force auto-complete) เลยนะ

เขียนโค้ดรก จัดทีหลัง ยังไม่สาย
อ้ายเน็ตบีนส์ ทำให้ สบายบ๋อง
กดคีย์ลัด คล่องปรึ๊ด คงต้องลอง
เขียนโค้ดคล่อง อ่านโค้ดง่าย สบายใจเอยยย

ปล. พวก compressed code ที่เห็น framework/library ต่างๆ จัดโค้ดแล้ว ก็ยังอ่านไม่รู้เรื่องอยู่ดี

เรื่องที่เกี่ยวข้อง

NetBeans Tips#2 ใช้งาน Code Auto-complete

ArmNo — Sun, 11 Jul 2010 01:55:23 +0000

บทความที่ 3 ในซีรี่ส์ NetBeans IDE นะครับ

วันนี้จะพูดถึงเรื่อง Code Auto-completion ของ NetBeans นะครับ ฟีเจอร์นี้ถือเป็นฟีเจอร์มาตรฐานของ IDE ทุกตัวเลยก็ว่าได้ (ใครไม่มีเชยแย่เลย) .. สำหรับฟีเจอร์นี้ เป็นฟีเจอร์ที่ผมคิดว่าผมใช้บ่อยมากที่สุดของ NetBeans IDE เลยนะ .. ปกติแล้ว Code Auto-completion ถูกเปิดใช้งานโดยอัตโนมัติอยู่แล้วครับ และยังปรับแต่เพิ่มเติมได้ด้วยนะ โดยไปที่เมนู Tools > Options และเลือกแท็บ Editor > Code Completion ครับผม เลือกตั้งค่าแยกภาษาก็ได้นะ

การทำงานของ Code Auto-completion ของ NetBeans IDE คือ จะทำงานอัตโนมัติเมื่อเราเคาะ space ครับ ทุกสิ่งทุกอย่างที่มีความเป็นไปได้ว่าจะมาต่อโค้ดตรงนั้น ก็จะโผล่ขึ้นมา พร้อม document ครับ .. ในรูปผมเคาะ space หนึ่งครั้งหลังแท็ก ครับ เราสามารถใช้ลูกศรเลื่อนขึ้น-ลงบนคีย์บอร์ด เพื่อเลือกโค้ดที่เราต้องการ แล้วกดปุ่ม Enter มันก็จะเติมโค้ดให้เราอัตโนมัติครับ

ถ้าเป็น NetBeans for PHP ก็แน่นอนว่าจะต้องมี Auto-completion สำหรับโค้ด PHP ด้วย ในภาพข้างล่าง ผมพิมพ์เครื่องหมาย $ (dollar sign) ซึ่งก็หมายถึงผมต้องการประกาศตัวแปรในโค้ด เจ้า NetBeans ก็ pop-up ขึ้นมาให้ครับ

แค่นี้มันยังน้อยไป NetBeans IDE ยังสามารถใช้งาน Auto-completion กับ Framework ต่างๆได้ด้วยนะ (แต่ต้องสร้างโปรเจ็คใน NetBeans IDE ก่อนนะครับ) .. ลองกับ WordPress บอกหมดทั้งชื่อฟังก์ชั่น, อาร์กิวเม้นต์ พร้อมบอกด้วยว่าอยู่ที่ไฟล์ไหน

สมมุติผมเลือกซักฟังก์ชั่นนึง ที่มีอาร์กิวเม้นต์เยอะๆนะครับ ตัว NetBeans IDE จะใส่อาร์กิวเม้นต์ทั้งหมดมาให้เลย ซึ่งสังเกตว่าจะมีกรอบสีม่วงรอรับค่าจากคียบอร์ด เราก็พิมพ์ค่าของอาร์กิวเม้นต์ที่จะส่งไปครับ แล้วพอกด Enter หรือ Tab เจ้ากรอบสีม่วงนั้น ก็จะเลื่อนไปยังอาร์กิวเม้นต์ถัดไปให้ทันที … ต่างกันแค่ตรงที่ กด Tab กรอบสีม่วงจะวนไปเรื่อยๆ จนถึงอาร์กิวเม้นต์สุดท้าย แล้ววนมาอาร์กิวเม้นต์ตัวแรกให้ใหม่ แต่ถ้ากด Enter เมื่อถึงอาร์กิวเม้นต์สุดท้ายแล้ว กด Enter อีกครั้ง cursor จะไปอยู่ท้ายประโยคแทนครับ

jQuery ก็มีนะ

จะทำงานกับ Auto-completion ให้ดี มันต้องเร็วและสะดวกกว่านี้ครับ ปกติจะหน่วงเวลาประมาณ 1 วินาที ก่อนที่มันจะ pop-up ขึ้นมา ถ้าคิดว่าช้าไป กดคีย์ลัดเพื่อ force ให้ตัว auto-complete โผล่มาทันทีเลยก็ได้ครับ คีย์ลัดนั้นก็คือ Ctrl+space ครับ กดปุ๊ป เด้งปั๊ปเลย

NetBeans IDE มันฉลาดพอที่จะเติมโค้ดที่มีเพียงค่าเดียว ให้ทันทีโดยที่ไม่ต้องกดเลือกครับ .. งงกันล่ะสิ ลองดูตัวอย่าง ผมต้องการพิมพ์ height ใน CSS ก็แค่พิมพ์ he แล้วกด Ctrl+space เจ้า NetBeans IDE ก็จะเติมโค้ดส่วนที่เหลือให้เลยทันที (พร้อมเครื่องหมาย colon ด้วยนะ) เพราะมันรู้แน่ๆว่า property ที่ขึ้นต้นด้วย he มีเพียง height อย่างเดียว เลยเติมให้ทันทีโดยไม่ต้องเสียเวลาครับ .. ซึ่งคีย์ลัด Ctrl+space เนี่ยผมใช้บ่อยมากกกกกกเลยล่ะ ประหยัดเวลาได้เยอะทีเดียว

Code-Autocompletion ใน NetBeans IDE เติมอะไรได้บ้าง

Basic HTML, PHP, CSS, JavaScript
ฟังก์ชั่นต่างๆใน Framework (ทั้ง PHP และ JavaScript Framework) พร้อม Argument
Property, Method ของ class และ parent class

ลองไปเล่นกันดูครับ

เรื่องที่เกี่ยวข้อง

NetBeans Tips#1: เริ่มสร้างโปรเจ็ค

ArmNo — Sat, 10 Jul 2010 02:30:47 +0000

ทำไมถึงต้องสร้างเป็นโปรเจ็คใน NetBeans?

ปกติใช้ Text Editor ก็แค่ไปหาไฟล์ใน Windows Explorer แล้วลากมาวางในโปรแกรม แต่การทำงานกับ IDE ควรจะสร้างโปรเจ็คใน IDE ของเราทุกครั้งที่ทำโปรเจ็คใหม่ เนื่องจากถ้าแค่เปิดไฟล์ธรรมดา มันจะเป็นแบบนี้

หาไฟล์ยาก .. แต่เมื่อสร้างโปรเจ็คใน NetBeans IDE แล้ว มี File Explorer ให้ใข้เลย
กดหาฟังก์ชั่นไม่ได้
Code Auto-complete ออกเฉพาะโค้ดมาตรฐาน (PHP, HTML, CSS, JavaScript) .. อาจไม่เป็นปัญหา แต่หากทำกับ Framework ที่มีฟังก์ชั่นเยอะๆ แล้วไม่ทำให้ตัว NetBeans IDE รู้จักเนี่ย เหนื่อยนะ
ก็ยังคิดออกแค่นี้ครับ – -“

ขั้นตอนหมูมากๆใน NetBeans IDE ครับ .. หลังจากเปิดโปรแกรม NetBeans IDE ขึ้นมาแล้ว ไปที่เมนู File > New Project …

เริ่มสร้างโปรเจ็ค

สำหรับโปรเจ็ค PHP จะมี 3 แบบให้เลือกครับ

PHP Application – เริ่มต้นสร้างโปรเจ็ค PHP ใหม่จาก 0
PHP Application with Existing Sources – สร้างโปรเจ็คใน NetBeans โดยที่เรามี source code folder อยู่แล้ว (ส่วนมากผมใช้แบบนี้)
PHP Application with Remote Server – สร้างโปรเจ็ค PHP จากไฟล์บนเซิฟเวอร์เลย .. ผมขอลองแบบนี้ละกัน เพราะยังไม่เคยทำเลย

ตั้งค่า Name and Location

หน้าจอถัดมาเป็นการตั้งค่าต่างๆของโปรเจ็ค ตามนี้เลยครับ

Project Name – ชื่อโปรเจ็ค ส่วนนี้เก็บไว้เป็น Metadata ของ NetBeans เฉยๆครับ ไม่เกี่ยวกับโค้ดหรือที่เก็บไฟล์
Sources Folder – โฟลเดอร์ในเครื่องเราที่จะเก็บ source code ไว้ .. ในที่นี้ผมเลือกเก็บใน www directory ของ wamp เลยละกัน
PHP Version – ตามที่เห็นในรูป คือสำหรับ code hints ครับ .. ผมเลือกเป็น PHP 5.2 ตามเวอร์ชั่นบนโฮสต์ที่ผมใช้นะครับ
Default Encoding – รหัสอักขระของโค้ด เลือกเป็น UTF-8 นะดีแล้ว
Put NetBeans metadata into a separate directory – สำหรับแต่ละโปรเจ็คที่สร้างขึ้นมาใน NetBeans จะมีโฟลเดอร์ที่ชื่อว่า .nbproject ไว้สำหรับเก็บข้อมูลต่างๆเกี่ยวกับโปรเจ็ค ควรเลือกเก็บไว้ในโฟลเดอร์เดียวกับโปรเจ็ค (ไม่ติ๊กเครื่องหมายถูก) เพราะเวลาย้ายโปรเจ็คไปทำเครื่องอื่น metadata จะได้ไม่หายครับ

ตั้งค่าเกี่ยวกับ Remote Server

ต่อมาเป็นหน้าจอตั้งค่าเกี่ยวกับเซิฟเวอร์ครับ .. ผมเพิ่งเคยเจอหน้าจอนี้ครั้งแรก งั้นผมจะมั่วไปก่อนนะครับ .. สำหรับใครที่สร้างโปรเจ็คในเครื่องตัวเอง จะไม่มีหน้าจอแบบนี้นะครับ ข้ามขั้นตอนนี้ไปได้เลย

Project URL – ใน URL ของเว็บเราเข้าไป
Remote Connection – ตั้งค่าเกี่ยวกับ FTP Access ของเซิฟเวอร์เราครับ ใครยังไม่มี ก็กดปุ่ม Manage แล้วเข้าไปมั่วในนั้นได้ตามสบาย
Upload Directory – path ของโฟลเดอร์บนเซิฟเวอร์ครับ เช่นของผมจะเป็น /armno_in_th/htdocs

จากนั้นก็รอให้ NetBeans ดาวน์โหลดไฟล์จากเซิฟเวอร์ มาไว้ในเครื่องของเราครับ

รอจนเสร็จ เราก็จะได้โปรเจ็ค PHP ใหม่ พร้อมเริ่มงานได้ทันที

เนื่องจากอินเตอร์เน็ตของผมมีปัญหา ไม่สามารถดาวน์โหลดไฟล์ได้ทันเวลา จึงขอจบโพสต์นี้ไว้แต่เพียงเท่านี้ครับ

เรื่องที่เกี่ยวข้อง

แนะนำ NetBeans IDE สำหรับเขียนโค้ด PHP

ArmNo — Fri, 09 Jul 2010 18:06:13 +0000

ผมเริ่มชีวิตการเขียนเว็บด้วย Notepad ครับ และถัดมาก็เป็น Notepad++ (ไม่ได้เริ่มจาก Dreamweaver อย่างหลายๆคน เพราะผมเป็นพวกถนัดเขียน source code อย่างเดียว) คงเป็นเพราะทำแต่โปรเจ็คเล็กๆเรื่อยมา ก็เลยใช้โปรแกรมง่ายๆ เน้นความเร็วเป็นหลักอยู่เรื่อยมา จนกระทั่งถึงตอนฝึกงานที่ Blueball ต้องทำโปรเจ็คใหญ่ขึ้น บน Framework ที่เพิ่งจะเคยใช้เป็นครั้งแรกในชีวิต (ณ ตอนนั้น) ถึงคราวต้องลองใช้ IDE เพราะเห็นเจ้านายใช้แล้วเท่ดี ตอนนั้นใช้ Zend Studio 6 ครับ (เป็น Zend Studio เวอร์ชั่นแรกที่ based on Eclipse IDE) .. หลังจากจบตรงนั้นแล้วก็พอได้ไอเดียว่า IDE มาช่วยชีวิตเราได้อย่างไร และคิดว่ามันเป็นสิ่งที่ควรใช้เป็นอย่างยิ่ง นับตั้งแต่นั้นเป็นต้นมาครับ

โม้มาซะยาว ใครยังไม่รู้ว่า IDE คืออะไร ไปหาคำตอบใน Google เอาเองนะครับ (ถ้ายังขี้เกียจอีก คลิกลิ้งก์นี้สิ) .. ใช้ Zend Studio ก็ OK ดีครับ แต่ด้วยความที่ละอายแก่ใจ ไม่อยากใช้ซอฟต์แวร์เถื่อน (ว่าไปนั่น) เลยอยากหา IDE ที่ฟรี และเบากว่า (กินทรัพยากรเครื่องน้อยกว่า) และก็มาลงเอยที่ NetBeans IDE ครับ ซึ่งผมเริ่มใช้จริงจังมาตั้งแต่เวอร์ชั่น 6.7 .. ก็ช่วงที่เริ่มทำโปรเจ็คจบพอดี

ผมกะว่าจะเขียนเรื่อง NetBeans IDE เป็นตอนสั้นๆ หลายๆตอนนะครับ (ขี้เกียจเขียนยาวนั่นเอง) สำหรับตอนแรกนี้ ก็คงมาโม้ๆกันแบบนี้ก่อน .. ไอ้เจ้า IDE เนี่ย ครั้งแรกที่ใช้รู้สึกงงมากครับ เมนูประหลาดๆที่มีแต่ชื่อยากๆ, Panel อะไรไม่รู้รกเต็มหน้าจอไปหมด, ทำไมไม่เปิดไฟล์เฉยๆ ทำไมต้อง create project ใหม่ ฯลฯ .. ในตอนแรกที่มีแต่คำถามเต็มหัว แต่พอใช้ไปสักพัก เริ่มคุ้นเคย ก็จะพบว่ามันไม่ได้ยากอย่างที่คิดครับ

Netbeans แล้ว มันดีอย่างไร

(แอบจิ๊กทำนองเพลง “ดีอย่างไร” ของ Jetset’er มา) .. ตัวผมเองยังใหม่กับ NetBeans อยู่มาก ถึงจะใช้เป็นหลัก แต่ส่วนตัวก็ยังคิดว่า ยังใช้ไม่คุ้มอยู่ดี เพราะเท่าที่ดู NetBeans มันทำอะไรได้เยอะมากกกก จะลองลิสต์ประโยชน์ที่ผมได้จากการใช้ NetBeans ดูนะครับ

เท่กว่า .. ย้ำ เท่กว่าใช้ Text Editor ธรรมดา (ไร้สาระมากข้อนี้)
เขียนโค้ดได้เร็วกว่า ในขณะที่ใช้เวลาเท่ากัน มี autocomplete สุดไฮเทค
หาโค้ด ฟังก์ชั่น ไฟล์ต่างๆได้ง่าย .. มีประโยชน์มากโดยเฉพาะการทำงานบน Framework
Refactor โค้ดแบบไม่ต้องกลัว Fail
เก็บเวอร์ชั่นไฟล์ให้ด้วย สามารถกดดูและย้อนคืน (Revert) ได้ทุกไฟล์
เทียบความแตกต่างของโค้ดก็ได้นะ (Diff Tool)
Customize ได้เยอะแยะมากมาย (ปรับแต่ Panel, เปลี่ยนแบบ Editor, เขียน Code Template เอง, เปลี่ยนสีนั่นนู่นนี่ ได้หมด)
ฯลฯ

เท่าที่คิดออกก็ยังมีแค่นี้ครับ จริงๆแล้วพวกนี้เป็นแค่ส่วนเล็กๆของ NetBeans ไว้ตอนต่อไป ก็จะมาแนะนำทิปเล็กๆ เกี่ยวกับ NetBeans ที่ผมใช้อยู่บ่อยๆ ให้รับชมกันครับ .. ถึงตรงนี้แล้ว ถ้าใครอยากลอง เชิญเลย

ดาวน์โหลด NetBeans IDE (ผมโหลดเฉพาะ PHP 31MB เอง) *ต้องลง JRE ด้วยนะ*
เว็บไซต์ NetBeans.org

Highly Recommended จ้าาาา

เรื่องที่เกี่ยวข้อง

วิธีตั้งค่า Mozilla Thunderbird ให้ใช้งานอีเมล Google Apps ได้

ArmNo — Mon, 31 May 2010 12:33:41 +0000

ผมเป็นคนหนึ่งที่ใช้บริการ Google Apps กับโดเมนเนมของตัวเองครับ (ทั้ง loveofze.com และ armno.in.th) ที่ใช้เป็นหลัก และเหมือนจะใช้อยู่อย่างเดียวด้วย ก็คือ GMail มี email address เป็นชื่อเว็บตัวเอง นอกจากจะดูเท่แล้ว ยังใช้งานได้จริงด้วย

แต่ปัญหาอย่างหนึ่งที่ผมรู้สึกขัดใจ ก็คือการเข้าไปเช็คอีเมลผ่านหน้าเว็บของ GMail ใน Google Apps ต้องเข้าผ่าน URL ที่ค่อนข้างจะจำยาก คือ http://mail.google.com/a/ชื่อโดเมนของเรา (เช่น http://mail.google.com/a/armno.in.th) ทางออกของผมก็คือ ใช้ email client แทน ใช้ Mozilla Thunderbird แบบที่ใช้ที่ทำงานครับ ซึ่งการที่จะทำให้ Mozilla Thunderbird ใช้งาน GMail Google Apps ของเราได้นั้น ก็ต้องมีการตั้งค่าเล็กน้อย ดังนี้ครับ

หลังจากดาวน์โหลดและติดตั้ง Mozilla Thunderbird ในเครื่องเรียบแล้วร้อยแล้ว เปิดโปรแกรม เลือกเมนู File > New > Mail Account ตามภาพข้างล่างครับ

หลังจากนั้นก็ใส่ข้อมูลในช่องตามอีเมลของเราครับ ผมเลือก Remember password ด้วยเพื่อจะได้ไม่ต้องกรอกรหัสผ่านตอนล็อกอิน เนื่องจากใช้คอมฯของตัวเองน่ะครับ ตรงนี้ก็แล้วแต่สะดวกใจเลย

หลังจากนั้นเจ้า Thunderbird ก็จะพยายามวิ่งหา mail server ของโดเมนเราครับ ผมลองรอดูแล้ว นานสองนาน ก็ยังหาไม่เจอ เนื่องจากมันไม่รู้ว่า Mail Server ของเรา เป็นของ Google เนื่องจากเราใช้ Google Apps นั่นเอง .. กด Stop เลยครับ เพราะว่าเราต้องใส่ข้อมูล mail server แบบ manual

พอกด Stop แล้ว Thunderbird ก็จะให้เราใส่ข้อมูลเอง .. กรณีนี้ผมเปิด IMAP ไว้แล้ว จะเลือกใช้ IMAP แทน POP นะครับ (อ่านวิธีเปิดการใช้งาน IMAP สำหรับ GMail) ตั้งค่าตามนี้ครับ

Username: ใส่อีเมลแบบเต็มของเรา (รวมโดเมนด้วย)
Incoming: imap.gmail.com เลือก IMAP พอร์ต 993 ส่วนช่องสุดท้ายเลือก SSL/TLS
Outgoing: smtp.gmail.com พอร์ต 587 และเลือก SSL/TlS ในช่องสุดท้ายเช่นกันครับ

สำหรับใครที่ไม่ได้ใช้ IMAP แต่ใช้ POP แทน เปลี่ยน Incoming เป็นตามนี้ครับ (นอกนั้นเหมือนกับแบบ IMAP)

Incoming: pop.gmail.com เลือก POP พอร์ต 995 ช่องสุดท้ายเลือก SSL/TLS

เสร็จแล้วกด Re-test Configuration เลย

รอมันหมุนๆต่ออีกซักแป๊ป ก็จะมีเม็ดถั่วเขียวขึ้นมาแบบภาพด้านล่างครับ กด Create Account ได้เลย

รอ Thunderbird ไป get mail มาอีกสักนิด ก็ใช้ได้แล้วล่ะครับ

เรื่องที่เกี่ยวข้อง

หูฟัง AKG K420 “เขาบอกว่าผมเสียงดี”

ArmNo — Sun, 30 May 2010 13:16:59 +0000

ขึ้น title ดูจะแปลกไปหน่อย แต่นั่นคือประโยคหนึ่งที่ผมคิดได้ตอนนี้ครับ .. ขอออกตัวก่อนเลยนะครับ ว่าผมไม่ใช่คนเล่น gadget อะไร ไม่ใช่นักรีวิวตัวพ่อ และก็ไม่ได้โปรเรื่องเทคนิคครับ เป็นแค่คนหนึ่งที่ชอบฟังเพลง และก็เป็นเจ้าของหูฟังตัวนี้อยู่ อยากแบ่งปันข้อมูลการใช้งาน จากประสบการณ์จริงจากที่ผมใช้มาแล้วประมาณ 4 เดือน เผื่อเป็นประโยชน์กับคนที่กำลังหาข้อมูลหูฟังรุ่นนี้อยู่ครับ

รีวิวหูฟัง AKG K420 มาแล้ววว .. ยี่ห้อ AKG นะครับ รุ่นคือ K420 .. ก่อนหน้านั้นผมใช้หูฟัง in-ear ของ Sony รุ่น MDR-EX71 เป็นหลักครับ แล้ววันนึงมันก็เกิดพังขึ้นมา ก็เลยมองหาหูฟังตัวใหม่ และอยากลองเปลี่ยนจาก in-ear เป็นแบบอื่นดูบ้าง .. ก็หาข้อมูลอยู่เยอะเหมือนกันครับ ด้วยความที่ผมไม่ค่อยรู้เรื่องด้านนี้ ก็อาศัยอ่านเอาอย่างเดียว ตั้งงบให้ตัวเองว่าต้องไม่เกิน 2,000 บาท แล้วก็เจอ AKG K420 รุ่นนี้ที่เข้าตา อ่านจากรีวิวในเว็บต่างๆแล้ว เป็นไปในทางบวก ก่อนหน้านี้ไม่เคยรู้จักยี่ห้อนี้มาก่อน แต่ก็ตัดสินใจซื้อมา ในราคา 2,000 บาทครับ ซึ่งถือว่าได้ราคาค่อนข้างถูก โดยเฉลี่ยแล้วที่เห็นจะอยู่ที่ประมาณ 2,200 – 2,400 บาทครับ (แต่ก็เป็นของใหม่น่ะแหละ)

ด้วยความที่ผมได้มันมาในราคาที่ค่อนข้างถูก เลยไม่ได้ซีเรียสกับคุณภาพของมันมากมาย (อ้าว?) เป็นนิสัยส่วนตัวน่ะครับ สำหรับผมแค่สภาพสมบูรณ์ + ใช้งานได้ แค่นี้ก็พอแล้วล่ะครับ .. กล่องกับอะไรต่างๆ ผมทิ้งหมดแล้วนะครับ หาดูรูปในเน็ตได้ แต่ดูแล้วก็เท่ดี .. ปัญหาแรกที่เจอหลังจากแกะกล่อง คือ ยางตรงที่คาดศีรษะ ( ? เขาเรียกกันว่าอะไร?) มันชอบหลุดออกมา เวลาถอด-ใส่หูฟังตัวนี้ (ดังภาพด้านล่าง) .. ผมไม่รู้นะครับว่าเป็นเหมือนกันทุกตัวรึเปล่า (คิดว่าไม่นะ) ตอนแรกก็มีแอบเคือง คิดไปคิดมา มันไม่ได้มีปัญหาอะไรกับการใช้งาน แค่เวลาถอด-ใส่ ก็จับมันยัดลงร่องไป ก็แค่นั้น (ถ้าอยากให้มันดูเรียบร้อยนะ)

นอกจากแพ็คเกจเนี้ยบๆแล้ว มีถุงแถมมาให้ด้วยครับ ถุงใส่นี่ความยาวประมาณ 800 px. (ใครเขาวัดเป็น pixel กันฟะ??) .. อันนี้จริงๆครับ ผมไม่มีไม้บรรทัด เลยทาบกับจอเอา .. ส่วนขนาดของตัวหูฟัง ก็เทียบเอาตามสัดส่วนในรูปละกันครับ .. แต่เล็กกว่าที่ผมคิดไว้ในตอนแรกนะ (ไอ้ที่เกาะๆนั่นฝุ่นนะ ไม่ใช่ขี้หู >,<)

ตัวหูฟังสามารถขยายความยาวได้ ด้วยการดึงมันออกครับ (ดังภาพด้านล่าง) ที่เห็นเป็นร่องๆนั่นคือตัวล็อกนะครับ เวลาดึงออกก็จะมีเสียง “แต๊กๆๆ” ดึงออกสุดได้ความยาวเพิ่มขึ้นข้างละประมาณ 1 นิ้วครับผม

ฟองน้ำรองหู ขนาดก็พอดีกับหูเราแหละครับ ตัวฟองน้ำค่อนข้างบาง แต่ก็นุ่มนะ เวลาใช้ควรระวังหน่อย แค่นั้นเอง

ข้อพับของ AKG K420 .. ลืมบอกไปครับว่าหูฟังรุ่นนี้พับเก็บได้ (เค้ารู้กันหมดละมั้ย – -*) ถึงทำด้วยพลาสติก แต่ก็แข็งแรงใช้ได้ ตัวหูฟังมีส่วนที่หมุนได้ 2 ส่วนนะครับ คือส่วนข้อพับนี้ กับส่วนที่เป็นแกนหมุนเหนือลูกกลมๆ (ดูจากรูปบนเห็นชัดดีครับ)

ผลิตที่ประเทศจีน แต่ถูกออกแบบโดย AGK Team ที่ประเทศออสเตรียครับผม

ตรงกลางที่คาดศีรษะด้านบน เป็นโลหะครับ ซึ่งคิดว่าน่าจะเป็นแกนกลางของที่คาดฯด้วย (ยาวไปถึงข้อพับ) หรือจะพูดได้อีกอย่างว่า หูฟังรุ่นนี้มีโลหะเป็นแกนกลางนั่นเอง .. น่าจะเป็น Stainless Steel นะ

หล่อๆ อีกซักช็อต

ในด้านของการใช้งาน

ขอเล่าลักษณะการฟังเพลงของผมก่อนครับ .. ผมฟังเพลงร็อคเป็นหลัก ตามด้วยเพลงบรรเลงเบาๆ อย่าง Depapepe นอกนั้นก็มี Jazz บ้าง Classic บ้าง แต่สองอย่างหลังนี่ฟังนานๆไม่ได้ครับ จะเบื่อ .. เป็นพวกชอบเล่นเพลงแบบ random ตามยะถากรรม ไม่ชอบจัด playlist .. เครื่องเล่นก็ iPod Touch เป็นหลัก ไม่ก็คอมพิวเตอร์โน้ตบุ๊คที่ใช้อยู่ Sony Vaio CR25S ครับ .. วันว่างๆเวลาทำงาน หรือเล่นเน็ต ก็มักจะฟังเพลงไปด้วย ถือว่าใช้งานค่อนข้างเยอะเหมือนกัน

คุณภาพของเสียง .. ผมพอใจกับเสียงของ AKG 420P ตัวนี้ค่อนข้างมากครับ แต่คงไม่สามารถบอกได้ว่าดี/แย่กว่าคู่แข่งในราคาระดับนี้ มากหรือน้อยเพียงได (ก็เพิ่งเคยใช้หูฟังระดับนี้ครั้งแรกง่ะ ^^”) สิ่งที่หายไปจากที่เคยใช้หูฟัง in-ear คือ เบส ครับ เบสไม่แน่นเท่า in-ear แต่ที่ได้แลกมาคือเสียงใสขึ้น ฟังสบายหู ไม่ตึ๊บๆอย่างเบสในหูฟังแบบ in-ear .. แต่ก็นั่นแหละครับ ผมไม่เคยใช้หูฟัง in-ear ในระดับราคา 2,000 บาท เลยไม่รู้ว่ามันเป็นไง
ซ้าย ขวา หน้า หลัง .. (เอ๊ะ ต้องการจะสื่ออะไร?) คือเรื่องการแยกมิติของเสียงน่ะครับ (นี่ เริ่มฟังดูติสต์ขึ้นมาหน่อย) ค่อนข้างชัดนะ ยิ่งฟัง Depapepe จะชัดมากเลยล่ะ แต่ถือว่าเข้าขั้นเทพมั้ย ผมว่าก็ยังไม่ถึงนะ
สายสั้นมั้ย? .. อันนี้แล้วแต่ความชอบครับ คิดว่าสายน่าจะยาวประมาณ 1 เมตร (ไม่ชัวร์เรื่อง spec. นะ) ถ้าใช้กับโน้ตบุ๊ค ก็พอดีๆ แต่ถ้าเสียบกับเครื่อง Desktop PC ผมว่าสั้นไป คงต้องใช้สายต่อ
เมื่อใส่ไปนานๆ .. ผมฟังคราวละไม่เกิน 2 ชั่วโมงครับ เมื่อใช้หูฟังตัวนี้ สาเหตุหลักเป็นเพราะ “ผมเป็นคนหูแข็ง” อันนี้จริงๆครับ พิสูจน์กับเพื่อนๆแล้ว หูผมจะค่อนข้างแข็งกว่าเพื่อน เวลาใช้หูฟังนี้ไปนานๆ จะเจ็บใบหูครับ ต้องพัก .. สำหรับคนที่มีความแข็งของใบหูในระดับปกติ คงฟังได้นานกว่านะ (ตัวนี้มีคนบ่นเรื่องบีบหูอยู่เหมือนกันครับ ลองหาดู)

สรุปเลยละกัน

hardware .. กลางๆนะ แกนเป็นโลหะก็จริง แต่ดูแลมันหน่อยก็ดี มันไม่ได้ใหญ่และถึกอย่างที่คิด
เสียง .. กลางๆ ค่อนไปทางใสๆ .. แต่ก็นั่นแหละ ไม่หนักทางใดทางหนึ่ง เหมาะกับคนฟังเพลงหลายๆแนว
คุ้มมั้ย? .. คุ้มครับ ควรค่าแก่การพิจารณาเป็นอย่างยิ่ง

AKG K420 – Recommended จ้าาา

ปล. อ่านเพิ่ม

รีวิวหูฟัง AKG K420 แจ๊คผู้ฆ่ายักษ์ !!! จากเว็บ munkonggadget.com ค่อนข้างละเอียดครับ
ข้อมูล AKG K420 จากเว็บผู้ผลิต akg.com ครับผม