RubyCocoaを1杯

今回はRubyCocoaを使ってMacOSXの簡単なアプリケーションを作ってみようと思います。

RubyCocoaとは

Rubyを使ってMacOSXのアプリケーションフレームワークであるCocoaを操作できる
対話的にCocoaを開発できる
Leopardから標準搭載
バージョン 0.13.2(2008/2/16)

代表的なアプリケーション

RubyCocoaを使って開発されたアプリケーションには以下のようなものがあります。

LimeChat for OSX
Chemr
[QSTwitter

](http://blog.deadbeaf.org/2008/03/01/qstwitter-14/)

特にQuickSilverからTwitterに投げれるQSTwitterはとても便利に使わせてもらっています。

作ってみよう

Twitterにポストするだけの簡単なアプリケーションを作ってみます。

準備

Xcodeを使うので、あらかじめインストールしておく必要があります。MacOSXのインストールDVDに含まれているのでそこからインストールするか、もしくは ADC(Apple Developer Connection)のサイトからダウンロードすることもできます。また、RubyからTwitterにポストする部分でRuby Twitter Gemを使いましたので、それもインストールしておきます。ターミナルを開いて、

$ sudo gem install twitter

でインストールします。

プロジェクト作成

まず、プロジェクトを作成します。/Developer/Applications/Xcode.appを開きます。 File->New Projectを選択し、 Cocoa-Ruby Applicationを選択します(1)。

(1)

プロジェクト名を入力して次に進むと、プロジェクトウィンドウが立ちあがります(2)。

(2)

次にコントローラを作成します。 Classes->Add->Ruby NSObject subclass を選択します(3)。

(3) ここではAppController.rbというファイル名で保存します。今回は次のようなコードにしました。

require 'osx/cocoa'
require 'rubygems'
require 'twitter'

class AppController < OSX::NSObject
  include OSX
  ib_outlet :window, :name, :password, :message
  ib_action :post
  def post
    twit = Twitter::Base.new(@name.stringValue.to_s, @password.stringValue.to_s)
    twit.update(@message.stringValue.to_s)
    @message.setStringValue ''
  end
end

ib_outletで、コントローラからウィンドウへの参照を定義しています。 ib_actionで、アクションを定義します。

ボタンがクリックされたときにここで定義したアクションが呼ばれるように後で設定します。 def post … end にアクションpostの処理内容を書きます。 Twitterクラスのインスタンスを生成し、ウィンドウに入力してあるメッセージをポストします。@nameで参照しているオブジェクトを取得し、stringValueメソッドでそのオブジェクトの文字列を取得します。 stringValueで取得した文字列はCocoaの文字列クラスのオブジェクトなので、to_sメソッドで Rubyの文字列に変換しています。

setStringValueメソッドで、参照しているオブジェクトの文字列に文字を設定しています。

このコードを保存し、次にInterfaceBuilderを使ってUIとコントローラを結びつけていきます。プロジェクトウィンドウのMainMenu.nibをダブルクリックする(4)とInterfaceBuilderが立ち上がります。

(4) LibraryパレットからNSObjectをドラッグし、メインウィンドウにドロップします(5)。

(5) このオブジェクトを選択した状態で、クラスパレットのClassに先程作成したAppControllerを選択します(6)。

(6) 次にWindowとコントローラを結びつけていきます。今回は元々あるWindowは使わないので、メインウィンドウにあるWindowを削除します。 LibraryパレットからHUD Windowをドラッグ&ドロップでメインウィンドウに移動します(7)。

(7)

このウィンドウとコントローラを結びつけるために、メインウィンドウのAppControllerをCtrlキーを押したままマウスを押し、Windowにドラッグして離します。

(8)

Outletsというウィンドウが表示されるので、AppController.rbのib_outletに定義した windowを選択します(8)。次に、Twitterにポストするために必要なボタンやテキストフィールドを追加していきます。メインウィンドウのPanel(Window)をダブルクリックするとそのウィンドウが表示されるので、そこにパネルウィンドウから必要なオブジェクトをドラッグ&ドロップで配置していきます(9)。今回は、PushButtonとTextField,Secure TextField, Labelを使いました。

(9) 配置したテキストフィールドやボタンとコントローラを結びつけていきます。メインウィンドウのAppControllerを選択し、Ctrlキーを押したままマウスを押してウィンドウのオブジェクトにドラッグして離します。すると、選択肢にAppController.rbで定義したアウトレットが表示されるので、対応するものを選択します(10)。

(10) messageやname,passwordの部分をこのように設定していきます。次はTwitterにポストする時に押すボタンとコントローラを結びつけます。アウトレットの時とは逆に、ボタンを選択しCtrlキーを押したままマウスを押してメインウィンドウのAppControllerにドラッグして離します(11)。このとき、AppController.rbのib_actionに定義した「post」が表示されるので、選択します。