MEMOBALL.info » Programming

ใส่สีให้ trac (Syntax Coloring) ด้วย pygments และ svn MIME Types properties

memoball — Sun, 05 Sep 2010 04:14:08 +0000

วิธีการติดตั้ง

เวลาที่ต้องการดู source code ถ้าจะให้อ่านง่าย จำเป็นต้องแสดงผลโดยใช้สีสันเข้ามาช่วย (highlight & Syntax Coloring) ซึ่งใน Trac นั้น ก็มีเหมือนกัน โดยใน trac 0.11 เป็นต้นมา จะใช้ pygments ซึ่งมีมาให้อยู่แล้ว แต่เราจำเป็นต้องลง library นี้ในเครื่องก่อน

$ svn propset svn:mime-type text/x-c++src example.cpp
property 'svn:mime-type' set on 'example.cpp '

ถ้าลงแล้ว syntax coloring ยังไม่ปรากฎ แสดงว่า Trac ยังอ่าน file ของเราไม่รู้เรื่อง จำเป็นต้องกำหนด MIME type ในกับไฟล์ที่เราต้องการใน svn ก่อน

easy_install Pygments

MIME Type

MIME Types	Programing Language & File type
`application/javascript`	`js`
`application/pdf`	`pdf`
`application/postscript`	`ps`
`application/rss+xml`	`rss`
`application/rtf`	`rtf`
`application/x-csh`	`csh`
`application/x-genshi`	`genshi`
`application/x-genshi-text`	`genshitext`
`application/x-sh`	`sh`
`application/x-troff`	`nroff roff troff`
`application/x-yaml`	`yaml yml`
`application/xsl+xml`	`xsl`
`application/xslt+xml`	`xslt`
`image/svg+xml`	`svg`
`image/x-icon`	`ico`
`model/vrml`	`vrml wrl`
`text/css`	`css`
`text/html`	`htm html`
`text/plain`	`AUTHORS COPYING ChangeLog INSTALL README RELEASE TXT text txt`
`text/x-ada`	`ada`
`text/x-asm`	`asm`
`text/x-asp`	`asp`
`text/x-awk`	`awk`
`text/x-c++hdr`	`H HH c++hdr hh hpp`
`text/x-c++src`	`C C++ CC c++ c++src cc cpp`
`text/x-chdr`	`chdr h`
`text/x-csharp`	`C# c# cs csharp`
`text/x-csrc`	`c csrc xs`
`text/x-diff`	`diff patch`
`text/x-eiffel`	`e eiffel`
`text/x-elisp`	`el elisp`
`text/x-fortran`	`f fortran`
`text/x-haskell`	`haskell hs`
`text/x-idl`	`idl`
`text/x-inf`	`inf`
`text/x-ini`	`cfg ini`
`text/x-java`	`java`
`text/x-ksh`	`ksh`
`text/x-lua`	`lua`
`text/x-m4`	`m4`
`text/x-mail`	`mail`
`text/x-makefile`	`GNUMakefile Makefile make makefile mk`
`text/x-objc`	`m mm objc`
`text/x-ocaml`	`ml mli ocaml`
`text/x-pascal`	`pas pascal`
`text/x-perl`	`PL perl pl pm`
`text/x-php`	`php php3 php4`
`text/x-psp`	`psp`
`text/x-pyrex`	`pyrex pyx`
`text/x-python`	`py python`
`text/x-python-doctest`	`pycon`
`text/x-rfc`	`rfc`
`text/x-rst`	`rst`
`text/x-ruby`	`rb ruby`
`text/x-scheme`	`scheme scm`
`text/x-sql`	`sql`
`text/x-tcl`	`tcl`
`text/x-tex`	`tex`
`text/x-textile`	`textile txtl`
`text/x-vba`	`bas vb vba`
`text/x-verilog`	`v verilog`
`text/x-vhdl`	`vhd vhdl`
`text/x-zsh`	`zsh`
`text/xml`	`xml`

Reference

svn propset : http://svnbook.red-bean.com/en/1.1/re23.html
Trac : http://trac.edgewall.org/wiki/TracSyntaxColoring
Pygments : http://pygments.org/

วาดภาพบน HTML5

memoball — Mon, 08 Feb 2010 00:09:25 +0000

ถ้าคุณอยากมีโปรแกรมวาดภาพซักตัวบนเวป โดยที่คุณไม่ต้องใช้ flash คุณสามารถลองใช้ http://mugtug.com/sketchpad/ ตัวนี้ได้เลยครับ

รูปในเวปผมหายไปไหน

memoball — Tue, 02 Feb 2010 00:33:59 +0000

เมื่อหลายวันก่อนผมทำการแก้ไขเวปเซอร์วิช ซึ่งเป็น web-apllication ตัวหนึ่งที่ผมดูและอยู่ ปรากฏว่ารูปที่เป็นส่วนประกอบของผมหายไปอย่างลึกลับเมื่อผู้ใช้งานทั่วไปเข้าไปใช้ ซึ่งในเบื้องต้น ผมใช้ ubuntu+firefox ไม่เกิดข้อผิดพลาดใดๆ ในกรณีดังกล่าว จะเป็นเฉพาะ HTTP over SSL (HTTPS)

สาเหตุ

สาเหตุก็เป็นเพราะว่า รูปผมมันเป็น http แต่เวปมันเป็น https บราวเซอร์จะไม่ยอมโหลดรูปให้ ปัญหาดังกล่าวจะเป็นเกือบทุกบราวเซอร์ โดยบางเครื่องอาจมีการถามก่อนว่าจะโหลดหรือไม่ ตามแต่ผู้ใช้งานจะเป็นผู้ตั้งไว้ แต่จุดที่สังเกตได้ง่ายๆ คือด้านมุมขวาล่าง จะมีรูปแม่กุญแจอยู่ ถ้าเป็นกรณีนี่มีการโหลด http บนเวป https จะมีรูปเครื่องหมายตกใจสีแดงปรากฎอยู่บนรูปแม่กุญแจนั้น

วิธีแก้ไข

วิธีแก้ไขที่ดีที่สุดน่าจะอยู่ที่ตัวผู้เขียนเวปเอง โดยทำการกำหนด link ต่างๆ ในหน้าเวปของเราให้เป็น https ซะ

PHP ก็สามารถทำ Multithreading/Parrallel-programing ได้

memoball — Tue, 26 May 2009 04:21:42 +0000

เมื่อวานได้อ่านเรื่องการใช้ทำ multithreading ใน php เลยคิดว่าน่าสนใจ (http://codestips.com/php-multithreading-using-curl/) เพราะโดยปกติแล้วตัว php เองไม่สามารถทำการฟอร์ค thread ขึ้นมาได้เอง จึงทำการให้การทำงานในบางประเภททำได้ยากหรือไม่มีประสิทธิภาพ ซึ่งเมื่อได้อ่านแล้วก็รู้สึกว่ามีประโยชน์เป็นอย่างมาก ซึ่งอาจจะเขียน php_proxy ใน Napzer library ให้เป็นอย่างนี้ก็คงดี อย่างไรก็ตามผมยังห่วงเรื่องประสิทธิภาพในการทำงานว่ามันจะมีประสิทธิภาพมากแค่ไหน ซึ่งผมคิดว่ามันขึ้นอยู่กับการออกแบบ ซึ่งคงต้องลองทำการทดสอบกันดูในระดับหนึ่ง

การใช้ div สร้าง round-corner แบบ dynmic

memoball — Mon, 06 Apr 2009 15:01:53 +0000

ุวันนี้เราจะพูดกันถึงเรื่องการสร้าง round-corner ซึ่งก้คือการทำให้มุมของกล่องของเราแสดงเป็นรูปแบบโค้ง ซึ่งนิยมใช้กันกันการออกแบบเวปปัจจุับัน ซึ่งในที่นี้จะกล่าวถึงวิธีทำแบบใช้ div ซึ่งจากที่ผมได้ลองค้นหาดูแล้วก็พบว่า ส่วนใหญ่ที่ทำการสอนกันนั้นจะ static คือแบบที่ไม่สามารถยึดหดกล่องได้แบบอิสระ เพราะการกำหนดรูปของกล่องอย่างตายตัว หรือใช้ css ของ mozilla ซึ่งจะใช้ได้เพียงบางบราวเซอร์เท่านั้น โดยสุดท้ายได้ทำการออกแบบเป็นโค้ดดังต่อไปนี้

SVN Keywords และการใช้คำสั่ง set properties (setprops)

memoball — Mon, 23 Feb 2009 10:09:21 +0000

วันนี้นั่งเขียน auto-props ของ svn อยู่ ก็เลยเอา keywords ของ svn มาใส่เก็บไว้ใน wiki จะได้ง่ายต่อการค้นหา

มาอัพเดตในส่วนของ keywords (Tue Aug 18,2009) ใหม่ โดยจะเพิ่มส่วนของการใช้งานคำสั่ง เพราะเพิ่งค้นพบว่าตัวเองชอบการใช้ command line มากกว่าการใช้ UI ซึ่งอาจเป็นเพราะใช้ Ubuntu Destop/Server เสียจนชิน อีกทั้งการใช้คำสั่งบางอย่าง สามารถทำงานได้สะดวกกว่าการใช้ UI ดังนั้นในที่นี้ จึงจะกล่างถึงแต่เฉพาะการใช้งาน Set proporties ใน svn เท่านั้น