Presentation given at RubyWorld 2014 (Matsue, Japan), a business conference about the Ruby programming language. Slides in Japanese / English. Sample code: https://github.com/lrz/rubymotion-hybrid-sample

1. RUBYMOTION
Bringing the Ruby language
into the mobile world

2. Laurent Sansonetti

3. Founder of HipByte
(RubyMotion)

4. 2001年から
Ruby信者です
I love Ruby since 2001

5. ここにいる皆さんも
Ruby信者ですよね
We are all here because we love Ruby

7. Rubyで優れている点は
何でしょうか？
What is the best thing about Ruby?

8. 文法が、
The syntax

9. パワフルで簡潔なこと
Concise, yet powerful

10. 初心者が学ぶのが
簡単なこと
Easy enough to learn for beginners

11. 柔軟性があること
Flexible enough for advanced use

12. Some may say Ruby is a bad rip-off of Lisp or
Smalltalk, and I admit that. But it is nicer to
ordinary people.
!
— matz

13. Ruby文法を最も活用して
いるものは何でしょう？
What is the best use of the Ruby syntax?

14. DSLs

15. Domain Specific
Languages

16. 特定機能を高いレベル
で抽象化します
Wrap a particular functionality into a
higher-level abstraction

17. 抽象化された機能は
自然なインタフェースで
記述できます
The abstraction becomes a natural
language interface

18. より簡単に機能を利用
できるようなります
The functionality can then be
accessed more easily

19. Complex → Simple

20. Programmers → Happy

21. RubyはWeb開発で
とてもポピューラです
Ruby is very popular for
Web development

22. 多くのWebアプリが
Rubyで書かれています
There are lots of Web apps
written in Ruby

23. Twitter, Github,
Basecamp, etc.

24. なぜでしょう？
Why so?

25. Ruby on Rails

26. RailsはWeb開発用の
Ruby製フレームワーク
Rails is a Ruby framework for
Web development

27. RailsはWeb開発を容易
にしました
Rails makes Web development easier

28. RailsはWebテクノロジー
に特化したDSLです
Rails is a DSL for Web technologies

29. Complex → Simple

30. Programmers → Happy

31. Change

32. 現在、モバイルデバイスは
PCシェアを奪っています
Mobile devices are now replacing
personal computers

33. Source: http://ben-evans.com/benedictevans/2014/10/28/presentation-mobile-is-eating-the-world

34. PC → Phone / Tablet

35. Source: http://ben-evans.com/benedictevans/2014/10/28/presentation-mobile-is-eating-the-world

36. 多くの人々は、ネットの閲覧
などにモバイルデバイスを利
用しています
Most people use mobile devices
to be connected

37. モバイルの世界では、
２つの巨人がいます
Two major players in the
mobile industry

38. Apple and Google

39. iOS and Android

40. Smartphone Market Share
80%
60%
40%
20%
0%
iOS Android
2012 2013
78.6%
69%
18.7% 15.2%
Source: © IDC (Jan 2014)

41. Tablet Market Share
70%
53%
35%
18%
0%
2012 2013
61.9%
45.8%
36%
52.8%
iOS Android
Source: © Gartner (March 2014)

42. モバイルマーケットのほぼ
すべてがiOSとAndroidです
Almost all of the mobile market is
iOS and Android

43. デバイスは20億以上
+2 billion devices combined

44. モバイルデバイスはア
プリを実行できます
Mobile devices run apps

45. Webアプリの技術を利用
し、アプリを開発できます
It is possible to write mobile apps
using Web technologies

46. しかし、エンドユーザは
ネイティブなモバイルアプリ
を好みます
But end users prefer using
native mobile apps

47. ネイティブアプリは、iOSや
AndroidのSDK APIを使用し開発
されます
Native apps are written using the
platform SDK APIs

48. ネイティブアプリはよ
り良いUXを提供します
Native apps provide a better user
experience

49. ネイティブアプリは軽
快に動作します
Native apps are faster

50. Facebook released major upgrades to its iPhone and iPad
apps. Those who have suffered from the sluggishness of
the current apps can breathe a collective sigh of relief:
these new versions are much faster.
!
The apps look nearly identical to their predecessors. The
main difference is that most of their old Web-based code
has been replaced with the native programming code
used for iOS, Apple’s mobile operating system.
!
New York Times, August 23, 2012
Source: http://bits.blogs.nytimes.com/2012/08/23/facebook-iphone-ipad/

51. We have definitely shifted from HTML5 to
native. The primary reason for that is, we’re seeing
that more and more people are spending more
time in the app, and the app is running out of
memory. […]
!
The second reason we’ve gone native is trying to
get some of the animations — the spinners and
the way they work — getting that smoothness,
we felt like we needed native to really do that well.
!
Venture Beat, April 17, 2013
Source: http://venturebeat.com/2013/04/17/linkedin-mobile-web-breakup

52. 現在、ネイティブなモバイル
アプリ開発は分断化されてい
ます
The current state of native mobile
development is fragmented

53. Language IDE APIs
iOS Objective-C
Swift Xcode iOS SDK
Android Java Android Studio Android SDK

54. 異なる二つの開発言語
Two different languages

55. コードの共有は
困難
Difficult to share code

56. 異なる二つのIDE
Two different IDEs

57. 開発の効率が悪い
Difficult to be efficient

58. どうにか簡単にすること
ができないでしょうか？
Can we make this simpler?

59. Language IDE APIs
iOS Objective-C /
Swift Xcode iOS SDK
Android Java Android Studio Android SDK

60. Language IDE APIs
iOS
Ruby
Xcode iOS SDK
Android Android Studio Android SDK

61. 共通言語としてのRuby
Ruby as a common platform language

62. Language IDE APIs
iOS
Ruby
Xcode iOS SDK
Android Android Studio Android SDK

63. Language IDE APIs
iOS
Ruby Your favorite
editor
iOS SDK
Android Android SDK

64. 開発者はテキストエディ
タにこだわりがあります
Developers have strong opinions
regarding text editors

65. 開発者には好きなエディタを
使用していただきましょう
Let’s make them use the editor
they like

67. RUBYMOTION

68. Rubyで、iOSとAndroidのネイ
ティブアプリを開発できます
Write iOS and Android native apps
in Ruby

69. iOS向けのRubyの実装
Implementation of Ruby for iOS

70. iOS / OS X
Objective-C Runtime
RubyMotion Objective-C

71. iOS APIをネイティブに
呼び出します
Call into the native iOS APIs natively

72. ブリッジでは
ありません
Not a bridge

73. iOS Hello World
class AppDelegate
def application(application, didFinishLaunchingWithOptions:options)
label = UILabel.new
label.text = "Hello World!"
label.sizeToFit
!
viewController = UIViewController.new
viewController.view.backgroundColor = UIColor.whiteColor
label.center = viewController.view.center
viewController.view.addSubview(label)
!
frame = UIScreen.mainScreen.applicationFrame
@window = UIWindow.alloc.initWithFrame(frame)
@window.rootViewController = viewController
@window.makeKeyAndVisible
!
true
end
end

74. iOS Hello World
class AppDelegate
def application(application, didFinishLaunchingWithOptions:options)
label = UILabel.new
label.text = "Hello World!"
label.sizeToFit
!
viewController = UIViewController.new
viewController.view.backgroundColor = UIColor.whiteColor
label.center = viewController.view.center
viewController.view.addSubview(label)
!
frame = UIScreen.mainScreen.applicationFrame
@window = UIWindow.alloc.initWithFrame(frame)
@window.rootViewController = viewController
@window.makeKeyAndVisible
!
true
end
end

75. Android向けの
Rubyの実装
Implementation of Ruby for Android

76. RubyMotion
Java
Android
Dalvik / ART
Java Native
Interface

77. Android APIをネイティ
ブに呼び出します
Call into the native Android
APIs natively

78. ブリッジでは
ありません
Not a bridge

79. Android Hello World
class MainActivity < Android::App::Activity
def onCreate(savedInstanceState)
super
!
text = Android::Widget::TextView.new(self)
text.text = 'Hello RubyMotion!'
self.contentView = text
end
end

80. Android Hello World
class MainActivity < Android::App::Activity
def onCreate(savedInstanceState)
super
!
text = Android::Widget::TextView.new(self)
text.text = 'Hello RubyMotion!'
self.contentView = text
end
end

81. RubyMotionは、アプリ
を静的コンパイルします
RubyMotion apps are statically
compiled

83. Compilation
Ruby File
AST
LLVM IR
Assembly
Machine Code

84. アプリは機械語に変換さ
れたバイナリになります
RubyMotion apps are
machine-code binaries

85. インタプリタでは
ありません
No interpreter

86. RubyMotionは成功した
エコシステムです
RubyMotion is a successful ecosystem

87. チームで開発しています
Developed by a team of thought
leaders

88. Team

89. Team

90. 2012年に着手しました
Launched in 2012

91. 数千の顧客
Thousands of customers

92. 多くのRubyMotion 製のアプ
リがリリースされています
Lots of RubyMotion apps in production

93. Bandcamp
RubyMotion lets us write the
Bandcamp app without that
dirty feeling you get from
fooling around with Xcode.
!
Like the best tools, it makes the
hard things easy.
!
Daniel Dickison

94. Frontback
With RubyMotion, it’s easier to
get on board. Every line you write
is needed application logic,
nothing more.The fact you don’t
have to use XCode is a big win.
!
Melvyn Hills

95. A Dark Room
Idiomatic Ruby wrappers on top
of iOS, frictionless workflows, and
the “it just works” culture that
Ruby fosters, trumps any
hesitation I once had with
RubyMotion.
!
Amir Rajan

96. 今後のRubyMotionアプリ開
発について少し紹介します
Let’s have a glimpse of the future of
RubyMotion app development

97. ハイブリッドな
プロジェクトになります
The future is hybrid projects

98. アプリのプロジェクトは
iOSとAndroid両方を対象
Projects that work on both iOS and
Android

99. ひとつのコードベース
One codebase

100. プラットフォームに依存
したコードをなくします
Isolate platform-specific code

101. ポータブルに抽象化し
たDSLを使用します
Use portable high-level abstractions
(DSLs)

102. Language IDE APIs
iOS
Ruby Your favorite
editor
iOS SDK
Android Android SDK

103. Language IDE APIs
iOS
Ruby Your favorite
editor
Community
DSLs
Android

104. Demo

105. まとめ
Conclusion

106. ネイティブなモバイルアプリ
開発は分断化されています
Mobile development is fragmented

107. RubyMotionは独自の技術を提
供し、開発をより簡単にします
RubyMotion makes it easier by
providing a unique experience

108. 開発言語はひとつです
One language

110. 開発環境はひとつです
One development environment

112. ポータブルに抽象化し
たDSL
Portable high-level abstractions (DSLs)

113. Complex → Simple

114. Programmers → Happy

115. ありがとうございます
Thank you!
@rubymotion
info@rubymotion.com
rubymotion.com