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
DevMovKai HybridApps with Microsoft Platform
Search
Taiji HAGINO
PRO
July 07, 2016
Technology
0
52
DevMovKai HybridApps with Microsoft Platform
Taiji HAGINO
PRO
July 07, 2016
Tweet
Share
More Decks by Taiji HAGINO
See All by Taiji HAGINO
Automatic Creation of Azure Environment Configuration Diagrams! with Datadog Cloudcraft
taijihagino
PRO
0
43
VS Code の静的分析でリアルタイムのコードフィードバックを取得
taijihagino
PRO
0
87
Backstage of Enterprise Conference
taijihagino
PRO
1
170
どの種は何の花を咲かす?DevRelのターゲットオーディエンスを知ることの意味
taijihagino
PRO
2
250
Datadogの便利な使い方 - 意外と知らない?CoScreenとCloudcraft
taijihagino
PRO
1
1.5k
DatadogとPagerDutyで改善するシステム障害対応
taijihagino
PRO
0
610
ソフトウェアチームのパフォーマンスを向上させる鍵: パイプラインのオブザーバービリティ
taijihagino
PRO
1
130
エンドツーエンドの可視性を実現するクエスト
taijihagino
PRO
1
440
JDDUG (Japan Datadog User Group)始動の舞台裏
taijihagino
PRO
2
320
Other Decks in Technology
See All in Technology
Datadogとともにオブザーバビリティを布教しよう
mego2221
0
130
開発スピードは上がっている…品質はどうする? スピードと品質を両立させるためのプロダクト開発の進め方とは #DevSumi #DevSumiB / Agile And Quality
nihonbuson
1
1.3k
生成AIの利活用を加速させるための取り組み「prAIrie-dog」/ Shibuya_AI_1
visional_engineering_and_design
1
140
データ資産をシームレスに伝達するためのイベント駆動型アーキテクチャ
kakehashi
PRO
2
230
Kubernetes x k6 で負荷試験基盤を開発して 負荷試験を民主化した話 / Kubernetes x k6
sansan_randd
2
730
Postmanを使いこなす!2025年ぜひとも押さえておきたいPostmanの10の機能
nagix
2
120
All you need to know about InnoDB Primary Keys
lefred
0
120
テストアーキテクチャ設計で実現する高品質で高スピードな開発の実践 / Test Architecture Design in Practice
ropqa
3
710
ビジネスと現場活動をつなぐソフトウェアエンジニアリング~とあるスタートアッププロダクトの成長記録より~
mizunori
0
210
Developers Summit 2025 浅野卓也(13-B-7 LegalOn Technologies)
legalontechnologies
PRO
0
150
『衛星データ利用の方々にとって近いようで触れる機会のなさそうな小話 ~ 衛星搭載ソフトウェアと衛星運用ソフトウェア (実物) を動かしながらわいわいする編 ~』 @日本衛星データコミニティ勉強会
meltingrabbit
0
120
目の前の仕事と向き合うことで成長できる - 仕事とスキルを広げる / Every little bit counts
soudai
22
5.8k
Featured
See All Featured
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
507
140k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
226
22k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
129
19k
It's Worth the Effort
3n
184
28k
What’s in a name? Adding method to the madness
productmarketing
PRO
22
3.3k
jQuery: Nuts, Bolts and Bling
dougneiner
63
7.6k
Build The Right Thing And Hit Your Dates
maggiecrowley
34
2.5k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
29
2.2k
KATA
mclloyd
29
14k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
eileencodes
20
2.4k
Being A Developer After 40
akosma
89
590k
A Philosophy of Restraint
colly
203
16k
Transcript
でぶもぶ会 クロスプラットフォームアプリ開発のすすめ Hybridアプリ編 1 Copyright 2014 MITSUI KNOWLEDGE INDUSTRY CO.,
LTD. All rights Reserved. R&D部 萩野 泰士
2 no silver bullet Native iOS: Objective-C/Swift, Xcode Native Android:
Java, Android Studio/Eclipse Hybrid: HTML5/JS(PhoneGap, Monaca, Sencha Touch) Others: JavaScript(Titanium), ActionScript(Flash/AIR)
3 ハイブリッドアプリケーション開発 Visual Studio Tools for Apache Cordova
4 Visual Studio Tools for Apache Cordova Cordovaってなに?
5 Visual Studio Tools for Apache Cordova カナダのコルドバ通り? 元々CordovaはNitobi社がPhoneGapという名で開発 AdobeがNitobi社を吸収
AdobeはPhoneGapをApache Foundationへ寄贈 ApacheではCordovaと言う名を付与し現在に至る Nitobi社の前の通りが、コルドバ通りだったから、です!
Cordova • オープンソースフレームワーク • Webアプリをネイティブラッパーで • Android + iOS は
webview を利用 • Windows は WWAhost を利用 • 全てのターゲットに、単一JavaScript コードベースでデプロイ • 共通JavaScript APIを全デバイスで利 用可能なプラグイン Native Wrapper <webview> Your JavaScript App Cordova Plugin JS API Visual Studio Tools for Apache Cordova 6
Way back machine: 2010 43% 64% 0% 10% 20% 30%
40% 50% 60% 70% 80% 90% 100% Time Spent in Apps vs. Browser Apps Web 7 Visual Studio Tools for Apache Cordova
Apps dominate the mobile web 80% 86% 20% 14% 0%
10% 20% 30% 40% 50% 60% 70% 80% 90% 100% 2013 2014 Time Spent in Apps vs. Browser Apps Web 8 Visual Studio Tools for Apache Cordova
9 つまりネイティブアプリ優勢?
10 no silver bullet Native iOS: Objective-C/Swift, Xcode Native Android:
Java, Android Studio/Eclipse Hybrid: HTML5/JS(PhoneGap, Monaca, Sencha Touch) Others: JavaScript(Titanium), ActionScript(Flash/AIR)
11 Visual Studio Tools for Apache Cordova Objectiv-C / Swift
が書ける人 Java が書ける人 HTML5+CSS3+JS が書ける人 X-Code eclipse Visual Studio Cordova環境 Hybrid Apprications Xamarin C# / VB が書ける人
12 Visual Studio Tools for Apache Cordova Cordovaで出来る事
13 Visual Studio Tools for Apache Cordova How does Cordova
work? • HTML, CSS, JS, assets • Configuration • HTML, CSS, JS, assets • HTML, CSS, JS, assets • HTML, CSS, JS, assets
14 Visual Studio Tools for Apache Cordova WinRTへのダイレクトアクセスは、プラットフォーム固有のコードと、コーディングを 容易にするプラグインを提供
ネイティブモデルのホストをサポート Webスタンダードロードマップに準拠 Cordovaアプリのembeddedをサポート JavaScriptライブラリ各種と好きなパターンファイルを利用可能。SafeHTML は Windows 10で問題解決される 主要な25のプラグインをサポート WinJSはモバイルプラットフォーム上で、タッチ操作とキーボードフレンドリーなコン トロールを提供。WinJSはAngular、Bootstrap、そして他のいくつかのライブラリと一 緒に利用可能。 Cordova Windows 10 Platform
15 Visual Studio Tools for Apache Cordova Cordova Windows 10
platform now available for prototyping!
16 Visual Studio Tools for Apache Cordova 何を用意すれば良い?
17 Visual Studio Tools for Apache Cordova
18 Visual Studio Tools for Apache Cordova You need… Windows
10 Technical Preview 2 Visual Studio 2015 RC Cordova Windows 10 Platform Prototype (optional) For help.. https://aka.ms/cordova-docs https://aka.ms/cordova-samples https://aka.ms/cordova-tutorials How do I try it out?
19 Good Luck C
20 PROFILE 萩野 泰士 (HAGINO Taiji) 三井情報株式会社 R&D部 ITイノベーション室 業界:流通/小売、アミューズメント
担当:モバイル、フロントエンド、Web、デザイン taipon.rock @taipon_rock