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
5分で紹介する生成AIエージェントとAmazon Bedrock Agents / 5-minutes introduction to generative AI agents and Amazon Bedrock Agents
hideakiaoyagi
0
220
APIファーストで実現する運用性の高い IoT プラットフォーム: SORACOMのアプローチ
soracom
PRO
0
240
偶然 × 行動で人生の可能性を広げよう / Serendipity × Action: Discover Your Possibilities
ar_tama
1
740
エンジニアのためのドキュメント力基礎講座〜構造化思考から始めよう〜(2025/02/15jbug広島#15発表資料)
yasuoyasuo
15
5.5k
データ基盤の成長を加速させる:アイスタイルにおける挑戦と教訓
tsuda7
3
650
Tech Blogを書きやすい環境づくり
lycorptech_jp
PRO
0
120
スクラムのイテレーションを導入してチームの雰囲気がより良くなった話
eccyun
0
110
依存関係があるコンポーネントは Barrel ファイルでまとめよう
azukiazusa1
3
530
Ask! NIKKEI RAG検索技術の深層
hotchpotch
13
2.8k
スタートアップ1人目QAエンジニアが QAチームを立ち上げ、“個”からチーム、 そして“組織”に成長するまで / How to set up QA team at reiwatravel
mii3king
1
1.1k
Oracle Base Database Service 技術詳細
oracle4engineer
PRO
6
57k
日経電子版 x AIエージェントの可能性とAgentic RAGによって提案書生成を行う技術
masahiro_nishimi
1
290
Featured
See All Featured
We Have a Design System, Now What?
morganepeng
51
7.4k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
27
1.5k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
irinanazarova
6
540
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
330
21k
Making the Leap to Tech Lead
cromwellryan
133
9.1k
Build The Right Thing And Hit Your Dates
maggiecrowley
34
2.5k
Testing 201, or: Great Expectations
jmmastey
41
7.2k
The Power of CSS Pseudo Elements
geoffreycrofte
75
5.5k
VelocityConf: Rendering Performance Case Studies
addyosmani
328
24k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
29
2.2k
Reflections from 52 weeks, 52 projects
jeffersonlam
348
20k
Side Projects
sachag
452
42k
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