Starting XCode

Post นี้เก่ามากแล้วครับ ดู XCode 4 ดีกว่าครับ

http://www.macfeteria.com/blog/2012/08/03/xcode-4-basic/

Xcode

คือเครื่องมือ ( IDE ) ในการเขียนโปรแกรมบน mac ความเป็นจริงแล้วเราไม่จำเป็นต้องใช้ xcode เขียนโปรแกรมก็ได้ ใช้ text editor ธรรมดาก็ได้ แต่มันไม่สะดวกเท่ากับการใช้เครื่องมือ ถ้าจะเปรียบเทียบก็เหมือนกับการใช้ Visual Studio เขียนโปรแกรมบน Windows นั่นเหละ สำหรับผมแล้ว xcode นั้นเป็นเครื่องมือที่ดีที่สุดในการเขียนโปรแกรมบน mac เพราะมันรวมแทบจะทุกอย่างไว้ในตัวมันเอง ตั้งแต่ text editor , debugger , source control , document และอื่น โดยปกติแล้ว xcode จะไม่ได้ติดตั้งมาพร้อมกับ mac osx แต่มันจะมีมาให้อยู่ในแผ่น dvd/cd ที่แถมมาตอนซื้อเครื่อง ( ปกติจะมี 2 cd/dvd แล้วมันจะอยู่ในแผ่นที่ 2 ) ถ้าไม่มีติดตั้งมาในเครื่องก็ติดตั้งให้เรียบร้อย หรือถ้าใครไม่มีแผ่น ที่ว่าก็โหลดได้ที่เวปของ apple เอง

สำหรับ post นี้ก็เป็น basic guide ในการใช้งานเบื้องต้นก่อนละกันว่า มันใช้งานยังไง หลังจากที่เราติดตั้ง xcode ลงไปในเครื่องแล้ว เราจะได้ directory ที่มีชื่อว่า developer เพิ่มขึ้นมา ถ้าเข้าไปดูก็น่าจะเห็นประมาณในภาพ

Finder Screenshot

และใน developer นี้จะมีทั้ง document และ sample code รวมมาให้ด้วย

หลังจากติดตั้งแล้วก็มาลองใช้งานกันเลยดีกว่า
เมื่อเริ่มเปิดโปรแกรม แล้วให้สร้างโปรเจคใหม่ขึ้นมา โดยเลือกจาก menu File/New Project หลังจากนั้นก็จะเห็นหน้าต่างเปิดขึ้นมาว่า โปรเจคที่เราต้องการจะสร้างนั้นคืออะไร ก็ในรูปจะมีโปรเจคหลายๆแบบ ตั้งแต่ iphone , cocoa , carbon , ruby และอื่นๆมากมาย

New Project Screenshot

*** ถ้าใครอยากลองเขียนโปรแกรม แบบที่ผมเขียนเป็น tutorial ก็ต้องสร้างโปรเจค แบบ Command Line Utility แล้วก็เลือก Foundation Tool

หลังจากนั้นก็เลือกที่จะเซฟ เสร็จแล้วจะเห็น window หน้าตาประมาณนี้

Space Screenshot

ในแต่ละส่วนนั้นจะแยกเป็นหลักๆ 4 ส่วนคือ

  1. เป็นส่วนของ รายละเอียดของโปรเจค ว่ามีไฟล์อะไร บ้าง มี Framework ตัวไหนที่เราใช้ และอื่นๆ
  2. เป็นส่วนที่เราใช้ในการเขียน code หรือเรียกว่า editor
  3. หลังจากเขียนเสร็จ เราก็สารมารถทดสอบโปรแกรมของเราได้โดยการ build (ถ้ากด build มันจะทำการ build อย่างเดียวไม่มีการ run) และ Build and Go ( ตรงนี้หลังจาก build เสร็จมันจะ run โปรแกรมให้ด้วย หรือเราอาจจะเลือก run เองได้จาก menu )
  4. ตรงส่วนนี้เป็นการบอกว่าเราจะ compile เป็นแบบ debug หรือว่า release หรือว่าอาจจะเป็น custom build เองก็ได้ และมันจะบอกว่า target ที่เราจะ compile ( ในกรณีที่มีหลาย target )

** ในส่วนที่ 2 ถ้าเรา click ตรงหน้าบรรทัดของ editor จะมีสัญลักษณ์ ลูกศรสีฟ้าขึ้นมา มันคือ break point นั่นเอง ***

แล้วเราก็ลองทำการ Build and Go เล่นๆกัน ถ้าหากมี break point อยู่ก็จะเห็นว่า โปรแกรมเรา ทำงานมาถึงบรรทัดไหน ก็จะเห็นดังรูป

Debug screen shot

สังเกตว่า จะเห็น ส่วนปุ่มต่างๆเพิ่มเข้ามาใน editor ซึ่งจะประกอบไปด้วยส่วนต่างๆดังนี้คือ

  • Break point
  • Current Thread ( ในการณีที่เรามีหลาย thread เราสามารถเปลี่ยน thread ในการ debug ได้ )
  • Step ประกอบไปด้วยส่วนย่อยๆอีก ก็คือ continues / over / into / out
  • รูปสเปรย์ คือ debugger ถ้ากดเข้าไปแล้วจะเห็น หน้าต่าง debugger ดังรูปข้างล่าง
  • debug console ตรงนี้เป็นหน้าต่าง console ของโปรแกรม คือเวลาเราใช้ คำสั่งพวก NSLog มันจะแสดงผลมายัง debug console นั่นเอง

Debugger Screenshot

( Debugger window)

ในหน้าต่าง debugger นี้เราสามารถดูค่าของตัวแปร ได้จากฝั่งทางด้านขวามือ และปุ่มต่างๆด้านบนนั้นก็จะมีคล้ายๆกับที่อธิบายไปแล้วนั่นคือ step ต่างๆ แล้วก็มี Deactivate /Active เอาไว้เพื่อทำการใช้หรือไม่ใช้ debugger และ stop เพื่อหยุดการทำงานของโปรแกรม

Debug Console Screenshot

( Console window )

หน้าต่างนี้เป็นส่วนที่ output ที่เราเขียนออก console จะมาโผล่ หน้าต่างนี้ ( คำสั่งจำพวก printf , std::cout , NSLog ) ในส่วนของกรอบสี แดง ที่ทำไว้คือ ผลลัพธ์ของ การ run โปรแกรม จากตัวอย่าง ก็จะเห็นว่า มี Hello, World ! ออกมา

apple เองมี manual การใช้งาน xcode

http://developer.apple.com/documentation/DeveloperTools/Conceptual/XcodeUserGuide/Contents/Resources/en.lproj/00_00_intro/chapter_1_section_1.html

ก็ละเอียดเหมือนกัน ลองเข้าไปอ่านเพิ่มเติมได้ครับ มีประโยชน์มากทีเดียว

ปล. Xcode ที่ใช้เป็นตัวอย่างนี้คือ Xcode 3.1 และใช้งานบน Leopard ถ้าใครใช้ tiger อาจจะหน้าตาไม่เหมือนกัน หรือว่าใช้ xcode version 2.4 หรือ 3.0 ก็อาจจะไม่เหมือน แต่ก็คล้ายๆกัน

มีคำถามอะไรหรือ comment ยินดีน่ะ ผมจะได้รู้ว่าเขียนๆมาเนี่ยดีหรือไม่ดี จะได้เอาไปปรับปรุง

8 thoughts on “Starting XCode”

  1. เปิดแสดงตัวเลข กำกับบรรทัด editer ยังไงครับ

  2. คือผมไม่รู้จะฝากคำถามไว้ที่ไหนก็เลยมาถามตรงนี้นะครับ
    คือผมเพิ่งหัดเขียนobjective c และผมต้องการเขียนเกียวกับsocketแต่ทำไม่เป็นช่วยเขียนtutorialให้ด้วยนะครับ
    ขอบคุณมากๆครับ

  3. สุดยอดครับ กะลังหาข้อมูลอยู่เลย ขอฝากตัวด้วยครับจะเข้ามาอ่านทุกวันเลย ครับ

  4. ก็เป็น Introduction ให้เห็น Features อย่างคร่าวๆให้เห็นหน้าเห็นตาว่า
    XCode มีหน้าตาอย่างไร ก็ OK ดีตรับ

  5. c ธรรมดาครับแบบ command line เลยครับ ไม่ช่าย c carbon
    แต่ iPhone tutorial นี้ จัดไปเลยครับ hit แน่

  6. จริงๆใช้ c/c++ เขียนก็ได้เหมือนกันน่ะ แต่เวลาใช้งานจริงๆต้องเรียนรู้ carbon อีก ถ้า่ใช้ objective-c จะง่ายกว่า ผมเลยเขียนเน้นไปทาง objective-c แต่ก็มีแผนว่ากำลังจะเขียน iphone tutorial น่าจะมีคนสนใจเยอะ

  7. ผมก็อ่าน อยู่เรื่อยๆ นะครับ แต่ช่วงนี้ทำ Project PHP ก็เลย ไม่ได้ลุย OS X Programming

    ใช้ Xcode เป็นจริงเป็นจัง แค่เขียน C เอง

Leave a Reply