tobioka.net

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できてよかった。

RubyMotionの日本語参考記事まとめ

5月 07

今流行り（？）のRubyMotionを触ってみることになったので、
まずは参考になりそうなリンクを一覧にしておく。

触っていく中で増えたら追加する。
（でもそれはたぶん日本語じゃないから違うエントリか？まぁいいか）

Rails Hub情報局: MacRubyがiOSに来た！RubyでiOSのネイティブアプリ開発ができる「RubyMotion」登場
プチブームの発端になったと思われる記事。
僕もこの記事で知った。

RubyMotion – Ruby for iOS
公式。日本語じゃないけど一応。
ドキュメント・サンプルが充実してるあたりガチな感じでちょっと安心感がある。
企業がやってるんだからそりゃガチなんだろうけど。

RubyMotion | ひげろぐ
いち早くRubyMotionなエントリを連発されてるひげろぐさん。
CocoaPodsによるライブラリの利用やTitaniumとの比較などとても参考になりそう。

Category: RubyMotion – Watson’s Blog
MacRuby（RubyMotionの動作環境）のコミッターの方のブログ。
Hello, worldを実際に作ってみる記事が参考になる。

Titaniumから少し浮気してRubyMotionいじってみた感想など – TitaniumMobile勉強記
Titaniumとの比較。
「これRubyさえ知ってればiOS開発ができるぜ！」という勘違いをしてる人はこれを呼んで踏みとどまってはいかがでしょうか。

RubyMotionタグが付けられた投稿 – Qiita
Qiita。まだ1記事（Hello worldのログ）しかないっぽい。

[2012-05-08] 漏れてたので追記。
iOSでMacRubyを使う–RubyMotionとは？ | MacRuby
メリット・デメリットの冷静な分析。

[2012-05-10] InfoQに記事が載ってたので一応追記。
InfoQ: iOS 用の静的 Ruby コンパイラ

今あるのはこんなもんかな。

Hello, world!動かすまでは十分日本語情報で行けそう。

その先はDocument, Sampleと格闘だなー。

目指せアーリーアダプタ！

Mobile Safariでロード後に1pxスクロールするあれはやめた方がいいと思う

5月 05

iPhoneのMobile Safari用のサイトを作る際、
URLバー（ロケーションバー）をデフォルトで非表示にするため、
ページ読み込み完了時にwindow.scrollTo()で1pxだけスクロールさせるというテクニックがあります。

しかしこれには重大な欠点がありまして、読込中にコンテンツをスクロールしてても完了時に1pxのところに強制的に戻されちゃうのです。
ページ読み込み完了をおとなしく待ってるユーザがどれほどいるでしょうか。
しかも、ほとんどの場合、速度の遅い3G回線を使っているはずです。

というわけで、基本的にやらない方がよいと思います。特に長いコンテンツがあるページでは。
そもそもスクロールしたら勝手に非表示になりますしね。

どうしてもやりたいなら、せめて、Scrollバーの座標（iOS4からscrollTopが取れるようになったらしい）を見て、「既にスクロールされてなければ」という条件を入れるべきなんじゃないかなぁ。

たぶんいろんなところで指摘されてて今更なんだろうけど、立て続けにそういうサイトを見て気になったので。

そもそもデフォルトで隠したいのはなんでだろ？
隠れた状態の画面の長さピッタリのコンテンツを作りたい時には有効なのかな？？
ホーム画面に登録してなくてもアプリっぽく見せたい？？？

Previous 1 … 22 23 24 25 26 27 Next Scroll to top

tobioka.net

You Ain't Gonna Need It

RubyMotionのサンプルアプリ一覧

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

真っ黒画面

アラート表示

実機転送（断念）

RubyMotionのインストール

RubyMotionの日本語参考記事まとめ

Mobile Safariでロード後に1pxスクロールするあれはやめた方がいいと思う

Find us on Facebook

最近の投稿

最近のコメント

カテゴリー

アーカイブ