Wednesday, December 4, 2013

มาจัดการ Source Code ของเราด้วย Github กันเถอะ

เกริ่น

สวัสดีครับ บทความนี้ผมจะมาแสดงขั้นตอนแบบที่พยายามให้ง่ายๆ เร็วๆ แล้วของหนทางที่เราจะเก็บ และจัดการ files source code ไว้ที่ Github ซึ่งเป็น Social Source Control ที่ใช้งานง่าย และ free โดยผมจะใช้ TortoiseGit เป็นตัว client นะครับก็ใครที่คุ้นๆกับ  Tortoise กับ SVN ก็จะทราบว่ามันใช้งาน และสอนได้ง่ายมากๆ
ข้อดีของการจัดการ Source Controle โดยใช้ Github นี่ก็คือ free software กับไม่ต้องเสียค่าบำรุงค์ hardware ของ repositories server เลยแม้แต่สตางค์แดงเดียว มั่นใจในความปลอดภัยได้เลย และผมสามารถแชร์ source code ให้ใครบนโลกใบนี้ทบทวน แก้ไขได้ด้วยตามที่ผมต้องการ นี่ยังไม่รวมเครื่องมือที่ plugin เข้ามาเอา source code ของผมไปวิเคราะห์ ไปทำไรต่อมิอะไรอีกนะครับเนี่ย เอาแค่นี้ครับ เรามาเริ่มใช้มันกันเลยดีกว่า

เครื่องมือต้องมีก่อน

1. ลงทะเบียน Github ที่นี่ก่อนครับ https://github.com/เข้าแล้วจะแสดงตามภาพข้างล่างนี้
2. กดที่ปุ่ม Plans, Pricing and Signup Unlimited public repositories are free!(ก็เจ้าปุ่มใหญ่ๆสีฟ้านั่นแหละ) พอกดแล้วมันจะแสดงหน้า page ต่อไปแบบนี้
3. ใส่ Username, Email Address, Password ของคุณลงไป แต่ไม่ต้องตามภาพของผมนะครับ แล้วกดปุ่ม Create an account
ตอนนี้ผมก็ได้ลงทะเบียนเป็นที่เรียบร้อยแล้ว ขั้นตอนต่อไปผม จะสร้าง repository เพื่อเก็บ source code ครับ

สร้าง Github Repository

1. login เข้ามาแล้วกดไปที่ tab Dashboard ด้านบน และกด Create a Repository ตามภาพ
2. กรอกชื่อ repository และ description เล็กน้อย ตามภาพครับ
3. กรอกเสร็จก็กด Create Repository เลยครับ มันจะแสดงตามภาพ
เอาละถึงตรงนี้ คุณก็จะมี repository ที่ชื่อว่า DemoRepository แล้ว ขั้นต่อไปก็ใช้งานมันกันเลย

ลงมือทำกันเลย… Actions!

1. download และ ติดตั้ง Git client จาก http://git-scm.com/download บทความนี้ผมใช้ OS window ครับ
2. มันไม่สะดวกนักที่จะใช้งาน Git client ตามปกติ ผมจึง donwlaod TortoiseGit มาใช้งานดีกว่า donwload ได้ที่ http://code.google.com/p/tortoisegit/ เมื่อได้ Tortoisegit แล้วก็ติดตั้งซะ
3. ไปที่ drive ไหนของคุณก็ได้ click ขวาพื้นที่ว่างๆตรงไหนก็ได้ มันจะขึ้น menu ที่มีเครื่องมือ TortoiseGit เพิ่มขึ้นมา ให้เลือก Git Clone… แล้วใส่ URL ของ DemoRepository  ตามภาพ
 click ขวาพื้นที่ว่างๆตรงไหนก็ได้
ใส่ข้อมูล URL ของ DemoRepository ที่ได้สร้างเตรียมไว้แล้วที่ Github แล้วกด OK
4. มันจะขึ้นหน้าจอเต่าๆให้รอสักพักครับ พอเสร็จแล้วจะเห็น folder DemoRepository ที่ clone มาจาก Github แล้วนั่นเอง
ต่อไปเราก็จะเอา files/folders ของ source code และอะไรต่อมิอะไร ใส่เข้าไปเก็บใน  DemoRepository นี้ของเราได้แล้ว เอาละมาเริ่มสร้าง projects แรกเพื่อจะจัดการ source control นี้ด้วย Github กัน
1. บทความนี้ผมใช้ Visual Studio นะครับ โดยเปิด studio ขึ้นมา New Project… เลือก Console Application แล้วให้เปลี่ยน Location ไปที่ folder DemoRepository  ที่เราได้ clone มาแล้วตามภาพนี้ครับ
2. ขั้นตอนนี้ผมจะ push source code ของ project ConsoleApplication1 ของผมนี้ไปเก็บไว้ที่ Github DemoRepository ของผม โดยไปที่ folder DemoRepository  บมเครื่องแล้ว click ขวาจะแสดง menu ไปที่ tool ของ TortoiseGit เลือก Git Commit -> “master” … ตามภาพนี้
3. ต่อไปก็ทำตามขั้นตอนตามภาพข้างล่าง
 push file ครั้งแรก TortoiseGit จะเตือนเราให้ setting กันก่อน ให้กด OK
  ให้ระบุ Name และ Email ที่ได้ลงทะเบียนไว้ที่ Github ลงไป แล้วกด Ok
 กรอก comment message และเลือก file ที่จะ push ทั้งหมดเข้าไปที่ DemoRepository แล้วกด OK
 กด push ครับ การ Success ครั้งแรกนี้ มันคือการ commit file ที่เครื่อง local ของเราก่อน การกด push ครั้งที่สองนี้ มันคือการเก็บ file ทั้งหมดนี้ไปที่ Github ครับ
 มันจะถาม username กับ password ที่เราได้สมัครไว้ที่ Github ทุกๆครั้งที่มีการ push files ไปที่ Repository Github กรอกลงไป แล้วกด OK
 เสร็จแล้วครับ ไม่สิ อ่านดีๆ เกิด error 403 ครับ คงจะใส่ password ผิดแน่ๆ แต่ไม่เป็นไร ให้คุณกลับไปที่ folder DemoRepository ที่เครื่องของคุณครับ แล้ว click ขวาที่ folder นี้เลือก menu TortoiseGit >Push แล้วใส่ username กับ password อีกทีครับ
หลังจากนั้น ให้กลับไปดูที่หน้า web Github DemoRepository จะพบว่า project แรกของผมนี้ได้เข้าไปอยู่ในการควบคุมของ Github DemoRepository เป็นที่เรียบร้อยแล้ว
ผมก็ขอจบบทความเพียงเท่านี้

Monday, December 2, 2013

มาใช้ share folder และ usb device บน VirtualBox กัน

หลังจากที่ได้กลับมาร่วมทุกข์ร่วมสุขกะเจ้าตุ้ยนุ้ย lenovo เครื่องเก่าอีกครั้ง หลังจากไปหลงเสน่ห์ของของความขาวบางขาเล็กสเป็คเบาๆของเจ้า vaio w มาตั้งนาน ก็เลยได้ฤกษ์งามยามดีจับแก้ผ้า เอ้ย!!! จับลงubuntu 10.04 LTS หรือเจ้า Lucid Lynx ที่เพิ่งออกสดๆใหม่ๆ โดยความตั้งใจว่าจะตีตัวออกห่างจาก Windows  อย่างจริงๆจังๆสักที (แต่งานที่ทำหลีกหนีไม่ได้จริงๆ TT) ก็เลยจำเป็นต้องลงโปรแกรม VirtualBox ไว้คอยลงเจ้า Windows แบบเสมือนไว้ทดลอง และใช้งานกันไปต่อไป
วันนี้ก็เลยมีวิธีตั้งค่าให้ ubuntu ของเรา share folder มาใช้ยัง VirtualBox และการตั้งค่าให้ VirtualBox สามารถเสียบ Flash drive เพือใช้งานได้ อิอิ ประโยชน์เยอะแยะ
มาเริ่มกันที่การ share folder กันเลยดีกว่า
เมื่อเราทำการสร้างตัว Virtual กันมาเรียบร้อยแล้ว ก็คลิ๊กที่ Settings
เมื่อเข้ามาที่ Settings แล้วมาที่เมนู Shared Folder แล้ว คลิ๊ก รุป Folder ที่มีเครื่องหมาย + เพื่อเลือก Folder ที่ต้องการ Share
เมื่อเสร็จแล้วก็ทำการรันตัว Virtual ในที่นี้ใช้ Windows Server 2003 แล้วทำการติดตั้ง Install Guest Additions ที่เมนู Devices
เข้า My Computer ที่เมนู Tools เลือก Map Network Drive(Windows อื่น ลองหาดูเองนะครับ :p)
ใน Folder ให้ใส่
\\vboxsvr\\sharename
ซึ่ง sharename ก็คือชื่อ Folder ที่ต้องการ share ที่ได้ตั้งไว้ที่หน้า Settings ในตอนแรก
เมื่อคลิ๊ก Finish ก็จะได้ Share Folder ขึ้นมาเป็น Drive ดังรูป
เป็นอันเรียบร้อยครับ :)
ต่อไปก็ถึงคิวของ Flash drive บ้าง
เมื่อเราใช้งาน VirtualBox แล้วทำการเสียบ flash drive เข้าไปก็จะพบว่าโปรแกรมนั้นเห็นตัว flash drive นั่นอยู่ แต่ไม่สามารถใช้งานได้
วิธีแก้ก็ง่ายๆดังนี้
ทำการเพิ่ม ชื่อ user ของเราให้เข้าไปอยู่ใน Group ของ vboxusers โดยใช้คำสั่ง
sudo nano /etc/gruop
เพิ่มชื่อของเราเข้าไปใน vboxusers
vboxusers:x:123:psuntra
แล้วก็ทำการเซฟให้เรียบร้อย หลังจากนั้นก็ Log out แล้ว Log in เข้าระบบใหม่ ก็จะสามารถใช้ usb ได้ดังใจแล้ว
วันนี้ก็ขอจบ trip เล็กๆน้อยๆสำหรับ VirtualBox ไว้แค่นี้ก่อนนะครับ หวังว่าคงมีประโยชน์ :)