Neokain

เริ่มทำ Gem

noreply@blogger.com (Phuwanart Larpmark) — Wed, 25 Jan 2012 11:48:18 PST

พัฒนา

โครงสร้างของ gem ที่จำเป็นต้องมีจะเป็นดังนี้

$ tree
.
├── lib
│   └── thbrk.rb
└── thbrk.gemspec

โดยที่ไฟล์เราจะเขียนใน lib/ ซึ่งชื่อไฟล์นั้นจะเป็นชื่อเดียวกับชื่อ gem

เราจะเริ่มเขียน code ภายใน lib/thbrk.rb

$ cat lib/thbrk.rb 
class Thbrk
  def self.say
    puts "Hello Gem!!!"
  end
end

เอาล่ะ เท่านี้ก็เป็นการทำ gem ขึ้นมาแล้ว ตอนนี้เราก็จะมาถึงขั้นจะทำให้ gem นั้นใช้ได้

สร้าง

เริ่มด้วยการกำหนด .gemspec ก่อน ตัวอย่างเช่น

$ cat thbrk.gemspec 
Gem::Specification.new do |s|
  s.name        = 'thbrk'
  s.version     = '0.0.0'
  s.date        = '2012-01-25'
  s.summary     = "Thbrk"
  s.description = "Thai word break"
  s.authors     = ["Phuwanart Larpmark"]
  s.email       = 'neokain@gmail.com'
  s.files       = ["lib/thbrk.rb"]
  s.homepage    = 'http://rubygems.org/gems/thbrk'
end

หลังจากนั้นก็ทำการ build

$ gem build thbrk.gemspec
  Successfully built RubyGem
  Name: thbrk
  Version: 0.0.0
  File: thbrk-0.0.0.gem

ซึ่งจะได้ไฟล์ thbrk-0.0.0.gem ออกมา

ติดตั้ง

จากนั้นก็ทำการติดตั้ง gem ลงในเครื่อง

$ gem install ./thbrk-0.0.0.gem 
Successfully installed thbrk-0.0.0
1 gem installed

ทดสอบ

และก็ทำการทดสอบว่าใช้งานได้

$ irb -rubygems
 >> require 'thbrk'
 => true 
 >> Thbrk.say
Hello Gem!!!

แจกจ่าย

ติดตั้งเครื่องกับ rubygems

$ curl -u neokain@gmail.com https://rubygems.org/api/v1/api_key.yaml > ~/.gem/credentials

ส่ง gem ขึ้นไปที่ rubygems

$ gem push thbrk-0.0.0.gem 
Pushing gem to https://rubygems.org...
Successfully registered gem: thbrk (0.0.0)

รอสักพักก็จะสามารถดูได้ว่ามี gem บน rubygems

$ gem list -r thbrk

*** REMOTE GEMS ***

thbrk (0.0.0)

หลังจากนั้นเราก็สามารถที่จะติดตั้ง gem จาก rubygems ได้แล้ว

$ gem install thbrk
Successfully installed thbrk-0.0.0
1 gem installed

ขั้นตอนคร่าวๆ ก็ประมาณนี้ หลังจากนี้ก็แล้วแต่ว่าจะทำอะไรใน gem ตามที่เราต้องการ

ไปหาอ่านเพิ่มเติมได้ที่ Make your own gem

ตั้งชื่อ Gem

noreply@blogger.com (Phuwanart Larpmark) — Wed, 25 Jan 2012 10:19:30 PST

สำหรับการสร้าง gem ขึ้นมาใช้ การตั้งชื่อเป็นเรื่องที่มองข้ามไม่ได้เหมือนกัน โดยที่แนะนำให้ตั้งชื่อจะเป็นดังนี้

ใช้ Underscores

ตอนที่กำหนดใน Gemfile จะใช้

gem 'my_own_gem'

และจะถูกโหลดด้วย

require 'my_own_gem'

ใช้ Dashes

net-http-persistent

ใน Gemfile จะกำหนดด้วย

gem 'my-own-gem'

ซึ่งจะถูดโหลดด้วย

require 'my-own-gem'

การตั้งชื่อจะส่งผลไปถึงตอนที่สร้างไฟล์ใน gem ด้วย เช่น ใช้ชื่อ gem ว่า 'net-http-persistent' ไฟล์ที่เขียน code ของ gem จะเป็น 'lib/net/http/persistent.rb' แต่หากไม่เป็นไปตามนี้เราก็สามารถจะกำหนด require เองก็ได้ใน Gemfile หลังชื่อ gem นั้น เช่น

gem 'bcrypt-ruby',  :require => 'bcrypt'

ที่มา How to Name Gems

เมื่อ log ไหลเร็วจนมองอะไรไม่ทัน

noreply@blogger.com (Phuwanart Larpmark) — Thu, 19 Jan 2012 23:06:37 PST

ตอนที่กำลังพัฒนา project บางทีก็ต้องการ debug ค่าบางตัว แต่ก็พบว่า log ไหลเร็วเป็นสายน้ำ บางทีย้อนกลับไปก็กว่าจะหาเจอ ก็ทำให้เสียเวลาอ่ะนะ เราแก้ปัญหาเรื่องนี้โดยใช้ tail และ grep ค่าที่ต้องการดูออกมา

$ tail -f log/development.log | grep 'ค่าที่ต้องการดู'

โดยใน project เราก็ใส่

puts "ค่าที่ต้องการดู"

# or

logger.debug "ค่าที่ต้องการดู"

จงอย่าเสียเวลาไล่ดู ☺

Emacs Style Tabs in Textmate (Mac only)

noreply@blogger.com (Phuwanart Larpmark) — Tue, 24 Jan 2012 01:02:26 PST

sahil:

A few weeks ago I found a way to add emacs style tabbing to Textmate. Just do the following:

Start a new macro (apple+option+m)
press: apple+option+[
Stop the Macro (apple+option+m)
Save the macro (apple+ctrl+m)
Assign Activation to “Key Equivalent” and click in the box and hit the Tab key.
Now you have the awesome power of emacs in your favourite text editor!

uninitialized constant Delayed::Job

noreply@blogger.com (Phuwanart Larpmark) — Fri, 06 Jan 2012 00:24:15 PST

หลังจากที่อัพเดทมาใช้ delayed_job (3.0.0) ปรากฏว่าเมื่อสั่ง rake jobs:work จะไม่สามารถทำงานได้ โดยจะมี error ว่า

uninitialized constant Delayed::Job

หลังจากที่หาอยู่พักใหญ่ๆ พบว่าต้องลง gem บางตัวเพิ่ม คือ

gem 'delayed_job_active_record'

ซึ่งเราก็เอาไปแทนที่ gem 'delayed_job' เก่าได้เลย เดี๋ยวมันจะไปลาก delayed_job (3.0.0) มาลงให้เอง

ที่ที่ไปเจอมา github.com

TextMate : Tabs to Spaces

noreply@blogger.com (Phuwanart Larpmark) — Tue, 24 Jan 2012 01:02:10 PST

สำหรับคนที่ใช้ TextMate คงจะเคยเจอมาบ้าง อย่างตอนที่เราทำงานกับ haml เราไม่ต้องการ tab ซึ่งเราจะกำจัด tab ออกไป ธรรมดาก็จะให้ "Tabs to Spaces"

ที่นี้เราจะรำคาญว่า ทำไมต้องทำทุกครั้งเลย ก็ถ้าไม่อยากทำทุกครั้งก็ไปเลือก "Soft Tabs (Spaces)" เท่านี้ก็จบเรื่อง

เขียนไว้กันลืม ไม่มีอะไรมาก เพราะจำได้ว่าเคยหาไปแล้วทีนึง

การตัดคำภาษาไทยด้วย libthai4r

noreply@blogger.com (Phuwanart Larpmark) — Mon, 26 Dec 2011 02:55:14 PST

libthai4r เป็น library ง่ายๆ ไม่มีอะไรมาก แค่ตัดคำภาษาไทยได้ ซึ่งต้นฉบับเป็นของคุณวีร์ สัตยมาศ (@vpublic) ซึ่งที่ผมเอามาแก้ไขก็คือให้ compile ด้วย Ruby 1.9.x ได้ และก็หาวิธี compile บน Linux โดยไปอ่านได้ที่ README ซึ่งอันใหม่ของผมได้เอาขึ้นไว้ที่ github ให้แล้ว

ไม่ให้แสดง assets ใน log

noreply@blogger.com (Phuwanart Larpmark) — Thu, 08 Dec 2011 10:09:20 PST

ตั้งแต่เป็น Rails 3.1 มา ใน log จะแสดง assets ทำให้เวลาเราอ่านหรือต้องการจะดู log ก็มักจะมองไม่ทัน

ให้เอา code นี้ไปไว้ที่ config/initializers

ที่มา: How to disable logging of asset pipeline (sprockets) messages in Rails 3.1?

มาทำให้ log ของ rails server มันอ่านรู้เรื่อง

noreply@blogger.com (Phuwanart Larpmark) — Wed, 11 Jan 2012 21:18:18 PST

หน้าตาของ log ที่เราคุ้นเคยกัน

ให้เอา code นี้ใส่ใน config/initializers จากนั้นก็ restart server

หน้าตาใหม่ของ log ไม่รู้ว่าจะอ่านได้รู้เรื่องขึ้นหรือเปล่า :P

ที่มา: Humorously informative Rails logging

MagicalRecord สำหรับคนที่เจ็บปวดกับ Core Data

noreply@blogger.com (Phuwanart Larpmark) — Mon, 12 Dec 2011 22:56:24 PST

กับผมแล้วคิดว่าเรื่อง Core Data เป็นเรื่องที่ค่อนข้างจะยาก เพราะต้องทำอะไรมากมายกว่าจะใช้งานได้และวิธีการใช้งานก็ใช้ว่าผมจะเข้าใจมันดีเท่าไรนัก ก็โชคดีที่มีคนใจดีทำ MagicalRecord ไว้ให้ ทำให้การใช้งาน Core Data บน iOS ง่ายขึ้น

Install

ให้โคลน MagicalRecord จาก github ลงมาก่อน

git clone https://github.com/magicalpanda/MagicalRecord.git

ต่อจากนั้นให้เราลากโค๊ดที่อยู่ใน Source ลง Xcode ใน project ที่เราต้องการ

จากนั้นให้ Import CoreData+MagicalRecord.h ที่ AppDelegate เป็นอันเสร็จสิ้นการติดตั้ง

Setting

ขั้นนี้ถ้าไปอ่าน README ของ MagicalRecord ก็จะทราบว่ามีอะไรให้ใช้บ้าง แต่ที่ผมเลือกใช้คือ

- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions
{
    ...
    [MagicalRecordHelpers setupCoreDataStack];
    [MagicalRecordHelpers cleanUp];
    ...
}

Default Managed Object Context

อันนี้ก็มีใน README อธิบายไว้ ซึ่งเค้าได้เสมอการทำไว้หลายอย่างอยู่เหมือนกัน แต่ที่ผมเลือกใช้

[NSManagedObjectContext MR_setDefaultContext:[NSManagedObjectContext MR_context]];

ซึ่งส่วนนี้จะอยู่ต่อจาก cleanUp

CRUD

ต่อไปก็มาถึงการใช้ ซึ่งจะแบ่งเป็น 4 แบบคือ Create, Read, Update, Delete

Read

ถ้าสมมุติว่ามี Entity ชื่อ Document การจะอ่านข้อมูลมาจะทำได้โดย

NSArray *documents = [Document MR_findAll];

ซึ่งผลลัพธ์จะถูกส่งกลับมาเป็น Array ซึ่งอันนี้เป็นพื้นๆ อย่างง่ายๆ ถ้าอยากรู้เพิ่มก็ไปอ่านใน README

Create

การสร้างข้อมูลก็ทำได้แบบนี้

Document *doc = [Document MR_createEntity];

หลังจากนั้นเราก็กำหนดค่าต่างให้ doc หลังจากนั้นก็ save ก็เสร็จ

NSError *error = nil;
if (![doc.managedObjectContext save:&error]) {
    NSLog(@"Unresolved error %@, %@", error, [error userInfo]);
    abort();
}

Update

ส่วนการ update ข้อมูลที่ต้องการ ก็ให้ดัดแปลงเอาจาก การอ่านข้อมูลตัวที่ต้องการให้ได้ จากนั้นก็เปลี่ยนเปลงค่า แล้วก็ save

Delete

การลบก็ไม่ให้เลือกข้อมูลตัวที่ต้องการลบ แล้วก็สั่งลบได้ตามนี้

Document *doc = ...;
[doc  MR_deleteEntity];

ที่เหลือก็ไปหาอ่านได้จาก README แต่เท่าที่ใช้สำหรับผมก็เท่านี้แหละ :P

ActiveAdmin บน Heroku

noreply@blogger.com (Phuwanart Larpmark) — Wed, 07 Dec 2011 01:20:25 PST

เหมือนจะเป็นเรื่องง่ายๆ และไม่มีอะไรมากมาย กับการที่จะใช้ ActiveAdmin บน Heroku แต่ตั้งแต่ Rails 3.1 ที่ได้มีรวมเอา image, js, css มารวมไว้เป็น assets นั้น ก็ทำให้มีปัญหากับ Heroku นิดหน่อย

ลง gem ที่จำเป็นสำหรับ ActiveAdmin

# Gemfile
gem 'haml'
gem 'sass'
gem 'sass-rails'
gem 'activeadmin'

ลง gem ที่ต้องใช้บน Heroku

# Gemfile
group :production do
  gem 'pg'
  gem 'therubyracer'
  gem 'dalli'
end

จากนั้นก็แก้ environment ของ production

  
# config/environments/production.rb
config.assets.compile = true
config.assets.initialize_on_precompile = false

เพิ่ม initializer สำหรับ ActiveAdmin บน Heroku

# config/initializers/active_admin_heroku.rb
if Rails.env.production?
  require 'fileutils'
  FileUtils.mkdir_p(Rails.root.join("tmp", "stylesheets", "admin"))

  template_path_one = "#{Gem.loaded_specs['activeadmin'].full_gem_path}/app/assets/stylesheets"
  template_path_two = "#{Gem.loaded_specs['activeadmin'].full_gem_path}/lib/active_admin/sass"
  old_compile_path = "#{Rails.root}/public/assets/admin"
  new_compile_path = "#{Rails.root}/tmp/assets/admin"

  Sass::Plugin::remove_template_location template_path_one
  Sass::Plugin::add_template_location template_path_one, new_compile_path

  Sass::Plugin::remove_template_location template_path_two
  Sass::Plugin::add_template_location template_path_two, new_compile_path
end

ตามนี้ก็เป็นอันว่าเรียบร้อย ที่นี้ก็ใช้งานได้ล่ะ Demo

สร้างแอพฯ ของตัวเองบน Smart Phone แบบไวๆ

noreply@blogger.com (Phuwanart Larpmark) — Mon, 08 Aug 2011 23:43:20 PDT

ตอนนี้ไม่ว่าใครๆ ก็อยากจะมีแอฟฯ ของตัวเองที่อยู่บน Smart Phone สำหรับ AppMakr นี้ก็ทำให้เราสามารถทำแอฟฯ โง่ๆ ง่ายๆ ที่ไม่ได้ต้องการอะไรมาก นอกจากการเอาไว้ดูเนื้อหาที่ต่างๆ ที่เป็นของเรา เช่น RSS, Twitter

ที่นี้ถ้าจะเอามาใช้สำหรับองกรณ์หรือหน่วยงานที่มีเนื้อหาต่างๆ อยู่แล้ว แต่ต้องการเพิ่มช่องทางในการนำเสนอนั้น ตัวนี้ก็น่าสนใจเอามาใช้งานได้เลย แต่หากว่าเราจะลองโคลนระบบนี้ดูแล้วก็คงไม่น่ายาก แต่อาจจะใช้เวลาพอสมควร

เอาเป็นว่า ตอนนี้ใช้ตัวนี้ไปก่อนก็แล้วกัน :)

*ผู้แนะนำ @apirak

จะทำ gem เป็นของตัวเอง?

noreply@blogger.com (Phuwanart Larpmark) — Mon, 18 Jul 2011 02:59:41 PDT

จากแต่ก่อนที่เราจะทำ plugin เพื่อเสริมการทำงานให้ใน project ของเรา ต่อมาเค้าก็นิยมทำเป็น gems กัน เพื่อให้สามารถเอามาใช้และจัดการได้ง่ายๆ ซึ่งวิธีที่จะทำสามารถไปดูได้ที่ Make your own gem - RubyGems Guides และถ้า gem ของเราเจ๋งจริงก็อาจจะถูกเอาไปรวมใน frameworke ด้วยก็ได้ :)

ทำ Grid View บน iOS ด้วย AQGridView

noreply@blogger.com (Phuwanart Larpmark) — Wed, 03 Aug 2011 01:14:35 PDT

ก็ถ้าใครคิดอยากจะทำ app ที่มีการเรียงข้อมูลเป็น grid อย่างเช่น เรียงรูปภาพแบบเป็น grid ก็คงจะเจอว่ามันไม่ได้ทำกันง่ายๆ แต่ก็โชคดีที่มีคนทำเป็น open souece เอาไว้ให้แล้ว ซึ่งก็คือ

AQGridView

ซึ่งการใช้งานก็ไม่ยากเย็นอะไร เริ่มจากไป clone จาก github

source ที่เราต้องการใช้จะอยู่ใน Class จากนั้นก็ลากไปลง Project ที่เราต้องการจะใช้

ที่สำคัญคืออย่าลืมเอา QuartzCore.frameword เข้ามาด้วย

ที่เหลือก็ดูได้จากตัวอย่างที่เค้าทำไว้

Open Source: Library For Easy Data Saving/Loading

noreply@blogger.com (Phuwanart Larpmark) — Mon, 11 Jul 2011 02:08:44 PDT

There are many ways to save data on iOS devices. Some like a database are likely overkill for a game, and other methods like serialization are great, but things could still be easier.
I’ve found a very cool time saving library that allows you to easily save and load ints, floats, and NSString’s to an automatically created .PLIST file. No fuss at all just one line of code to save, or one line to load each of these datatypes. A nice simple quick solution if you want to install some simple data saving into an app. If you need to save a few floats of game data it is an ideal solution.
The library is ABLFXSaveSystem from Alexander Blunck and can be found on Github here: https://github.com/ablfx/ABLFXSaveSystem
A cool example of a simple, but useful open source library.

via feedproxy.google.com

ท่าทางจะเอามาใช้แทน plist ได้

Open Source: Lightweight Asynchronous Networking Library For Easy Communication With Web Services

noreply@blogger.com (Phuwanart Larpmark) — Mon, 11 Jul 2011 02:08:55 PDT

There are many networking libraries available. Some are extremely complicated with a vast number of features. This library is somewhat different and is extremely lightweight.
What I really like about this library is how efficient it is to code. By taking full advantage of Objective-C blocks introduced in iOS 4 you can create fairly complex networking interactions with very little code, and perform multiple requests asynchronously with ease. With the library you can easily download and parse json code, download images, communicate with REST services, and more.
The library is AFNetworking from Scott Raymond and Matt Thompson, and included with the library is an excellent sample project demonstrating usage of the library by gathering nearby spots from the Gowalla social network.
You can find the Github project here: https://github.com/gowalla/AFNetworking
Looks like a great library if you want to communicate with web services, but don’t need to do anything overly complex.

via maniacdev.com

น่าจะช่วยให้เราทำพวก Web Services ได้ง่ายๆ นะ ก็เป็นทางเลือกไว้ก่อน

Synchronizing Core Data With Rails

noreply@blogger.com (Phuwanart Larpmark) — Mon, 23 May 2011 00:12:16 PDT

จริงๆ แล้ว เรื่องนี้มี presentation มาตั้งนานแล้วล่ะ และก็คิดว่าต่อไปมันจะได้ใช้มากขึ้น เพราะว่าเดี๋ยวนี้ app บน iOS นั้นมีหลายตัวที่ไม่ได้เก็บข้อมูลไว้บนเครื่องแต่ใช้ข้อมูลจาก server ข้อมูล เพราะงั้นจึงเห็นว่า ตัวเราน่าจะศึกษาเรื่องนี้ให้จริงๆ จังๆ ได้แล้ว :)

Synchronizing Core Data With Rails

View more presentations from Ken Collins

ทำ Host Git Repository โดยใช้ Gitosis บน Mac OS X

noreply@blogger.com (Phuwanart Larpmark) — Mon, 24 Oct 2011 01:07:12 PDT

Gitosis เป็นตัวที่ไว้ทำ host ของ git repository อย่างง่ายๆ ก็ในกรณีที่เราอยากจะตั้ง host ขึ้นมาเอง โดยที่ไม่ต้องไปพึง githup หรือ host git ที่อื่นๆ ซึ่งการทำ host โดยใช้ gitosis นั้นก็มีคนเขียนเอาไว้ให้อ่านแล้ว (Hosting Git repositories, The Easy (and Secure) Way) ก็สามารถทำตามได้ แต่ในที่นี้จะเป็นการติดตั้ง host ของ git บน Mac OS X ซึ่งเครื่องที่เอามาใช้ ก็เป็น Mac ธรรมดา

ก่อนที่จะเริ่มกัน ก็ให้ลง git บน Mac OS X ให้เป็นที่เรียบร้อยซะก่อน ปกติก็ไปหา .dmg มาลง หรือไม่ก็ใช้ MacPorts

Install gitosis

1) ให้ทำการ clone gitosis ลงมาก่อน จากนั้นก็ทำการคิดตั้ง ซึ่งมันเป็น python ก็แปลว่าก็ต้องมี python ซึ่ง Mac OS X จะมีมาให้แล้ว

$ git clone git://eagain.net/gitosis.git
$ sudo python setup.py install

2) จากนั้นให้ทำการสร้าง account ขึ้นมาใหม่ ให้ไปที่ System Preferences > Accounts และ add user เข้าไป โดยจะให้ชื่อ Account name: ว่า 'git' และไม่ต้องมี password

3) จากนั้นให้เรา log in เข้าไปที่ user git ที่สร้างขึ้นใหม่นี้ ให้สร้าง .bashrc และเพิ่มบรรทัดนี้ลงไป

PATH=/usr/local/bin:/usr/local/git/bin:$PATH

จากนั้นก็ให้เปิด Remote Login (System Preferences > Sharing) เพื่อให้สามารถ ssh เข้ามาที่ user git ได้

จากนั้นก็ log out ออกไปและ log in เข้า user ปกติ (Admin)

4) ให้สร้าง SSH key โดยใช้คำสั่งนี้

$ ssh-keygen -t rsa

เมื่อสร้างแล้ว key จะถูกเก็บไว้ที่ ~/.ssh จากนั้นก็ให้สั่ง

$ sudo -H -u git gitosis-init < [path of your id_rsa.pub]

ซึ่งจะได้ผลประมาณนี้

Initialized empty Git repository in /Users/git/repositories/gitosis-admin.git/
Initialized empty Git repository in /Users/git/repositories/gitosis-admin.git/

เมื่อผ่านตรงนี้ไปแล้วจะได้โฟลเดอร์ reposistories ที่ account 'git' จากนั้นให้เราทำคำสั่งนี้ต่อ

$ sudo chmod 755 /Users/git/repositories/gitosis-admin.git/hooks/post-update

จากนั้นให้ลอง clone gitosis-admin ลงมา โดยที่ YOUR_SERVER_HOSTNAME ก็เป็น ip ของเครื่อง Mac

$ git clone git@YOUR_SERVER_HOSTNAME:gitosis-admin.git
$ cd gitosis-admin

ซึ่งสิ่งที่ได้ก็จะมี

~/gitosis-admin (master) $ ls -l
total 8
-rw-r--r--  1 phuwanart  staff   87 May 14 14:30 gitosis.conf
drwxr-xr-x  3 phuwanart  staff  102 May 14 14:30 keydir

ขั้นตอนในการติดตั้ง gitosis ก็คงมีประมาณนี้ ต่อไปการใช้งาน การเพิ่มผู้ใช้ การโปรเจ็กต์ สามารถไปดูต่อไปที่ Hosting Git repositories, The Easy (and Secure) Way

ปัญหา RubyGems Warning หลังจากอัพเกรด

noreply@blogger.com (Phuwanart Larpmark) — Fri, 13 May 2011 19:28:32 PDT

หลังจากที่อัพเกรด ruby gem เป็นเวอร์ชั่นล่าสุด (1.8.2) ปรากฎว่ารันโปรเจ็กต์จะมีแจ้งเตือนว่า

NOTE: Gem::Specification#default_executable= is deprecated with no replacement. It will be removed on or after 2011-10-01.
Gem::Specification#default_executable= called from /Users/phuwanart/.rvm/gems/ruby-1.9.2-p180@global/specifications/rake-0.8.7.gemspec:10.

ซึ่งมันจะยาวมาก วิธีการแก้ไขก็คือให้กลับไปใช้ gem รุ่นเก่าก่อน

$ gem update --system 1.7.2

แต่เราไม่ต้องตกใจไป เราสามารถอัพเกรด gem ของเราได้ แต่เพียงว่าตอนนี้ยังไม่แนะนำ

ที่มา: RubyGems Warningitis Outbreak

Currency Number Formatter

noreply@blogger.com (Phuwanart Larpmark) — Tue, 10 May 2011 23:12:13 PDT

ก็ไม่มีอะไรมาก็ตามหัวข้อ มีตัวเลขที่เก็บไว้เป็น decimal ต้องการจะแสดงให้เป็นหน่วยเงิน นั่นคือคั่นด้วยเครื่องหมาย , และเป็นทศนิยม 2 ตำแหน่ง

NSDecimalNumber *decimalNumber = ...;

NSNumberFormatter *formatter = [[NSNumberFormatteralloc]init];
[formatter setFormatterBehavior:NSNumberFormatterBehavior10_4];
[formatter setNumberStyle:NSNumberFormatterDecimalStyle];
[formatter setPositiveFormat:@"#,##0.00"];

NSLog(@"%@", [[formatter stringFromNumber:decimalNumber]description]);

เริ่มแต่ง UITableViewCell กัน

noreply@blogger.com (Phuwanart Larpmark) — Mon, 24 Oct 2011 01:13:11 PDT

เริ่มต้น ให้สร้าง project ที่เป็น table view ซึ่งเอาสะดวกๆ ก็เลือก Navigation-based Application ก็ได้ ซึ่งปกติแล้วแต่ละแถวก็จะมีรูปแบบที่ sdk เค้ามีมาให้อยู่แล้ว แต่หากว่าต้องการการแสดงผลในแต่ละแถวที่นอกจากที่มีให้ก็สามารถทำได้ ซึ่งขึ้นตอนที่ทำนี้เป็นขึ้นตอนแบบพื้นฐานทั่วๆ ไป อาจจะมีวิธีอื่นที่ดีกว่าก็ได้

Step 1: ให้ New File... เพิ่มเข้าไปใน project โดยให้เลือก Objective-C class

โดยที่ให้เราใช้ subclass เป็น UITableViewCell

จากนั้นก็ตั้งชื่อของ class ตามต้องการ ในที่นี้จะใช้ MyCell ซึ่งเมื่อสร้างเสร็จจะได้ไฟล์มา 2 ไฟล์คือ MyCell.h และ MyCell.m ไว้ใน project

Step 2: สร้าง cell ที่เราต้องการ โดยจะสร้าง Interface Builder เพื่อใช้ในการออกแบบ ซึ่งในที่นี้ทำได้โดย ให้เรา New File... ลงใน project แล้วเลือก User Interface เป็น Empty

จากนั้นก็เลือกว่า IB ที่จะสร้างจะใช้กับอะไร

และก็ตั้งชื่อ ในที่นี้ใช้ชื่อว่า MyCell เช่นกัน เมื่อสร้างเสร็จแล้วจะได้ MyCell.xib

Step 3: ต่อไปเราจะทำการสร้าง cell ที่เราต้องการ โดยในที่นี้จะออกแบบให้ cell มี label หนึ่งอันอยู่ตรงกลาง

ที่ MyCell.h เราจะเพิ่ม UILabel ลงไป ซึ่งในที่นี้จะให้ชื่อว่า myLabel

//  MyCell.h

#import < UIKit/UIKit.h >


@interface MyCell : UITableViewCell {
    UILabel *myLabel;
}

@property (nonatomic, retain) IBOutlet UILabel *myLabel;

@end

และก็ implement ตามปกติ

//  MyCell.m

#import "MyCell.h"


@implementation MyCell

@synthesize myLabel;

...

- (void)dealloc
{
    [myLabel release];
    [super dealloc];
}

@end

Step 4: จากนั้นเราจะเริ่มไปออกแบบ cell ใน IB ให้ลาก Table View Cell ลงมา และลาก Label อันนึงมาไว้ที่ตรงกลาง cell

กำหนด class ให้กับ Table View Cell ที่ตรงการกำหนด Identity

และที่แท็บ Connections ให้ลาก myLabel มาเชื่อมกับ Label

พอเสร็จจากตรงนี้ cell ที่เราสร้างก็พร้อมใช้

Step 5: ที่ RootViewController จะเป็นที่ที่จะเอา cell ไปใช้ โดยทำได้ดังนี้

import class และสร้าง myCell

//  RootViewController.h

#import < UIKit/UIKit.h >
#import "MyCell.h"

@interface RootViewController : UITableViewController {
    MyCell *myCell;
}

@property (nonatomic, retain) IBOutlet MyCell *myCell;

@end

implement ตามปกติ

//  RootViewController.m

#import "RootViewController.h"

@implementation RootViewController

@synthesize myCell;

...

- (void)dealloc
{
    [myCell dealloc];
    [super dealloc];
}

@end

จากนั้นก็สร้าง cell ที่เราต้องการจาก MyCell class และในแต่ละแถวเราจะได้แสดงผลเป็นตัวเลขแถว โดยเราจะกำหนดใน myLabel ของแต่ล่ะ cell

// Customize the appearance of table view cells.
- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath
{
    static NSString *CellIdentifier = @"MyCellIdentifier";
    
    MyCell *cell = (MyCell *)[tableView dequeueReusableCellWithIdentifier:CellIdentifier];
    if (cell == nil) {
        [[NSBundle mainBundle] loadNibNamed:@"MyCell"
                                      owner:self
                                    options:nil];
        cell = myCell;
		self.myCell = nil;
    }

    // Configure the cell.
    cell.myLabel.text = [NSString stringWithFormat:@"Row %i", indexPath.row+1];
    return cell;
}

ในตัวอย่างนี้จะให้มีข้อมูลสัก 9 แถว

- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section
{
    return 9;
}

Step 6: กลับมาที่ MyCell.xib ให้เลือก File's Owner และในแท็ป Identity ให้กำหนดชื่อ class เป็น RootViewController ซึ่งเป็น controller ที่จะเอา cell นี้ไปใช้

และที่แท็บ Connections ให้ลาง myCell มาเชื่อต่อกับ cell ที่เราออกแบบไว้

Step 7: จาก Table View Cell ที่เราสร้าง เราจะต้องกำหนด Identifier ให้กับ cell ด้วย โดยที่ที่จะต้องกำหนดจะอยู่ในแท็บ Attributes ซึ่งชื่อ Identifier ที่กำหนดเป็นอันเดียวกับ *CellIdentifier ใน method ชื่อ -tableView:cellForRowAtIndexPath: ที่ต้องกำหนด Identifier ก็เพื่อจะได้มีการ reuse cell ได้ตามแบบของ UITableView

หลังจากนี้ก็ลองรับดู ก็จะได้ผลอย่างที่ต้องการ

โดยคร่าวๆ แล้วก็จะมีขั้นตอนแบบนี้ ที่ต่อยอดจากนี้ก็แล้วแต่ว่างานนั้นจะต้องการหน้าตาของ Cell เป็นยังไง

จริงๆ แล้วเหมือนจะง่าย แต่ตัวผมเองใช้เวลานานกว่าจะได้แบบนี้ ก็เลย blog ไว้สักหน่อยกันลืม :)

#import กับ @class

noreply@blogger.com (Phuwanart Larpmark) — Sun, 08 May 2011 21:17:17 PDT

ก็สงสัยว่ามันต่างกันยัง ก็ได้รับความรู้จาก @onoaonoa มาอย่างนี้

@class เป็น forward declaration แค่บอกว่าจะมี instant class นี้ยังไม่ได้ระบุว่าเป็นยังไง #import จะรู้จักลักษณะของ class นั้นด้วย -- tweet

ผลที่ได้คือ @class ใน .h จะ compile เร็วกว่าใช้ #import ใน .h เพราะมันลดการไปอ่านไฟล์ที่เรา import เข้าไป -- tweet

ก็เลยเอามา blog ไว้สักหน่อย กันลืม

ทำฟอร์มกรอกข้อมูลบน iOS ด้วย ELCTextfieldCell

noreply@blogger.com (Phuwanart Larpmark) — Mon, 24 Oct 2011 01:10:16 PDT

เป็นปัญหาพอสมควรสำหรับการทำช่องกรอกข้อมูลบน iOS โดยที่พื้นๆ จะทำการลาก text field มาวางบน view แต่การทำแบบนี้จะมีปัญหาหลายอย่างเช่น

หากมี text field วางเยอะๆ เมื่อเลือกสัก field นึงแล้วคีย์บอร์ดจะโผล่ขึ้นมาซึ่งจะไปบัง field อื่นได้
ไม่สามารถไปยัง field อื่นได้ในลักษณะเหมือนกด next

ก็โชคดีที่มีคนทำของดีๆ ออกมาคือ ELCTextFieldCell โดยจะเป็นการทำให้ TableView เป็นฟอร์มข้อมูล วิธีการในการใช้ก็มีดังนี้

Step 1: สร้าง Project ขึ้นมาใหม่โดยในที่นี้จะเลือกใช้ Navigation-based Application

Step 2: ตั้งชื่อ Project

Step 3: ให้ clone ELCTextfieldCell มาจาก github

$ git clone https://github.com/elc/ELCTextFieldCell.git

Step 4: ที่โฟลเดอร์ที่ clone ลงมา ในโฟลเดอร์ Classes ให้ลากไฟล์ ELCTextfieldCell.h และ ELCTextfieldCell.m ไปใส่ใน project ให้ copy ลงไปไว้

Step 5: ให้ import ELCTextfieldCell.h เข้ามาใน RootViewController.h โดยในที่นี้จะให้กำหนดตัวแปร 2 ตัวคือ labels และ placeholders โดยให้เป็น NSArray

//  RootViewController.h

#import "ELCTextfieldCell.h"

@interface RootViewController : UITableViewController {
	NSArray *labels;
	NSArray *placeholders;
}
@property (nonatomic, retain) NSArray *labels;
@property (nonatomic, retain) NSArray *placeholders;

Step 6: จากนั้นไปที่ RootViewController.m ทำการ @synthesize ตัวแปรตามปกติ

//  RootViewController.m

#import "RootViewController.h"

@implementation RootViewController

@synthesize labels;
@synthesize placeholders;

Step 7: ที่ viewDidLoad ให้กำหนดชื่อฟิลด์ที่ต้องการลงใน labels และใส่คำอธิบายลงใน placeholders

//  RootViewController.m

- (void)viewDidLoad
{
    [super viewDidLoad];

    self.labels = [NSArray arrayWithObjects:@"First Name",
                   @"Last Name",
                   @"Email",
                   @"Phone Number",
                   nil];
	
	self.placeholders = [NSArray arrayWithObjects:@"Enter First Name",
                         @"Enter Last Name",
                         @"Enter Email",
                         @"Phone Number (Optional)",
                         nil];
}

Step 8: จากนั้นใส่จำนวน row ที่ต้องการ โดยในที่นี้จะให้หาจำนวนจาก labels

- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section
{
    return [labels count];
}

Step 9: ที่ cellForRowAtIndexPath ให้ทำการแก้ไขจากของเดิมดังนี้

// Customize the appearance of table view cells.
- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath
{
    static NSString *CellIdentifier = @"Cell";
    
    ELCTextfieldCell *cell = (ELCTextfieldCell*)[tableView dequeueReusableCellWithIdentifier:CellIdentifier];
//  UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:CellIdentifier];
    if (cell == nil) {
        cell = [[[ELCTextfieldCell alloc] initWithStyle:UITableViewCellStyleDefault reuseIdentifier:CellIdentifier] autorelease];
//      cell = [[[UITableViewCell alloc] initWithStyle:UITableViewCellStyleDefault reuseIdentifier:CellIdentifier] autorelease];
    }

    // Configure the cell.
    [self configureCell:cell atIndexPath:indexPath];
    return cell;
}

ซึ่ง [self configureCell:cell atIndexPath:indexPath] จะแยกไปเขียนเป็น method ไว้เป็นดังนี้

- (void)configureCell:(ELCTextfieldCell *)cell atIndexPath:(NSIndexPath *)indexPath {
	
	cell.leftLabel.text = [self.labels objectAtIndex:indexPath.row];
	cell.rightTextField.placeholder = [self.placeholders objectAtIndex:indexPath.row];
	cell.indexPath = indexPath;
	cell.delegate = self;
	
	if(indexPath.row == 3) {
		[cell.rightTextField setKeyboardType:UIKeyboardTypeNumberPad];
	}
}

หลังจากนั้นก็ให้ทำการ Run จะได้ผลประมาณนนี้

ให้ลองใส่ข้อมูลต่างๆ ดู

Step 10: ทำการเพิ่ม ELCTextFieldDelegate เพื่อให้ใช้ปุ่ม Return (Done) เพื่อไปช่องใส่ข้อมูลถัดไป

//  RootViewController.h

@interface RootViewController : UITableViewController < ELCTextFieldDelegate > {
    ...
}

Step 11: จากนั้นก็ไป implement delegate method 'textFieldDidReturnWithIndexPath' เพื่อกำหลดว่าเมื่อกด Done แล้วจะให้ทำอะไร

//  RootViewController.m

#pragma mark ELCTextFieldCellDelegate Methods

-(void)textFieldDidReturnWithIndexPath:(NSIndexPath*)indexPath {
    
	if(indexPath.row < [labels count]-1) {
		NSIndexPath *path = [NSIndexPath indexPathForRow:indexPath.row+1 inSection:indexPath.section];
		[[(ELCTextfieldCell*)[self.tableView cellForRowAtIndexPath:path] rightTextField] becomeFirstResponder];
		[self.tableView scrollToRowAtIndexPath:path atScrollPosition:UITableViewScrollPositionTop animated:YES];
	}
	
	else {
        
		[[(ELCTextfieldCell*)[self.tableView cellForRowAtIndexPath:indexPath] rightTextField] resignFirstResponder];
	}
}

และ 'updateTextLabelAtIndexPath' เพื่อกำหนดว่าถ้ามีการเปลี่ยนข้อมูลในช่องจะให้ทำอะไร

- (void)updateTextLabelAtIndexPath:(NSIndexPath*)indexPath string:(NSString*)string {
	NSLog(@"See input: %@ from section: %d row: %d, should update models appropriately", string, indexPath.section, indexPath.row);
}

จากนั้นก็ Run และลองดู log

ขั้นตอนอย่างง่ายก็ประมาณนี้ ซึ่งการจะเอาไปให้ก็ไม่จำเป็นต้องเป็น Navigation-based ก็ได้ จริงๆ แล้วขอให้มี TableView ก็พอแล้ว สุดท้ายก็แล้วแต่ล่ะคนจะเอาไปประยุกต์เอาเอง

Error: gem install activerecord-mysql2-adapter

noreply@blogger.com (Phuwanart Larpmark) — Tue, 03 May 2011 03:31:09 PDT

หลังจาก `gem update` ไปวันนี้แล้วมีการอัฟเดท mysql2 จาก 0.2.x เป็น 0.3.x ซึ่งเป็นผลให้ตอนที่รัน `$ rails server` จะมีการแจ้งเตือน

WARNING: This version of mysql2 (0.3.2) doesn't ship with the ActiveRecord adapter bundled anymore as it's now part of Rails 3.1
WARNING: Please use the 0.2.x releases if you plan on using it in Rails <= 3.0.x

จากนั้นก็จะมี error ตามมาประมาณนี้

/Users/phuwanart/.rvm/gems/ruby-1.9.2-p180/gems/activerecord-3.0.7/lib/active_record/connection_adapters/abstract/connection_specification.rb:71:in `rescue in establish_connection': Please install the mysql2 adapter: `gem install activerecord-mysql2-adapter` (no such file to load -- active_record/connection_adapters/mysql2_adapter) (RuntimeError)

ก็เดาว่า mysql2 เวอร์ชั่น 0.3.x ต้องรอใช้กับ Rails 3.1

วิธีแก้ง่ายก็คือไปกำหนดเวอร์ชั่นของ mysql2 เป็น 0.2.x

gem "mysql2", '0.2.6'

แล้วให้สั่ง

$ bundle install

ก็ทำแบบนี้แล้ว error ก็หายนะครับ สามารถ `$ rails server` ได้ตามเดิม

ลง RVM บน Mac OS X Snow Leopard

noreply@blogger.com (Phuwanart Larpmark) — Thu, 04 Aug 2011 21:15:45 PDT

เนื่องด้วยว่า rails2 และ rails3 ใช้ ruby คนละ version และถึงแม้ว่า rails3 จะยังใช้ได้กับ ruby 1.8.x แต่ก็มี gem บางตัวที่ต้องการ ruby 1.9.x เป็นผลว่าทำให้ต้องมี ruby หลาย version ในเครื่องเดียวกัน ซึ่งในที่นี้เราจะใช้ RMV ช่วยจัดการ ruby ที่อยู่ในเครื่องของเรา

ติดตั้ง RVM

เปิด Terminal แล้วพิมพ์คำสั่งนี้

$ bash < <(curl -s https://rvm.beginrescueend.com/install/rvm)

จากนั้นให้เพิ่มบรรทัดนี้ลงไปใน .bash_profile

[[ -s "$HOME/.rvm/scripts/rvm" ]] && source "$HOME/.rvm/scripts/rvm" # This loads RVM into a shell session.

ทดสอบว่าลง RVM สำเร็จโดยสั่ง

$ type rvm | head -1

ซึ่งจะได้ผลออกมาดังนี้

rvm is a function

ติดตั้ง Ruby

ติดตั้ง ruby 1.8.7 โดยพิมพ์คำสั่งนี้ลงบน terminal

$ rvm install 1.8.7

ติดตั้ง ruby 1.9.2 ก็ทำเช่นเดียวกัน

$rvm install 1.9.2

ใช้งาน Ruby

เมื่อต้องการจะใช้ ruby 1.8.7 ก็ให้พิมพ์คำสั่งนี้ลง terminal

$ rvm use 1.8.7

หากต้องการใช้อีก ruby อีก version ก็ทำเช่นเดิม

$ rvm use 1.9.2

หากต้องการให้ version เป็น default ก็ใช้ --default ตามลงไป

$ rvm use 1.9.2 --default

เมื่อสลับ ruby ในแต่ละ version แล้ว gem ก็จะเปลี่ยนไปด้วย ทั้งหมดจะถูกแยกตามการลงในแต่ละ version