tobioka.net

Ruby

My First RubyMotion App: Very Simple Web Browser

5月 09

Japanese Version

I try to development my fisrt RubyMotion App.
It’s a very simple web browser.

The following is snapshot of finished product.

Let’s start.

Creating Project

Create and Run “Browser” project.
Still blank, black background app.

$ motion create Browser
    Create Browser
    Create Browser/.gitignore
    Create Browser/Rakefile
    Create Browser/app
    Create Browser/app/app_delegate.rb
    Create Browser/resources
    Create Browser/spec
    Create Browser/spec/main_spec.rb

$ cd Browser

$ rake
     Build ./build/iPhoneSimulator-5.1-Development
   Compile ./app/app_delegate.rb
    Create ./build/iPhoneSimulator-5.1-Development/Browser.app
      Link ./build/iPhoneSimulator-5.1-Development/Browser.app/Browser
    Create ./build/iPhoneSimulator-5.1-Development/Browser.app/Info.plist
    Create ./build/iPhoneSimulator-5.1-Development/Browser.app/PkgInfo
    Create ./build/iPhoneSimulator-5.1-Development/Browser.dSYM
  Simulate ./build/iPhoneSimulator-5.1-Development/Browser.app

$ motion create Browser

Create Browser

Create Browser/.gitignore

Create Browser/Rakefile

Create Browser/app

Create Browser/app/app_delegate.rb

Create Browser/resources

Create Browser/spec

Create Browser/spec/main_spec.rb

$ cd Browser

$ rake

Build ./build/iPhoneSimulator-5.1-Development

Compile ./app/app_delegate.rb

Create ./build/iPhoneSimulator-5.1-Development/Browser.app

Link ./build/iPhoneSimulator-5.1-Development/Browser.app/Browser

Create ./build/iPhoneSimulator-5.1-Development/Browser.app/Info.plist

Create ./build/iPhoneSimulator-5.1-Development/Browser.app/PkgInfo

Create ./build/iPhoneSimulator-5.1-Development/Browser.dSYM

Simulate ./build/iPhoneSimulator-5.1-Development/Browser.app

No problem.

White Background ViewController

Next, add white background ViewController.
Wrap by NavigationController for easy using NavigationBar.

Here is AppDelegate.

class AppDelegate
  def application(application, didFinishLaunchingWithOptions:launchOptions)
    @window = UIWindow.alloc.initWithFrame(UIScreen.mainScreen.bounds)
    @window.rootViewController = UINavigationController.alloc.initWithRootViewController(BrowserViewController.alloc.init)
    @window.makeKeyAndVisible
    true
  end
end

class AppDelegate

def application(application, didFinishLaunchingWithOptions:launchOptions)

@window = UIWindow.alloc.initWithFrame(UIScreen.mainScreen.bounds)

@window.rootViewController = UINavigationController.alloc.initWithRootViewController(BrowserViewController.alloc.init)

@window.makeKeyAndVisible

true

end

Here is BrowserViewController.
Now, only setting backgroundColor.

class BrowserViewController < UIViewController
  def viewDidLoad
    view.backgroundColor = UIColor.whiteColor
  end
end

class BrowserViewController < UIViewController

def viewDidLoad

view.backgroundColor = UIColor.whiteColor

end

Showing Toolbar and NavigationBar

NavigationBar is displayed by default.
So, I just set Toolbar’s hidden to false in BrowserViewController#viewDidLoad.

    navigationController.setToolbarHidden(false, animated:false)

1	navigationController.setToolbarHidden(false, animated:false)

Loading Google by WebView

Adding UIWebView.
And defining “loadRequest” method for loading webpage.

delegate is set to self.

class BrowserViewController < UIViewController
  def viewDidLoad
    view.backgroundColor = UIColor.whiteColor
    navigationController.setToolbarHidden(false, animated:false)

    @webView = UIWebView.alloc.initWithFrame(
      CGRectMake(
        0,
        0,
        view.frame.size.width,
        view.frame.size.height - navigationController.toolbar.frame.size.height - navigationController.navigationBar.frame.size.height
      )
    )
    view.addSubview(@webView)

    loadRequest('http://google.com/')
  end

  def loadRequest(urlString)
    url = NSURL.URLWithString(urlString)
    request = NSURLRequest.requestWithURL(url)
    @webView.delegate = self
    @webView.loadRequest(request)
  end

end

class BrowserViewController < UIViewController

def viewDidLoad

view.backgroundColor = UIColor.whiteColor

navigationController.setToolbarHidden(false, animated:false)

@webView = UIWebView.alloc.initWithFrame(

CGRectMake(

view.frame.size.width,

view.frame.size.height - navigationController.toolbar.frame.size.height - navigationController.navigationBar.frame.size.height

)

view.addSubview(@webView)

loadRequest('http://google.com/')

end

def loadRequest(urlString)

url = NSURL.URLWithString(urlString)

request = NSURLRequest.requestWithURL(url)

@webView.delegate = self

@webView.loadRequest(request)

end

OK.

Adding LocationBar

Creating TextField for inputting URL.
Adding to NavigationBar and call “loadRequest” in textFieldShouldReturn.
(delegate is self)

Ref: NavigationBarにテキスト欄を表示させる | nk-z.memo

  def viewDidLoad

    @urlField = UITextField.alloc.initWithFrame(CGRectMake(0, 0, 300, 31))
    @urlField.font = UIFont.systemFontOfSize(14)
    @urlField.borderStyle = UITextBorderStyleRoundedRect
    @urlField.backgroundColor = UIColor.whiteColor
    @urlField.contentVerticalAlignment = UIControlContentVerticalAlignmentCenter
    @urlField.autocorrectionType = UITextAutocorrectionTypeNo
    @urlField.keyboardType = UIKeyboardTypeURL
    @urlField.returnKeyType = UIReturnKeyDone
    @urlField.delegate = self
    @urlField.text = 'http://google.com/'
    navigationItem.titleView = @urlField

  end

  # - (BOOL)textFieldShouldReturn:(UITextField *)textField
  def textFieldShouldReturn(textField)
    urlString = textField.text
    if urlString.length > 1
      loadRequest(urlString)
    end
    textField.resignFirstResponder
    true
  end

def viewDidLoad

@urlField = UITextField.alloc.initWithFrame(CGRectMake(0, 0, 300, 31))

@urlField.font = UIFont.systemFontOfSize(14)

@urlField.borderStyle = UITextBorderStyleRoundedRect

@urlField.backgroundColor = UIColor.whiteColor

@urlField.contentVerticalAlignment = UIControlContentVerticalAlignmentCenter

@urlField.autocorrectionType = UITextAutocorrectionTypeNo

@urlField.keyboardType = UIKeyboardTypeURL

@urlField.returnKeyType = UIReturnKeyDone

@urlField.delegate = self

@urlField.text = 'http://google.com/'

navigationItem.titleView = @urlField

end

# - (BOOL)textFieldShouldReturn:(UITextField *)textField

def textFieldShouldReturn(textField)

urlString = textField.text

if urlString.length > 1

loadRequest(urlString)

end

textField.resignFirstResponder

true

end

Forward, Back, Refresh, Stop

Adding buttons to toolbar, and set action for calling webView’s methods.

Ref: ツールバーのボタン (UIBarButtonItem) の隠し API – 24/7 twenty-four seven

    @backItem = UIBarButtonItem.alloc.initWithBarButtonSystemItem(101, target:@webView, action:'goBack')
    @forwardItem = UIBarButtonItem.alloc.initWithBarButtonSystemItem(102, target:@webView, action:'goForward')
    @relaodItem = UIBarButtonItem.alloc.initWithBarButtonSystemItem(UIBarButtonSystemItemRefresh, target:@webView, action:'reload')
    @stopItem = UIBarButtonItem.alloc.initWithBarButtonSystemItem(UIBarButtonSystemItemStop, target:@webView, action:'stopLoading')
    @stopItem.enabled = false

    toolbarItems = [
      @backItem,
      @forwardItem,
      UIBarButtonItem.alloc.initWithBarButtonSystemItem(UIBarButtonSystemItemFlexibleSpace, target:nil, action:nil),
      @relaodItem,
      @stopItem
    ]
    toolbarItems.each do |item|
      item.style = UIBarButtonItemStyleBordered
    end
    setToolbarItems(toolbarItems, animated:false)

@backItem = UIBarButtonItem.alloc.initWithBarButtonSystemItem(101, target:@webView, action:'goBack')

@forwardItem = UIBarButtonItem.alloc.initWithBarButtonSystemItem(102, target:@webView, action:'goForward')

@relaodItem = UIBarButtonItem.alloc.initWithBarButtonSystemItem(UIBarButtonSystemItemRefresh, target:@webView, action:'reload')

@stopItem = UIBarButtonItem.alloc.initWithBarButtonSystemItem(UIBarButtonSystemItemStop, target:@webView, action:'stopLoading')

@stopItem.enabled = false

toolbarItems = [

@backItem,

@forwardItem,

UIBarButtonItem.alloc.initWithBarButtonSystemItem(UIBarButtonSystemItemFlexibleSpace, target:nil, action:nil),

@relaodItem,

@stopItem

]

toolbarItems.each do |item|

item.style = UIBarButtonItemStyleBordered

end

setToolbarItems(toolbarItems, animated:false)

Adjustment for Usability

Showing indicator when loading, and switch Enable/Disable buttons in Delegate methods of webView.

Ref: UIWebView下で、UIButtonの活性／不活性にする: iPhoneアプリ開発備忘録

  # - (void)webViewDidStartLoad:(UIWebView *)webView
  def webViewDidStartLoad(webView)
    UIApplication.sharedApplication.networkActivityIndicatorVisible = true
    @stopItem.enabled = true
  end

  # - (void)webViewDidFinishLoad:(UIWebView *)webView
  def webViewDidFinishLoad(webView)
    UIApplication.sharedApplication.networkActivityIndicatorVisible = false
    @backItem.enabled = @webView.canGoBack
    @forwardItem.enabled = @webView.canGoForward
    @stopItem.enabled = false
  end

  # - (void)webView:(UIWebView *)webView didFailLoadWithError:(NSError *)error
  def webView(webView, didFailLoadWithError:error)
    webViewDidFinishLoad(webView)
  end

# - (void)webViewDidStartLoad:(UIWebView *)webView

def webViewDidStartLoad(webView)

UIApplication.sharedApplication.networkActivityIndicatorVisible = true

@stopItem.enabled = true

end

# - (void)webViewDidFinishLoad:(UIWebView *)webView

def webViewDidFinishLoad(webView)

UIApplication.sharedApplication.networkActivityIndicatorVisible = false

@backItem.enabled = @webView.canGoBack

@forwardItem.enabled = @webView.canGoForward

@stopItem.enabled = false

end

# - (void)webView:(UIWebView *)webView didFailLoadWithError:(NSError *)error

def webView(webView, didFailLoadWithError:error)

webViewDidFinishLoad(webView)

end

Conclusion

That’s all. Did you have fun?

Full source code is available on GitHub.
I’ll add other samples soon.
RubyMotionApps/Browser at master · tnantoka/RubyMotionApps · GitHub

Enjoy iOS Development by Ruby :-)

Sorry for my English.

初めてのRubyMotionアプリ：超シンプルなWeb Browser

5月 09

English Version

ようやく自分で何か作ってみる。

文字表示するだけ、とかつまらないのでWebViewを使ったシンプルなウェブブラウザを作ってみよう。

完成品はこんなの。

では、さっそく。

プロジェクトの作成

まずはプロジェクトを作成して動かしてみるところまで。

$ motion create Browser
    Create Browser
    Create Browser/.gitignore
    Create Browser/Rakefile
    Create Browser/app
    Create Browser/app/app_delegate.rb
    Create Browser/resources
    Create Browser/spec
    Create Browser/spec/main_spec.rb

$ cd Browser

$ rake
     Build ./build/iPhoneSimulator-5.1-Development
   Compile ./app/app_delegate.rb
    Create ./build/iPhoneSimulator-5.1-Development/Browser.app
      Link ./build/iPhoneSimulator-5.1-Development/Browser.app/Browser
    Create ./build/iPhoneSimulator-5.1-Development/Browser.app/Info.plist
    Create ./build/iPhoneSimulator-5.1-Development/Browser.app/PkgInfo
    Create ./build/iPhoneSimulator-5.1-Development/Browser.dSYM
  Simulate ./build/iPhoneSimulator-5.1-Development/Browser.app

$ motion create Browser

Create Browser

Create Browser/.gitignore

Create Browser/Rakefile

Create Browser/app

Create Browser/app/app_delegate.rb

Create Browser/resources

Create Browser/spec

Create Browser/spec/main_spec.rb

$ cd Browser

$ rake

Build ./build/iPhoneSimulator-5.1-Development

Compile ./app/app_delegate.rb

Create ./build/iPhoneSimulator-5.1-Development/Browser.app

Link ./build/iPhoneSimulator-5.1-Development/Browser.app/Browser

Create ./build/iPhoneSimulator-5.1-Development/Browser.app/Info.plist

Create ./build/iPhoneSimulator-5.1-Development/Browser.app/PkgInfo

Create ./build/iPhoneSimulator-5.1-Development/Browser.dSYM

Simulate ./build/iPhoneSimulator-5.1-Development/Browser.app

うん、特に何も問題ないですね。

真っ白なViewController

お次は、カスタムViewControllerを作って背景を白にするところまで。
ViewControllerを直接RootViewControllerにはせず、NavigationControllerでWrapします。（NavigationBarを使いたいだけ）

AppDelegateはこんな感じ。

class AppDelegate
  def application(application, didFinishLaunchingWithOptions:launchOptions)
    @window = UIWindow.alloc.initWithFrame(UIScreen.mainScreen.bounds)
    @window.rootViewController = UINavigationController.alloc.initWithRootViewController(BrowserViewController.alloc.init)
    @window.makeKeyAndVisible
    true
  end
end

class AppDelegate

def application(application, didFinishLaunchingWithOptions:launchOptions)

@window = UIWindow.alloc.initWithFrame(UIScreen.mainScreen.bounds)

@window.rootViewController = UINavigationController.alloc.initWithRootViewController(BrowserViewController.alloc.init)

@window.makeKeyAndVisible

true

end

BrowserViewControllerは背景色の設定のみ。

class BrowserViewController < UIViewController
  def viewDidLoad
    view.backgroundColor = UIColor.whiteColor
  end
end

class BrowserViewController < UIViewController

def viewDidLoad

view.backgroundColor = UIColor.whiteColor

end

ToolbarとNavigationBarを表示

ナビゲーションバーはデフォルトで出ているはずなのでツールバーのHiddenをfalseにすればOK。

BrowserViewControllerのviewDidLoadでやります。

    navigationController.setToolbarHidden(false, animated:false)

1	navigationController.setToolbarHidden(false, animated:false)

WebViewでGoogleを読み込む

UIWebViewを追加。loadRequestというメソッドを定義してGoogleを読み込んでみます。
delegateはselfにしておきます。

class BrowserViewController < UIViewController
  def viewDidLoad
    view.backgroundColor = UIColor.whiteColor
    navigationController.setToolbarHidden(false, animated:false)

    @webView = UIWebView.alloc.initWithFrame(
      CGRectMake(
        0,
        0,
        view.frame.size.width,
        view.frame.size.height - navigationController.toolbar.frame.size.height - navigationController.navigationBar.frame.size.height
      )
    )
    view.addSubview(@webView)

    loadRequest('http://google.com/')
  end

  def loadRequest(urlString)
    url = NSURL.URLWithString(urlString)
    request = NSURLRequest.requestWithURL(url)
    @webView.delegate = self
    @webView.loadRequest(request)
  end

end

class BrowserViewController < UIViewController

def viewDidLoad

view.backgroundColor = UIColor.whiteColor

navigationController.setToolbarHidden(false, animated:false)

@webView = UIWebView.alloc.initWithFrame(

CGRectMake(

view.frame.size.width,

view.frame.size.height - navigationController.toolbar.frame.size.height - navigationController.navigationBar.frame.size.height

)

view.addSubview(@webView)

loadRequest('http://google.com/')

end

def loadRequest(urlString)

url = NSURL.URLWithString(urlString)

request = NSURLRequest.requestWithURL(url)

@webView.delegate = self

@webView.loadRequest(request)

end

OKですね。

ロケーションバー

URL入力欄をつくります。

NavigationBarにテキスト欄を表示させる | nk-z.memo を参考にNavigationBarに埋め込みました。
Enterされた時にloadRequestを実行するため、selfをdelegateに設定し、textFieldShouldReturnメソッドを定義しています。
（以下のコード内のViewDidLoadは抜粋）

  def viewDidLoad

    @urlField = UITextField.alloc.initWithFrame(CGRectMake(0, 0, 300, 31))
    @urlField.font = UIFont.systemFontOfSize(14)
    @urlField.borderStyle = UITextBorderStyleRoundedRect
    @urlField.backgroundColor = UIColor.whiteColor
    @urlField.contentVerticalAlignment = UIControlContentVerticalAlignmentCenter
    @urlField.autocorrectionType = UITextAutocorrectionTypeNo
    @urlField.keyboardType = UIKeyboardTypeURL
    @urlField.returnKeyType = UIReturnKeyDone
    @urlField.delegate = self
    @urlField.text = 'http://google.com/'
    navigationItem.titleView = @urlField

  end

  # - (BOOL)textFieldShouldReturn:(UITextField *)textField
  def textFieldShouldReturn(textField)
    urlString = textField.text
    if urlString.length > 1
      loadRequest(urlString)
    end
    textField.resignFirstResponder
    true
  end

def viewDidLoad

@urlField = UITextField.alloc.initWithFrame(CGRectMake(0, 0, 300, 31))

@urlField.font = UIFont.systemFontOfSize(14)

@urlField.borderStyle = UITextBorderStyleRoundedRect

@urlField.backgroundColor = UIColor.whiteColor

@urlField.contentVerticalAlignment = UIControlContentVerticalAlignmentCenter

@urlField.autocorrectionType = UITextAutocorrectionTypeNo

@urlField.keyboardType = UIKeyboardTypeURL

@urlField.returnKeyType = UIReturnKeyDone

@urlField.delegate = self

@urlField.text = 'http://google.com/'

navigationItem.titleView = @urlField

end

# - (BOOL)textFieldShouldReturn:(UITextField *)textField

def textFieldShouldReturn(textField)

urlString = textField.text

if urlString.length > 1

loadRequest(urlString)

end

textField.resignFirstResponder

true

end

進む、戻る、更新、中止

ツールバーにそれぞれのボタンを追加し、対応するWebVIewのメソッドをアクションに設定します。
ViewDidLoadに以下を追加。

参考
ツールバーのボタン (UIBarButtonItem) の隠し API – 24/7 twenty-four seven

    @backItem = UIBarButtonItem.alloc.initWithBarButtonSystemItem(101, target:@webView, action:'goBack')
    @forwardItem = UIBarButtonItem.alloc.initWithBarButtonSystemItem(102, target:@webView, action:'goForward')
    @relaodItem = UIBarButtonItem.alloc.initWithBarButtonSystemItem(UIBarButtonSystemItemRefresh, target:@webView, action:'reload')
    @stopItem = UIBarButtonItem.alloc.initWithBarButtonSystemItem(UIBarButtonSystemItemStop, target:@webView, action:'stopLoading')
    @stopItem.enabled = false

    toolbarItems = [
      @backItem,
      @forwardItem,
      UIBarButtonItem.alloc.initWithBarButtonSystemItem(UIBarButtonSystemItemFlexibleSpace, target:nil, action:nil),
      @relaodItem,
      @stopItem
    ]
    toolbarItems.each do |item|
      item.style = UIBarButtonItemStyleBordered
    end
    setToolbarItems(toolbarItems, animated:false)

@backItem = UIBarButtonItem.alloc.initWithBarButtonSystemItem(101, target:@webView, action:'goBack')

@forwardItem = UIBarButtonItem.alloc.initWithBarButtonSystemItem(102, target:@webView, action:'goForward')

@relaodItem = UIBarButtonItem.alloc.initWithBarButtonSystemItem(UIBarButtonSystemItemRefresh, target:@webView, action:'reload')

@stopItem = UIBarButtonItem.alloc.initWithBarButtonSystemItem(UIBarButtonSystemItemStop, target:@webView, action:'stopLoading')

@stopItem.enabled = false

toolbarItems = [

@backItem,

@forwardItem,

UIBarButtonItem.alloc.initWithBarButtonSystemItem(UIBarButtonSystemItemFlexibleSpace, target:nil, action:nil),

@relaodItem,

@stopItem

]

toolbarItems.each do |item|

item.style = UIBarButtonItemStyleBordered

end

setToolbarItems(toolbarItems, animated:false)

最後に微調整

ローディング中にIndicatorを表示したり、ボタンを押せる時だけ有効にしたりします。
BrowserViewControllerで以下のようなWebViewのDelegateメソッドを追加すればOK。

参考
UIWebView下で、UIButtonの活性／不活性にする: iPhoneアプリ開発備忘録

  # - (void)webViewDidStartLoad:(UIWebView *)webView
  def webViewDidStartLoad(webView)
    UIApplication.sharedApplication.networkActivityIndicatorVisible = true
    @stopItem.enabled = true
  end

  # - (void)webViewDidFinishLoad:(UIWebView *)webView
  def webViewDidFinishLoad(webView)
    UIApplication.sharedApplication.networkActivityIndicatorVisible = false
    @backItem.enabled = @webView.canGoBack
    @forwardItem.enabled = @webView.canGoForward
    @stopItem.enabled = false
  end

  # - (void)webView:(UIWebView *)webView didFailLoadWithError:(NSError *)error
  def webView(webView, didFailLoadWithError:error)
    webViewDidFinishLoad(webView)
  end

# - (void)webViewDidStartLoad:(UIWebView *)webView

def webViewDidStartLoad(webView)

UIApplication.sharedApplication.networkActivityIndicatorVisible = true

@stopItem.enabled = true

end

# - (void)webViewDidFinishLoad:(UIWebView *)webView

def webViewDidFinishLoad(webView)

UIApplication.sharedApplication.networkActivityIndicatorVisible = false

@backItem.enabled = @webView.canGoBack

@forwardItem.enabled = @webView.canGoForward

@stopItem.enabled = false

end

# - (void)webView:(UIWebView *)webView didFailLoadWithError:(NSError *)error

def webView(webView, didFailLoadWithError:error)

webViewDidFinishLoad(webView)

end

おしまい

ちょっと眠くてやっつけ感がでましたが、思ったよりはまらず動きました。
（IBじゃなく）コーディングベースでiOS開発したことある人なら、難なくいけるでしょう。

ただ、この程度だとXCodeの方がはるかにお手軽ですねー。
テキストとか配列とか日付とかバリバリ処理するようなアプリになるとRubyのメリットが生きてくるのかな？

ソースはGitHubで公開しています。
RubyMotionApps/Browser at master · tnantoka/RubyMotionApps · GitHub

しばらくはいじるので、サンプルは適宜追加されるはずです。

RubyMotionのサンプルアプリ一覧

5月 08

自分で作り始める前にどんな風にやるのか掴むために、サンプルを覗いてみた。

$ git clone git://github.com/HipByte/RubyMotionSamples.git

1	$ git clone git://github.com/HipByte/RubyMotionSamples.git

でクローン。

プロジェクト名	概要
Beers	Mapアプリ。 NavigationController, TabBarControllerを使ったサンプル。
GestureTable	Clear（斬新なUIで話題となったTODOアプリ）のクローン
Hello	タッチした回数を数えるHello, world。 touchesMoved時に超チカチカして目に悪そう。
Locations	位置情報アプリ。 CoreData、TableViewControllerを使ったサンプル。
Mustache	Matzさん他いろんな人に髭をつけるサンプル（CIDetectorによる顔認識）
Paint	お絵描きサンプル
Timer	ストップウォッチサンプル
Trollify	画像合成アプリ。写真の好きなところにお面？をつけて保存する。キモい。
Tweets	Twitter検索。 HTTP通信（dispatch_asyncで処理）のサンプルになってる。

こんな感じだった。

何か全体的にsprintf（”%d” % num）が動いてない気がしたけど、僕の環境のせいかな？？

RubyMotion HelloWorld〜実機転送まで…行きたかったけどiOS4に対応してなかったので断念

5月 07

真っ黒画面

本家の
Welcome to RubyMotion
をそのままやってみる。

$ motion create Hello
    Create Hello
    Create Hello/.gitignore
    Create Hello/Rakefile
    Create Hello/app
    Create Hello/app/app_delegate.rb
    Create Hello/resources
    Create Hello/spec
    Create Hello/spec/main_spec.rb

$ cd Hello/

$ rake
     Build ./build/iPhoneSimulator-5.0-Development
   Compile ./app/app_delegate.rb
    Create ./build/iPhoneSimulator-5.0-Development/Hello.app
      Link ./build/iPhoneSimulator-5.0-Development/Hello.app/Hello
    Create ./build/iPhoneSimulator-5.0-Development/Hello.app/Info.plist
    Create ./build/iPhoneSimulator-5.0-Development/Hello.app/PkgInfo
    Create ./build/iPhoneSimulator-5.0-Development/Hello.dSYM
  Simulate ./build/iPhoneSimulator-5.0-Development/Hello.app
2012-05-07 22:03:37.656 Hello[7703:f803] Applications are expected to have a root view controller at the end of application launch
(main)>>

$ motion create Hello

Create Hello

Create Hello/.gitignore

Create Hello/Rakefile

Create Hello/app

Create Hello/app/app_delegate.rb

Create Hello/resources

Create Hello/spec

Create Hello/spec/main_spec.rb

$ cd Hello/

$ rake

Build ./build/iPhoneSimulator-5.0-Development

Compile ./app/app_delegate.rb

Create ./build/iPhoneSimulator-5.0-Development/Hello.app

Link ./build/iPhoneSimulator-5.0-Development/Hello.app/Hello

Create ./build/iPhoneSimulator-5.0-Development/Hello.app/Info.plist

Create ./build/iPhoneSimulator-5.0-Development/Hello.app/PkgInfo

Create ./build/iPhoneSimulator-5.0-Development/Hello.dSYM

Simulate ./build/iPhoneSimulator-5.0-Development/Hello.app

2012-05-07 22:03:37.656 Hello[7703:f803] Applications are expected to have a root view controller at the end of application launch

(main)>>

こんな感じで真っ黒な画面がシミュレータで立ち上がる。
終了は、

(main)>>exit

1	(main)>>exit

でいいのかな。

古いXcodeを入れたままにしている人はRubyMotion1.2以降だと、

$ rake
===============================================================================
It appears that you have a version of Xcode installed in /Applications that has
not been set as the default version. It is possible that RubyMotion may be
using old versions of certain tools which could eventually cause issues.

To fix this problem, you can type the following command in the terminal:
    $ sudo xcode-select -switch /Applications/Xcode.app/Contents/Developer
===============================================================================

$ rake

===============================================================================

It appears that you have a version of Xcode installed in /Applications that has

not been set as the default version. It is possible that RubyMotion may be

using old versions of certain tools which could eventually cause issues.

To fix this problem, you can type the following command in the terminal:

$ sudo xcode-select -switch /Applications/Xcode.app/Contents/Developer

===============================================================================

っていうエラーが出て、デフォルトでiOS5.0が使われちゃう（あといろいろバグあるらしい）ので、
$ sudo xcode-select -switch /Applications/Xcode.app/Contents/Developer
しておきましょう。

と思ったけど、これやったら、

2012-05-07 22:23:22.621 Hello[8270:f803] Could not find mapped image ColorOnGrayShadow_DataType4G_2only_.png

1	2012-05-07 22:23:22.621 Hello[8270:f803] Could not find mapped image ColorOnGrayShadow_DataType4G_2only_.png

っていうエラーと共にアプリのステータスバーが消えて起動できなくなっちゃったので、

$ sudo xcode-select -switch /Developer

1	$ sudo xcode-select -switch /Developer

で戻した。
すぐ修正されるだろうから、とりあえずですね。

2012-05-08 23:20 追記

ダメ元で今日同じ手順でxcode-selectしたら問題なく動くようになってた。
何だったんだろ？？

アラート表示

次はお馴染みのHello, world!
ドキュメントの通り、

$  vim app/app_delegate.rb
class AppDelegate
  def application(application, didFinishLaunchingWithOptions:launchOptions)
    alert = UIAlertView.new
    alert.message = "Hello World!"
    alert.show
    true
  end
end

$ vim app/app_delegate.rb

class AppDelegate

def application(application, didFinishLaunchingWithOptions:launchOptions)

alert = UIAlertView.new

alert.message = "Hello World!"

alert.show

true

end

とすれば問題なく表示された。

実機転送（断念）

$ rake device

1	$ rake device

ってやれば実機転送出来るって書いてあったので、Provisioning Profileとかどうすんの？と思いながらやってみた。

error: DeviceOSVersionTooLow

1	error: DeviceOSVersionTooLow

手元のiPhoneがiOS4.3だったorz。
RubyMotion Project Management Guideに従って、

$:.unshift("/Library/RubyMotion/lib")
require 'motion/project'

Motion::Project::App.setup do |app|
  # Use `rake config' to see complete project settings.
  app.name = 'Hello'
  app.deployment_target = "4.3"
  app.identifier = "com.bornneet.motionHello"
end

$:.unshift("/Library/RubyMotion/lib")

require 'motion/project'

Motion::Project::App.setup do |app|

# Use `rake config' to see complete project settings.

app.name = 'Hello'

app.deployment_target = "4.3"

app.identifier = "com.bornneet.motionHello"

end

な感じでdeployment targetを指定してやる。（ちなみに、おんなじ要領でprovisioning profileも変更できるっぽい。）
いざ！！

    ERROR! iOS deployment target 4.3 is not supported by this version of RubyMotion

1	ERROR! iOS deployment target 4.3 is not supported by this version of RubyMotion

まじすか…。

ちょっと手元の4.3の環境を失いたくないので一旦実機転送は諦める方向で。

だいぶわかってきたので（本当か？）次はもうちょいちゃんとしたアプリを作ってみよう。

RubyMotionのインストール

5月 07

RubyMotion Store から買う。
フォームが使いにくいことに一抹の不安を覚えるけど、気にしないことにする。

すると、「HipByte Support <mailer at fastspring.com>」から、
「お客様のご注文: RubyMotion [HIPXXXXXX-YYYY-ZZZZZ]」なるメールがくる。
が、これは単なる注文確認なので気にしない。

次に「Your RubyMotion License – Order HIPXXXXXX-YYYY-ZZZZZ」っていうメールが来る。
こっちが本命。
僕の場合は逆転して届いたぐらいだから、ほぼリアルタイムに来るはず。

このメールに、zipファイルのダウンロード先が書いてあるので落とします。
そして、ライセンスキーも載っているのでコピーしておきましょう。

ダウンロードが終わったら解凍してIntstrallerを起動。
ライセンスを入力して進めば、特につまずくこともなく終わるはず。

それではターミナルを起動してみます。

$ which motion
/usr/bin/motion

$ motion -v
1.1

$ which motion

/usr/bin/motion

$ motion -v

1.1

おぉ、無事入ってるみたいですね。

一応アップデートしとこう。

$ sudo motion update
Password:
Connecting to the server...
Software is up to date

$ sudo motion update

Password:

Connecting to the server...

Software is up to date

元々最新の1.1だったので、これ以上のアップデートは現時点ではない、と。

めでたしめでたし。

というわけで、次はHello, world!

2012-5-7 22:06 追記

他の作業してたら、

$ rake
================================================================================
 A new version of RubyMotion is available. Run `sudo motion update' to upgrade.
================================================================================

$ rake

================================================================================

A new version of RubyMotion is available. Run `sudo motion update' to upgrade.

================================================================================

ってわりとけたたましく怒られたので、sudo motion updateした。
最新版は1.2ですね。いくつかバグ修正があったみたい。

特に問題なくupdateできてよかった。

Previous 1 2 3 Next Scroll to top

tobioka.net

You Ain't Gonna Need It

Ruby

My First RubyMotion App: Very Simple Web Browser

Creating Project

White Background ViewController

Showing Toolbar and NavigationBar

Loading Google by WebView

Adding LocationBar

Forward, Back, Refresh, Stop

Adjustment for Usability

Conclusion

初めてのRubyMotionアプリ：超シンプルなWeb Browser

プロジェクトの作成

真っ白なViewController

ToolbarとNavigationBarを表示

WebViewでGoogleを読み込む

ロケーションバー

進む、戻る、更新、中止

最後に微調整

おしまい

RubyMotionのサンプルアプリ一覧

RubyMotion HelloWorld〜実機転送まで…行きたかったけどiOS4に対応してなかったので断念

真っ黒画面

アラート表示

実機転送（断念）

RubyMotionのインストール

Find us on Facebook

最近の投稿

最近のコメント

カテゴリー

アーカイブ

Ruby

Creating Project

White Background ViewController

Showing Toolbar and NavigationBar

Loading Google by WebView

Adding LocationBar

Forward, Back, Refresh, Stop

Adjustment for Usability

Conclusion

プロジェクトの作成

真っ白なViewController

ToolbarとNavigationBarを表示

WebViewでGoogleを読み込む

ロケーションバー

進む、戻る、更新、中止

最後に微調整

おしまい

真っ黒画面

アラート表示

実機転送（断念）

Find us on Facebook

最近の投稿

最近のコメント

カテゴリー

タグ

アーカイブ