Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Cross-Platform App Entwicklung mit Ionic
Search
Hybrid Heroes
December 12, 2018
Programming
0
26
Cross-Platform App Entwicklung mit Ionic
Hybrid Heroes
December 12, 2018
Tweet
Share
More Decks by Hybrid Heroes
See All by Hybrid Heroes
8 Reasons to be excited about Ionic 2
hybridheroes
1
580
Fast-lane into app stores
hybridheroes
1
460
Other Decks in Programming
See All in Programming
たった 1 枚の PHP ファイルで実装する MCP サーバ / MCP Server with Vanilla PHP
okashoi
1
250
RailsGirls IZUMO スポンサーLT
16bitidol
0
180
Is Xcode slowly dying out in 2025?
uetyo
1
270
WebViewの現在地 - SwiftUI時代のWebKit - / The Current State Of WebView
marcy731
0
120
AIプログラマーDevinは PHPerの夢を見るか?
shinyasaita
1
220
A2A プロトコルを試してみる
azukiazusa1
2
1.4k
Claude Code + Container Use と Cursor で作る ローカル並列開発環境のススメ / ccc local dev
kaelaela
9
5.1k
iOS 26にアップデートすると実機でのHot Reloadができない?
umigishiaoi
0
130
ソフトウェア品質を数字で捉える技術。事業成長を支えるシステム品質の マネジメント
takuya542
1
13k
地方に住むエンジニアの残酷な現実とキャリア論
ichimichi
5
1.5k
VS Code Update for GitHub Copilot
74th
2
640
データの民主化を支える、透明性のあるデータ利活用への挑戦 2025-06-25 Database Engineering Meetup#7
y_ken
0
360
Featured
See All Featured
Code Review Best Practice
trishagee
69
18k
4 Signs Your Business is Dying
shpigford
184
22k
The World Runs on Bad Software
bkeepers
PRO
69
11k
BBQ
matthewcrist
89
9.7k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
46
9.6k
Java REST API Framework Comparison - PWX 2021
mraible
31
8.7k
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
18
970
Speed Design
sergeychernyshev
32
1k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
107
19k
Building an army of robots
kneath
306
45k
Writing Fast Ruby
sferik
628
62k
How STYLIGHT went responsive
nonsquared
100
5.6k
Transcript
Cross-Platform App Entwicklung mit Ionic
Christian Justus • Partner und Tech Lead bei Hybrid Heroes
• Spezialisiert auf Cross-Platform Apps auf Basis von Webtechnologien • Ionic Trusted Partner
Am Anfang war eine App-Idee ... A) Serious Game B)
Foto Community C) Streaming Suchmaschine D) News App
TODO * [ ] Know How * [ ] iOS
* [ ] Android * [ ] Web * [ ] Geolocation * [ ] Push Benachrichtigungen * [ ] Offline-Funktionaliät * [ ] Gute Performance * [ ] In 3 Monaten fertig werden
Projektplan (Entwurf)
Projektplan (final)
Cross-platform Frameworks
Verbreitung
Lernkurve
Plattform-Unterstützung
Native APIs
Code-sharing
Komponenten-Bibliothek
Performance
None
None
None
HTML, CSS, JavaScript
Entwicklung im Browser
@Component({ selector: 'app-home', template: ` <ion-content> <ion-button class="hello-button" (click)="presentToast()"> Hello
World!</ion-button> </ion-content> `, styles: ` .hello-button { --width: 200px; } ` }) export class HomePage { constructor(private toastCtrl: ToastController) {} async presentToast() { const toast = await this.toastCtrl.create({ message: 'Hello World!', position: 'middle' }); toast.present(); } }
Komponenten Bibliothek* * https://whatwebcando.today
None
Plattformen
Ionic Native
None
State of Progressive Web Apps* Voll unterstützt Home Screen Icon,
Vollbild, Ortungsdienste, Media Capture, Payment Teilweise unterstützt ⚠ Offline, Push Benachrichtigungen, App Banner, Bluetooth * https://whatwebcando.today
Perceived Performance: Spitze!
None
TODO * [X] Know How * [X] iOS * [X]
Android * [X] Web * [X] Geolocation * [X] Push Benachrichtiungen * [X] Offline-Funktionaliät * [X] Gute Performance * [X] Fertig in 3 Monaten
None
Vielen Dank! Hybrid Heroes GmbH Reichenberger Straße 113a 10999 Berlin
https://hybridheroes.de