Having Fun with RubyMotion

Little intro to mobile development in iOS with Ruby, check out how this toolchain gives you the power of Ruby in the mobile world.

Transcript

1. Having fun with Ruby Motion Sunday, August 25, 13
2. Who am I? •Happy husband and father of two little girls •iOS dev at Sergata Mobile doing Objective-C by day •@yaakov_g •github/yasha0x80 •http://www.yaakov.io Sunday, August 25, 13
3. Here is where I play with iOS stuff sergata.com Sunday, August 25, 13
4. Colombia Sunday, August 25, 13
5. Sunday, August 25, 13
6. So what is RubyMotion? Sunday, August 25, 13
7. Toolchain for building native apps for Mac OSX and iOS Sunday, August 25, 13
8. Ingredients Sunday, August 25, 13
9. Some ingredients: Sunday, August 25, 13
10. • LLC compiler (llvm system compiler) Some ingredients: Sunday, August 25, 13
11. • LLC compiler (llvm system compiler) • RubyMotion's own ruby 1.9.2 Some ingredients: Sunday, August 25, 13
12. • LLC compiler (llvm system compiler) • RubyMotion's own ruby 1.9.2 • some other stuff like a parser from MRI Some ingredients: Sunday, August 25, 13
13. • LLC compiler (llvm system compiler) • RubyMotion's own ruby 1.9.2 • some other stuff like a parser from MRI • scripts to set things up Some ingredients: Sunday, August 25, 13
14. So this is the free stuff Sunday, August 25, 13
15. It’s not a bridge! Sunday, August 25, 13
16. So you can feel at home... Sunday, August 25, 13
17. So... RubyMotion = Ruby in your pocket? Not exactly... Sunday, August 25, 13
18. The Compiler Sunday, August 25, 13
19. The Compiler Sunday, August 25, 13
20. hello.rb def hello(what) puts “Hello {what}” end Sunday, August 25, 13
21. define internal i32 @”rb_scope__hello__” (i32 %self, i8 %sel, i32 %what) { MainBlock: etc.......... %2 = load i8** @0 %3 = call i32 @rb_str_new(i8*getelementptr...) %4 = load i32* %0 etc.......... LLVM bitcode Sunday, August 25, 13
22. LLVM IR assembly .align 44, 0x90 “_rb_scope__hello:__”: Ltmp732: Lfunc_begin82: .loc 1 0 0 ## BB#0: pushl %ebp #etc... movl %aex, -28(%ebp) leal ___unnamed_5-L82$pb(%ebx),%eax #etc... Sunday, August 25, 13
23. Your Ruby code Ruby 1.9 parser AST nodes RubyMotion compiler LLVM IR instructions LLVM IR instructions LLVM code generator LLVM bit code LLVM code genarator Machine language for iOs device Sunday, August 25, 13
24. Sunday, August 25, 13
25. A lot of stuff to talk about but.. Sunday, August 25, 13
26. So lets start with some iOS Sunday, August 25, 13
27. Do I need to learn Objective-C? Sunday, August 25, 13
28. Cocoa and Cocoa-Touch are ... Sunday, August 25, 13
29. Big Sunday, August 25, 13
30. { { iOS OS X Sunday, August 25, 13
31. UIKit framework Sunday, August 25, 13
32. { 768 Classes 120 Protocols 9953 Methods 2016 Constants Sunday, August 25, 13
33. Apple docs Sunday, August 25, 13
34. RubyMotion docs Sunday, August 25, 13
35. [W]rappers Sunday, August 25, 13
36. Some syntax Sunday, August 25, 13
37. foo.bar(baz) [foo bar:baz]; Sunday, August 25, 13
38. The Grandpa Sunday, August 25, 13
39. [|] Smalltalk [:] Sunday, August 25, 13
40. Objective-C class BigGuy.h #import <Foundation/Foundation.h> @interface BigGuy : NSObject @property (nonatomic,strong) NSString *bigGuyName; - (void)printMessage; @end BigGuy.m #import "BigGuy.h" @implementation BigGuy - (id)init { self = [super init]; if(self) { // Do something } return self; } - (void)printMessage { NSLog(@"My name is %@",self.bigGuyName); } @end Sunday, August 25, 13
41. A little bit complex I don’t get it Sunday, August 25, 13
42. We know these ones class LittleGuy attr_accessor :name def print_guy_name puts "My name is #{name}" end end Sunday, August 25, 13
43. Well this looks really Ruby to me,let’s make some iOS apps Sunday, August 25, 13
44. What about this? Sunday, August 25, 13
45. def glkView(view, drawInRect:rect) glClearColor(@curRed, 0.0, 0.0, 1.0); glClear(GL_COLOR_BUFFER_BIT); @effect.prepareToDraw glBindBuffer(GL_ARRAY_BUFFER, @vertexBuffer) glBindBuffer(GL_ELEMENT_ARRAY_BUFFER, @indexBuffer) glEnableVertexAttribArray(GLKVertexAttribPosition) glVertexAttribPointer(GLKVertexAttribPosition, 3, GL_FLOAT, GL_FALSE, 9*4, Pointer.magic_cookie(0)) glEnableVertexAttribArray(GLKVertexAttribColor) glVertexAttribPointer(GLKVertexAttribColor, 4, GL_FLOAT, GL_FALSE, 9*4, Pointer.magic_cookie(3*4)) glEnableVertexAttribArray(GLKVertexAttribTexCoord0); glVertexAttribPointer(GLKVertexAttribTexCoord0, 2, GL_FLOAT, GL_FALSE, 9*4, Pointer.magic_cookie(7*4)); glDrawElements(GL_TRIANGLES, @indices.size, GL_UNSIGNED_BYTE, Pointer.magic_cookie(0)) end Sunday, August 25, 13
46. just a bit out of place? Sunday, August 25, 13
47. def glkView(view, drawInRect:rect) glClearColor(@curRed, 0.0, 0.0, 1.0); glClear(GL_COLOR_BUFFER_BIT); ??? Sunday, August 25, 13
48. def hello(msg,what) puts "#{msg} #{what}" end Sunday, August 25, 13
49. def hello(msg,what:name) puts "#{msg} #{name}" end Sunday, August 25, 13
50. Sunday, August 25, 13
51. that’s it? Sunday, August 25, 13
52. You still need to know about delegates, protocols, xibs, blocks, talking to C code, etc.. Sunday, August 25, 13
53. Let’s put something together to get the idea Sunday, August 25, 13
54. but first... What about the environment? Sunday, August 25, 13
55. IDE? Sunday, August 25, 13
56. Xcode Sunday, August 25, 13
57. I got it you just press here and there... Sunday, August 25, 13
58. Xcode is not ... Sunday, August 25, 13
59. Sunday, August 25, 13
60. Sunday, August 25, 13
61. Editors Sunday, August 25, 13
62. [Mac]Vim Sunday, August 25, 13
63. Sublime Text 2 Sunday, August 25, 13
64. RubyMine Sunday, August 25, 13
65. Or just... Sunday, August 25, 13
66. $ motion Usage: motion [-h, --help] motion [-v, --version] motion <command> [<args...>] Commands: account Access the software license account activate Activate the software license create Create a new project ri Display API reference support Create a support ticket update Update the software joybox:generateJoybox: Class Genarator joybox:retinaJoybox: Retina Genarator Sunday, August 25, 13
67. $motion create demoapp Sunday, August 25, 13
68. Sunday, August 25, 13
69. Sunday, August 25, 13
70. Let’s begin with delegates! Sunday, August 25, 13
71. #import "AppDelegate.h" @implementation AppDelegate - (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions { self.window = [[UIWindow alloc] initWithFrame:[[UIScreen mainScreen] bounds]]; // Override point for customization after application launch. self.window.backgroundColor = [UIColor whiteColor]; [self.window makeKeyAndVisible]; return YES; } - (void)applicationWillResignActive:(UIApplication *)application { // Sent when the application is about to move from active to inactive state. This can occur for certain types of temporary interruptions (such as an incoming phone call or SMS message) or when the user quits the application and it begins the transition to the background state. // Use this method to pause ongoing tasks, disable timers, and throttle down OpenGL ES frame rates. } - (void)applicationDidEnterBackground:(UIApplication *)application { // Use this method to release shared resources, save user data, invalidate timers, and store enough application state information to restore your application to its current state in case it is terminated later. // If your application supports background execution, this method is called instead of applicationWillTerminate: when the user quits. } etc ... @end Sunday, August 25, 13
72. Delegates Sunday, August 25, 13
73. Maybe callbacks? Sunday, August 25, 13
74. Well, not really Sunday, August 25, 13
75. Demo Sunday, August 25, 13
76. MVC Controller Model View Sunday, August 25, 13
77. Gems Sunday, August 25, 13
78. bundler.io Sunday, August 25, 13
79. cocoapods.org Sunday, August 25, 13
80. bubblewrap.io Sunday, August 25, 13
81. Joybox.io Sunday, August 25, 13
82. Apps http://www.rubymotion.com/apps/ Sunday, August 25, 13
83. Sunday, August 25, 13
84. Sunday, August 25, 13
85. More gems.. https://github.com/clayallsopp/afmotion Networking UI DSL https://github.com/clearsightstudio/ProMotion https://github.com/rubymotion/teacup Sunday, August 25, 13
86. Good resources http://iconoclastlabs.com #this guys are going RM in production Blogs Books Videos https://vimeo.com/hipbyte http://rubymotion-tutorial.com Sunday, August 25, 13
87. We get updates very fast! Sunday, August 25, 13
88. Community https://groups.google.com/forum/#!forum/ rubymotion Google groups IRC #rubymotion at freenode Twitter @RubyMotion Sunday, August 25, 13
89. Not every Ruby code needs to look like Rails Sunday, August 25, 13
90. Now go out there and build something awesome! Sunday, August 25, 13
91. Thank you! Sunday, August 25, 13
92. ? Sunday, August 25, 13