tobioka.net

RubyMotion

RubyMotionを1週間触ってみた印象

5月 13

2013-2-5 未だに一定のアクセスがあるようなので念の為追記。

ここにあるのは、2012年5月時点（出たばっかり）で会社として全面的に採用するかどうか、という前提の話なので、もはや役に立つ情報ではありませんm(_ _)m
※ じゃあ非公開にしろよという話なんですが、僕自身このプレゼン資料のネガティブさを大変反省していて、忘れないように残しています。

当時から個人のおもちゃとしては十分おもしろかったですが、あれからRubyMotion自体もどんどん進化して、周辺環境も整っており、組織的な採用を検討する価値があるのではないでしょうか？ Pixate とかとの親和性も高そう。（僕も再チャレンジしたいんだけど、お金と時間が足りない^^）

追記おしまい。

5-11に会社でオープンソースカフェに行ったんだけどその時にしゃべった。
新しい情報はないし、若干ネガティブなので見ても良いことはないと思う。
こういうしょうもない発表はもうしないぞ、という反省の意味も込めて貼っとく。

あ、当日は省略したけど、XcodeとRubyMotionで作った同じプロジェクト（超適当ブラウザ）は以下のGitHubに置いてある。
RubyMotionApps/TinyBrowser at master · tnantoka/RubyMotionApps · GitHub

RubyMotionを1週間触ってみた印象

View more presentations from Tatsuya Tobioka

その場であった指摘とか

インタラクティブにコンソールから操作とかできるのはメリットあるのでは？
→ 確かにその通り。資料に入れなかった僕のミス。ただ現時点ではそこまでメリット感じず。
gemでの拡張性
→ その反面Objective-Cのライブラリが一部しか使えないという制約もある。
Objective-Cを吐ける機能があったら良いよね！
楽しければそれでいいじゃん！！

まとめ

元々僕はこういうツールは苦手。
でも会社にはRubyは書けるけどObj-Cは触れない人がいて、その目的になら使える？と考えたんだけど、まだ会社で使うのは無理かな、という印象。

いずれにしろできたばかりの現時点で評価を下すのは早いと思う。公開してすぐ判断下されたら開発側もたまらんだろうし。

ただ、余裕のない僕としてはこれ以上時間を投資できないと判断しました。
しばらくはウォッチの体制に入ります。

というわけでObjective-Cでの開発に戻ります、作るぞー。

RedcarエディタでRubyMotionの入力補完

5月 09

ここ最近RubyMotionをいじってるんだけど、一番不便なのはXcodeのあのサクサクなオートコンプリートの恩恵を受けられないこと。
iOSのAPIは命名規則的に超長くなりがちなので空で打つのとか絶対無理。

そんな中、

RubyMotion Autocompletion – kattrali’s library

なるものを発見。これは使うっきゃない。

Redcar?

RedcarはRuby製のTextMate風テキストエディタらしい。（GPLなオープンソース）
JRubyで動作し、クロスプラットフォームなのがウリ。

早速入れてみよう。
installはgemで。
試した環境はrvmなruby1.9.2。

$ which ruby
~/.rvm/rubies/ruby-1.9.2-p290/bin/ruby
$ ruby -v
ruby 1.9.2p290 (2011-07-09 revision 32553) [x86_64-darwin11.1.0]

$ gem install redcar

$  redcar -v
Redcar 0.13 ( x86_64-darwin11.1.0 )

$ which ruby

~/.rvm/rubies/ruby-1.9.2-p290/bin/ruby

$ ruby -v

ruby 1.9.2p290 (2011-07-09 revision 32553) [x86_64-darwin11.1.0]

$ gem install redcar

$ redcar -v

Redcar 0.13 ( x86_64-darwin11.1.0 )

redcarコマンドでRubyMotionのプロジェクトとかを指定して開けばOK。

$ redcar <ディレクトリ>

1	$ redcar <ディレクトリ>

な感じ。

Redcar+RubyMotion

次に当初の目的であったRubyMotionのプラグインを入れる。

Redcar+RubyMotion by kattrali

redcarを終了して、

$ git clone git://github.com/kattrali/redcar-rubymotion.git ~/.redcar/plugins/rubymotion

1	$ git clone git://github.com/kattrali/redcar-rubymotion.git ~/.redcar/plugins/rubymotion

すればOK。
READMEに書いてある、rm ~/.redcar/cache/textmate-bundles.cache は不要だった。

これで、Redcarにcocoaメニューが追加される。

これは良い！

Save時にsyntaxエラーを表示してくれる
Control + Shift + Spaceで入力補完
Command+Rで実行（他にもいろんなrakeコマンドが実行できる）

などなど…。

Javaなので起動がちょっと重いけど、十分なメリットがある。

しばらくこれで開発しよう。

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 Projects on github tested by me | Hacker News

5月 08

RubyMotion Projects on github tested by me | Hacker News.

GitHub上にあるRubyMotion製のプロジェクトをテストしてやったぜ、とのこと。
サンプルアプリの一覧として使える。

自分のProjectを載せて欲しければコメントすればよさそう。

1 2 Next Scroll to top

tobioka.net

You Ain't Gonna Need It

RubyMotion

RubyMotionを1週間触ってみた印象

その場であった指摘とか

まとめ

RedcarエディタでRubyMotionの入力補完

Redcar?

Redcar+RubyMotion

これは良い！

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 Projects on github tested by me | Hacker News

Find us on Facebook

最近の投稿

最近のコメント

カテゴリー

アーカイブ

RubyMotion

その場であった指摘とか

まとめ

Redcar?

Redcar+RubyMotion

これは良い！

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

最近の投稿

最近のコメント

カテゴリー

タグ

アーカイブ