Music แก้เครียด Potato random 9 songs

Beyond Compare อีกหนึ่ง tool ดีๆที่น่าใช้

เคยไหมครับที่เวลาเขียนโปรแกรม หรือเขียน text อะไรก็ตามโดยทำสำเนาไว้ 1 ชุด แล้วแก้ไปแก้มาไม่รู้ว่าแก้อะไรไปบ้าง  เชื่อแน่ว่าคงต้องเคยเป็นกันบ้างใช่มั้ยครับ...

มีโอกาสได้ลอง tool ตัวนึงครับ   ชื่อว่า beyond compare ครับ ประโยชน์ของมันก็ตามชื่ออ่ะครับ คือเอาไว้ compare ไฟล์ 2 ไฟล์ว่ามีข้อแตกต่างกันตรงไหนบ้าง   โดยส่วนต่างจะแสดงเป็นสีให้ดูง่ายชัดเจนครับ..


จากตัวอย่างภาพด้านล่าง เป็นการ compare text ครับ

                    จะเห็นได้ว่า  จุดที่แตกต่างจะแสดงสีแดงครับ...

                      จะแสดงส่วนต่างทั้งไฟล์ครับ  ที่มีจุดต่าง...

นับว่าเป็น tool ที่มีประโยชน์มากตัวนึงเลยครับ   สำหรับ Developer ทั้งหลายครับ...


ก็ลองเล่นกันดูนะครับ  ยังมีอีกหลาย ฟังก์ชั่นให้ลองกันดูอย่าง Folder compare , Hex compare , Data compare etc.

Tips เล็กน้อยสำหรับ website ที่โดน block

นี่เป็นทริกเล็กๆน้อยนะครับ  สำหรับท่านที่เข้า website ต่างๆแล้วโดน block

โดยมากแล้วจะใช้ proxy ครับเป็นตัวทะลวง ไปยังเวปไซต์นั้นๆ ที่โดนบล็อกไว้

วิธีการก็คือ
1.  set ที่ browser ของท่านครับ (วิธีนี้ค่อนข้างจะ Manual หน่อย)
           สำหรับ  firefox ให้ไปที่  Tools -> Options -> Advance -> Settings

 
            เลือก  Manual proxy configuration  แล้วใส่  ip กับ port เข้าไปครับ...

          ในกรณีที่ให้ M$ Explorer ไปที่  Tools -> Internet Options -> Connections -> LAN Settings 

   
           ติ๊กเลืกอ Use a proxy server for ... แล้วใส่ ipadress กับ port number เข้าไปครับ...

ส่วนไซต์ที่ให้บริการ proxy server ก็ search หาตาม google นะครับ  อาจจะใช้ keyword ว่า  free poxylist ก็จะได้เวปที่แจก proxy ฟรีมากมายครับ...


2. ตอนนี้มีบริการ website ที่ทำหน้าที่เป็น proxy server เลยครับ  ไม่ต้อง set browser และก็ free proxy ให้ยุ่งยากครับ  โดยเวปลักษณะดังกล่าว  ก็จะมี Interface สวยงามเป็น textbox ให้เราใส่เวปไซต์ที่โดนบล็อกครับ  มันก็จะทะลวงในหน้านั้นเลยครับ  (วิธีนี้จะสะดวกกว่าวิธีแรกนะครับ)

3. ใช้บริการของ google นี่แหล่ะ คือให้เข้า www.google.co.th ไปที่ "แปลภาษา" ครับ   จากนั้นก็ใส่ web ที่โดน block เข้าไป  แล้วกดแปลภาษา     google ก็จะทำหน้าที่เป็น proxy ซะเองครับ  แล้วก็ทะลวงหน้านั้นมาให้เรา อิอิ  (คงไม่ตามมา block google หรอกนะ 55)

เพื่อประโยชน์สูงสุด   ควรนำไปใช้กับเวปไซต์ที่มีเนื้อหาเหมาะสมนะครับ..

slice, match และ replace ใน javascript

วันนี้ขอเสนอ function ใน javascript ที่มีประโยชน์ และน่าจะได้ใช้งานกันบ่อยๆ นั่นก็คือ slice, match และ replace นะครับ...

มาเริ่มกันที่ตัวแรกกันเลย

slice  คือฟังก์ชั่นสำหรับตัดคำครับ
-  รูปแบบการใช้งาน   word = yourString.slice(s,e);    โดยที่  yourString คือข้อความที่จะตัด  , s คือเริ่มที่ตำแหน่งที่เท่าไหร่ใน string , e คือตำแหน่งสุดท้ายครับ
-  ตัวอย่างเช่น  myWord = "Hello World";
                     myCutWord = myWord.slice(0,6);
          ค่าที่ได้  myCutWord = "Hello W"  ครับ   คือตัดเอาตั้งแต่ตัวแรกคือตำแหน่งที่ 0 ถึง ตัวที่ 7 (ตำแหน่งที่ 6)

match  คือฟังก์ชั่นสำหรับจับคู่หรือเปรียบเทียบครับ
-  รูปแบบการใช้งาน word = yourString.match(str);  โดยที่ str คือข้อความที่จะนำไปเปรียบเทียบกับ yourString ครับ
-  ตัวอย่างเช่น myMatch = myWord.match("Hello");
          ค่าที่ได้   myMatch = "Hello" ครับ  , ฟังก์ชั่นจะคืนค่าที่ match ไปครับ

replace  คือฟังก์ชั่นแทนที่ข้อความหรือ pattern ที่เจอด้วยคำที่เราต้องการครับ ฟังดูอาจงงๆ เดี๋ยวดูตัวอย่างก็จะเข้าใจครับ
-  ตัวอย่างการใช้งาน  myWord.replace("ello","ELLO boss");  จากคำสั่งนี้จะได้ผลคือ myWord = "HELLO boss World"  ซึ่งก็คือการเอาคำว่า  "ELLO boss" ไปแทน "ello" ก็จะได้เป็น "HELLO boss World" ครับ..

ไม่ยากเลยใช่มั้ยครับ  กับ 3 ฟังก์ชั่นข้างบน  ลองเอาไปฝึกใช้กันดูนะครับ..

*****  match กับ replace สามารถใช้กับ string pattern RegEx ได้ครับ เอาไว้จะอธิบายในบทความหน้านะครับ   ตอนนี้ง่วงล่ะ - -

มีความสุขกับการเขียนโปรแกรมนะครับ  สวัสดีครับ...

Firebug Add-ons เจ๋งๆ สำหรับ developer มือใหม่

สวัสดีครับ  ขอเกริ่นนำในบทความนี้เลยแล้วกันนะครับ  บทความแรกของผมสำหรับ blog นี้  ผมจะนำเสนอบทความเกี่ยวกับการพัฒนาโปรแกรม ไม่ว่าจะเป็น web ในรูปแบบต่างๆ  ภาษาโปรแกรม  หรืออะไรก็ตามที่ความรู้ผมสามารถจะหยั่งได้...

สำหรับ นักพัฒนาเวปนะครับ  คงชอบที่จะใช้ Mozilla Firefox เหมือนผมนะครับ  เนื่องด้วยปัญหาต่างๆ มากมายในการแสดงผล M$ IE โดยเฉพาะ ie6 (เค้าน่าจะออกกฎหมายยกเลิกการใช้งานไปเลยนะ ^ ^) ล้อเล่นน่ะครับ  ผมรู้ว่าคงมีสาวกแอบกัดผมอยู่ 555

เอาล่ะครับ  มาเข้าเรื่องกันดีกว่า   ใครที่ใช้  หมาไฟ  อยู่คงจะได้ลง add-ons บ้างแล้ว  บางคนอาจมีแล้วก็ไม่เป็นไรนะครับ  แนะนำมือใหม่ควรจะหา Firebug มาเพิ่มครับ  เพราะมันมีประโยชน์มากมายมหาศาลในการ debug หน้าเวปของเรา   ไม่ว่าจะตรวจสอบ link, iframe, image หรือแสดง css ให้เราเห็นได้โดยง่าย  ลองดูภาพด้านล่างนะครับ...

เรายังสามารถ edit css เพื่อทดสอบการแสดงผลได้ทันที  ไม่ต้องไปแก้ในไฟล์แล้วมารีเฟรชให้เมื่อย  เจ๋งจริงๆ ครับ  นอกจากนี้ยังมี dom, cookie ฯ ให้ดูได้ด้วย  ลองไปเล่นกันดูนะครับ  สำหรับ firebug ...


สำหรับการติดตั้ง add-ons ก็ไปที่  tools -> add-ons -> get add-ons  แล้ว search  firebug เอาก็ได้ครับ  หรือจะไปที่เวปโดยตรงก็ได้   เสร็จแล้วก็ setup   restart firefox ก็เป็นอันเสร็จครับ...

หวังว่าบทความนี้จะเป็นประโยชน์ไม่มากก็น้อยนะครับ   ยังมี add-ons ตัวอื่นที่น่าใช้อีกมากมายครับ  ว่างๆ จะมา review ให้ชมกันครับ

เจอกันใหม่บทความหน้าครับ....