2. Takaaki Mizuno
• 15 years experience in Engineering.
• Works to DeNA Co., Ltd and Oceans Inc.
3. How to develop the app both for
iOS/Android ?
There are 2 options:
• Develop for both separately with different
languages ( Objective-C / Java )
• Use cross-platform development
environment and develop for both platform
at once
5. Are cross-platform dev denelopment
envivonments workable ?
• Not good at least now
• It’s ok for simple apps
Business
Apps
• Not so badGames
6. Most important thing is…
To know the characteristics of each environment
Native Layer
Cross-platform
Environment layer
Your code
Erase the difference
But limit the capability
sometimes
7. Business Apps
• Pros
• Write once, run on both devices
• No need to pass Apple’s review
• Cons
• UI of both environments are totally different
• Really slow
8. UI of both environments are different
• Android have “hardware back key” and “Menu”
• Positions of Tab Bar are different
• Android devices have so many aspect ratios and screen
sizes.
• You have to care about such differences in your code
9. Difficult to catch up with interface trends.
• Pull to refresh
• Side menu
15. Game
• Pros
• Write once, run on both devices
• No need to pass Apple’s review
• Cons
• UI of both environments are totally different
• Really slow
• Use JavaScript
17. Speed
• Compiling code to native ( Unity )
• Preparing alternative Canvas ( appMobi )
• Use OpenGL directly ( ngCore )
18. JavaScript
• JavaScript for mobile application is totally different from
web app’s one ( such as using jQuery ).
• JavaScript is not suitable for large scale development.
• Because it is difficult to find a bug.
23. JSX
• a faster, safer, easier alternative to JavaScript
• JSX compilers compiles JSX code into JavaScript
interface Flyable {
abstract function fly() : void;
}
abstract class Animal {
function eat() : void {
log "An animal is eating!”;
}
}
class Bat extends Animal implements Flyable {
override function fly() : void {
log "A bat is flying!”;
}
}
26. Arctic.js
• Game engine for smartphone web browsers written in
JavaScript with HTML5 Canvas.
• It provides ActionScript3 friendly APIs which Flash
developers are familiar to.
var keyFrame = new arc.anim.KeyFrameAnimation(12, 5, [
new arc.anim.Timeline(this._yellowImg, {
1 : {visible:true},
3 : {visible:false}
}),
new arc.anim.Timeline(this._orangeImg, {
1 : {visible:true},
5 : {visible:false}
}),
new arc.anim.Timeline(this, {
1 :
{scaleX:0.5, scaleY:0.5, transition:arc.anim.Transition.SINE_OUT},
5 : {scaleX:3, scaleY:3}
})
]);