I presented Ionic as a hybrid mobile development framework (with a hands on experience @ AngularJS Vienna) and show-casing the app development of LIKE A HIPSTER.
Abstract of the Talk
Ionic is the beautiful, open source front-end SDK for developing hybrid mobile apps with web technologies. By building only one single AngularJS web app with Cordova extensions you can deliver up to 8 different native mobile apps. With this talk I will give you an overview about the features of this framework.
Create mobile apps with the web technologies you love.
Free and open source, Ionic offers a library of mobile-optimized HTML, CSS and JS CSS components, gestures, and tools for building highly interactive apps. Built with Sass and optimized for AngularJS.
We Are Developers Conference
There is also a video of the talk from the ViennaJS
Originally posted as “10+ things I hate about iOS development” on Medium March 11.
As you might know, I finally released the first iOS versions of LIKE A HIPSTER and Hungry?. So I finally stumbled upon iOS development, although I tried to avoid for so long. And I’m not very happy with it.
I like to try out new technologies. I love to play around with stuff, especially mobile. So I submitted some more or less serious Android apps in the Google Play Store and developed also professional Android apps for Keyosk Tablets and Freewave. Since I already program with Java for 15 years now, it’s fun to develop Android apps because there are no obstacles concerning the language and it’s a very well thought-through framework.
But iOS is different. Why? Here are at least 10 reasons:
1. Swift is not intuitive
You can program iOS apps natively in Objective C or Swift. First I tried to learn Swift on my own because it’s the successor of Objective C (why learn an ancient language when starting iOS development from scratch?) but I soon realized that Swift and I were not made for each other. I never tried Objective C but Swift is super unintuitive and as some of you also might know I’m very impatient. But also pragmatic – so I checked some (Cordova) alternatives such as React Native and finally found Ionic. And this time it was love at first sight!
I’m a Java back-end (and Android) developer but usually I try to see the full picture of a software project so I would rather be called a “full-stack developer” nowadays. Usually I try to avoid front-end development because there are for sure better skilled people out there adjusting CSS and that other hardcore FE stuff, but with my current project George I slipped into AngularJS, which is very nice to work with, when you are used to the “law and order” of Java (I already had a talk or two about AngularJS at someconferences – here are my slides from Berlin).
Ionic is based on AngularJS so for me it was the perfect choice since I was already familiar with AngularJS. But developing for iOS means to use OS X.
2. Must use OS X
There is no way around it! You have to use OS X to build the iOS binaries and I never was a Mac user. Coming from the Java world which was from the very beginning conceptualized as platform independent it is strange to be bound to an OS.
So what I did was to virtualize OS X. Yeah, you might think now “WTF?”, but I really did! Some people warned me about it because it would be too slow or to complicated or so but I though I’ll give it a try anyway because “how hard can that be?” (famous last words!) and I really didn’t want to buy an overpriced MacBook.
So what I did was to get my hands on an OS X image and virtualize it with Oracle VirtualBox, which worked pretty well. The VM is fast, not slow at all! Also with the virtualization I didn’t have to switch computers all the time.
The only disadvantage of OS X as VM is that VirtualBox has a limitation of screen resolution on the virtual machine’s window in your original OS. So the VM’s window does not scale. But at least it is Unix… -ish.
3. Must use XCode
Another very limiting fact about developing iOS is that you can only upload the binaries in XCode! As far as I know there are alternative possibilities to the IDE such as JetBrains’ AppCode or alternatives to the build tools e.g. Fastlane or Ionic (also uses its own build tools) but you have to use XCode (at least from command-line) to submit the artifact to the iTunes app store.
The one good thing about XCode is that the emulators start very fast. When starting an Android emulator you have to wait a minute or so for the Android OS to fully start up. At least one small advantage of iOS development.
4. Paid Apple developer account
If you want to contribute to the iTunes app store you have to buy a developer license. That’s very strange: So the community builds killer-features for the iPhone and they also have to pay for that?
It’s around €/$ 100 a year! At this point I don’t even see that the app will amortize this 100 euro/dollars in the foreseeable future.
In contrast to that gorgeous Android land it’s free to publish withing the developer program, you just have to pay a registration fee of $25.
5. Certificates, certificates, certificates
Generally speaking certificates and encryption are awesome! It’s the only way to secure communication or authenticate and authorize in a proper way.
For iOS development you need a bunch of certificates. Many certificates. Far too many! You need two for yourself (iOS Development and iOS Distribution). Then you need to register each of your development devices (e.g. your iPhone and iPad). Next you need to register your apps themselves (“App Identifier”) and last but not least you need a bunch of “iOS Provisioning Profiles”, again two per app – one for distribution and one for development – and also three (!) iOS Team Provisioning Profiles (at least they are managed by XCode itself).
In Android you just have two Java key-stores, one for development and one for releases. That’s it. Super secure and easy.
6. Keychain Access my ass
Unfortunately at one point the “Apple Worldwide Developer Relations Certification Authority” certificate expired (after only 2 years…) and it took me several hours to find out what was wrong because the error message just told me that my app developer certificates were not valid. Googling and trying to change my certificates also broke the currently published apps… Finally I got the right google-hit that this one certificate was expired. It was hidden in the Keychain Access tool by default, well because it was expired. But I already destroyed all my dear certificates, so I had to create all of them again.
Having all those certificates and your bought license you can finally start developing. In XCode of course.
7. XCode is too complicated
XCode is strange. Very strange. Especially when you are used to (Java) IDEs like IntelliJ, Eclipse or Android Studio.
For example if you want to release a build you have to add all these different versions of the app icons and launch images. Why aren’t they just generated automatically?
If you use Ionic it already generates a bunch of these icons and launch images in different resolutions but still you have to create a hand-full of them manually. And you have to associate these icons to the proper versions. It’s like playing Memory for developers!
And you’ll find the build artifacts under “Organizer”. Totally plausible, isn’t it? Why don’t you just call this menu item “Artifacts” or “Archive”?
Also you cannot archive an artifact if currently an emulator is selected as run-time device. Why not just automatically archive it for the default generic device?
Just to compare iOS and Android I’ll show you the number of clicks you need to release a version. In XCode you need to:
Click “Archive” → the “Organizer” opens
select your version
click “Upload to App Store..” → a pop up opens
every single time you have to select our “Team”. Why not use defaults? This point will not change that often
send to Apple by clicking “Upload”
In Android Studio it’s:
Click “Generate signed APK” → a dialog opens
(enter keystore password if you like and) click “Next”
(choose build type and path if you like and) click “Finish”
This is only half the number of steps! And I also think the last step in Android Studio is not really necessary.
Apple always proudly presents its software and other products as super usable, but I really have to admit that, at least for the developer tools and developer experience, this does not seem to be the case.
XCode is the perfect IDE for developers without personal will and self-respect
I call it “Apple-XML” because iOS uses XML in an unusual way, especially for the plist-file (Property List file), which is a config file for your iOS app. If you are lucky you don’t have to adapt it at all because the Cordova build tool already alters it for you but I ran into a Cordova plugin bug so I had to adjust this file myself.
Apple does not use the “proper” XML standard way such as:
but in a way where key and value alternate in a list:
OK, this is very technical (and correct XML) and I also think it’s not a super bad thing but it just “itches” in by brain and I cannot scratch it.
9. iOS development limitations
There are unnecessary limitations developing iOS such as: You cannot use a transparent PNG as icons. Why not? A transparent icon would be so much nicer on the iPhone home screen!
It would also be very, very nice to use a GIF as launch image in iOS, but this is also not possible in Android.
10. Bad Usability of the iTunes Connect website
I just sum up some usability points:
The iTunes connect website does not work properly on Android’s internal chrome browser! The lower part of the website simply does not show up. That was pretty annoying since last weekend I was AFK and only had my Nexus with me and wanted to add Beta users to my iOS apps.
The website has a timeout of 30 minutes or so and it has disabled the possibility to save your password in your browser. Well Apple takes security serious, but in the wrong way! Every time I go to the iTunes website I have to enter my password which is very bad because of possible sniffing attacks, key-logger, or person simply standing behind you (“shoulder surfing”) if you have to enter your password all the time.
The website is also broken in that way that when you ran into a timeout you’re redirected to the the login form three times in a row because of improper session management. I hope, they’ll fix that soon!
Every time you submit a new release you have to pass several steps until you can finally submit a new version. You also have to answer the same questions all the time (does your app use encryption? does your app use ads?). But in a way that is consistent with XCode ;)
When you want to update your apps’ screenshots it also gets a little bit difficult: When you generate the screenshots on your emulators or devices you usually identify the device e.g. “iPhone 5”, “iPhone 6S” etc, but when you have to upload the iPhone 5 screenshot, iTunes Connect just shows you the screen-size e.g. “3,5 inch”, “4 inch”, “4,7 inch”, “5,5 inch”! Ok, maybe you might say now, that every iOS developer knows the resolutions of all iOS devices by heart, but I tell you, that’s again just one other point of your Tech-Stockholm Syndrome.
11. Crash TestFlight
I almost forgot to mention TestFlight, Apple’s beta testing tool! It is – you might guess it – complicated. A developer can add very good friends or other abusable people as Alpha or Beta testers and I’m very glad for every single one of them.
So you start adding their Apple ID email addresses and TestFlight sends them an email invite. To make things a little bit more juicy this email has to be opened on the test device itself, and since some people use a different email address as Apple ID than they regularly do, this is the first difficult obstacle for some. After opening the invite email on the device the poor testers have to install the TestFlight app on their device! So you need an app to test an app. At least the testers can submit feedback though this app – but actually no one did so far, they just texted me directly.
Another advantage of a distinct test management app would be to show you pending invitations for other app, but for some reason TestFlight doesn’t!
With Android you can decide whether you want to create an open or a closed Beta or Alpha (cannot choose that in iTunes), just add these people and they get the updates pushed via the Play Store. OK, they also receive an email and have to click on a confirmation link, but no special strings attached.
If you want to release a new Beta you have to wait for an Apple review, that might take some days (usually 5 days) and when the artifact is accepted by the Apple consortium is also is not directly published as Beta, but you again have to click yourself through the dialogs.
At least you don’t need a review with Alpha releases, but you cannot simply add Alpha users, you have to define a certain role for them in your company in iTunes Connect. So, who wants to be my new Alpha tester slash Chief Legal Officer?
12. No Hot-Fixes!
Last but not least: There is no extra workflow for hot-fixes!
This would be a killer argument against iOS development: If you find a bug or even if you find out you uploaded the wrong screenshot you have to wait for a new release to be approved.
iOS development is not for the impatient (me): you have to wait almost a week for a release, also for screenshot changes, no hotfixes WTF
If you are lucky you can request (with a simple contact form) a quicker release but this is not the standard way and Apple does not guarantee anything. So you release the bug-fix and hope for the best. And wait, 2–3 day or up to a week, to get your bug-fix deployed or app store entry changed.
In Android all releases are deployed in 2–3 hours. Just FYI ;)
Describing all of these problems I had with the setup and development of my iOS apps I’m even more proud that I was finally able to release the iOS versions of my apps LIKE A HIPSTER and Hungry?.
This is a (pretty shitty, sorry for that) video of my talk at Rubyslava – btw no, I’m still not a Ruby developer ;)
Full abstract of the Talk
In my presentation I will give a short introduction on basic principles of MVC in Java and point out some common solutions (JSP, Spring MVC…). Then I will continue with a description of AngularJS (Google yay!) and how client-side model–view–controller (MVC) can be achieved with Angular. Next I am going to show you how structure will be enforced by using extended HTML and JS vocabulary with modules, directives, and controllers (ng-what?? no JS/HTML mix). I will continue by answering the question of the implementation of the back-end (REST via jQuery) and add an overview of supporting state of the art frameworks (npm FTW!, bower, gulp, less, coffee script / jasmine, jade, bootstrap, lodash…). I am going to finish with some best practices and the downsides of Angular (no pain, no gain).
This talk is suitable for (intermediate and higher) Java (or JS) front-end developers who are eager to try out new front-end frameworks and principles. Some code examples will be presented on slides. If there is enough time left, I’ll show a live demo.
As speaker I’m going to have a keynote about “Simple Mobile Development With Ionic” at We Are Developers in Vienna April 13!
Upcoming Babe Tour Dates:
– 13.04. We Are Developers Conference – Ionic
– 26.04. Demo Night #4 – likeahipster.com
– 27.04. ViennaJS Meetup – Ionic
– 11.05. AngularJS Meetup – Ionic