เคยไหมครับที่เวลาเขียนโปรแกรม หรือเขียน text อะไรก็ตามโดยทำสำเนาไว้ 1 ชุด แล้วแก้ไปแก้มาไม่รู้ว่าแก้อะไรไปบ้าง เชื่อแน่ว่าคงต้องเคยเป็นกันบ้างใช่มั้ยครับ...
มีโอกาสได้ลอง tool ตัวนึงครับ ชื่อว่า beyond compare ครับ ประโยชน์ของมันก็ตามชื่ออ่ะครับ คือเอาไว้ compare ไฟล์ 2 ไฟล์ว่ามีข้อแตกต่างกันตรงไหนบ้าง โดยส่วนต่างจะแสดงเป็นสีให้ดูง่ายชัดเจนครับ..
จากตัวอย่างภาพด้านล่าง เป็นการ compare text ครับ
จะเห็นได้ว่า จุดที่แตกต่างจะแสดงสีแดงครับ...
จะแสดงส่วนต่างทั้งไฟล์ครับ ที่มีจุดต่าง...
นับว่าเป็น tool ที่มีประโยชน์มากตัวนึงเลยครับ สำหรับ Developer ทั้งหลายครับ...
ก็ลองเล่นกันดูนะครับ ยังมีอีกหลาย ฟังก์ชั่นให้ลองกันดูอย่าง Folder compare , Hex compare , Data compare etc.
วันจันทร์ที่ 9 สิงหาคม พ.ศ. 2553
วันพฤหัสบดีที่ 5 สิงหาคม พ.ศ. 2553
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)
เพื่อประโยชน์สูงสุด ควรนำไปใช้กับเวปไซต์ที่มีเนื้อหาเหมาะสมนะครับ..
โดยมากแล้วจะใช้ 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 ซะเองครับ แล้วก็ทะลวงหน้านั้นมาให้เรา อิอิ (
เพื่อประโยชน์สูงสุด ควรนำไปใช้กับเวปไซต์ที่มีเนื้อหาเหมาะสมนะครับ..
วันจันทร์ที่ 2 สิงหาคม พ.ศ. 2553
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 ได้ครับ เอาไว้จะอธิบายในบทความหน้านะครับ ตอนนี้ง่วงล่ะ - -
มีความสุขกับการเขียนโปรแกรมนะครับ สวัสดีครับ...
มาเริ่มกันที่ตัวแรกกันเลย
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 ได้ครับ เอาไว้จะอธิบายในบทความหน้านะครับ ตอนนี้ง่วงล่ะ - -
มีความสุขกับการเขียนโปรแกรมนะครับ สวัสดีครับ...
ป้ายกำกับ:
javascript,
js,
match,
match js,
replace,
replace js,
slice,
slice js
วันอาทิตย์ที่ 1 สิงหาคม พ.ศ. 2553
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 ให้ชมกันครับ
เจอกันใหม่บทความหน้าครับ....
สำหรับ นักพัฒนาเวปนะครับ คงชอบที่จะใช้ Mozilla Firefox เหมือนผมนะครับ เนื่องด้วยปัญหาต่างๆ มากมายในการแสดงผล M$ IE โดยเฉพาะ
เอาล่ะครับ มาเข้าเรื่องกันดีกว่า ใครที่ใช้ หมาไฟ อยู่คงจะได้ลง 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 ให้ชมกันครับ
เจอกันใหม่บทความหน้าครับ....
สมัครสมาชิก:
บทความ (Atom)