![×
?? IBM Bluemixの活用イメージ
IBM Bluemixのご紹介
1U]NVR ggggg
m
Salesforce
Azure
Google
SQL DB
Cloudant
Cloud
Integration
DevOps''
Services
API
Push
u m m
AX
IoT
XB
Analytics
Warehouse
m m
cf tool
IBM SaaS](https://image.slidesharecdn.com/mobilecloudnight20151111a-160113063617/85/Mobile-cloudnight-2015-11-11-11-320.jpg)
![×
IBM'
API '
SaaS'PaaS'IaaS'
'
j YNWA JLT m m
j m ss
j5][RXW ” B1 m l
j m m “h 32
j m m 2UX]M 5X]WM a m
9J Jh XMN S[” ]Ka JJA
j3XLTN ”3N Y[ m
j ( “ w
j m j
j –h ? m h
? t
y ” w
クラウドサービス概要図](https://image.slidesharecdn.com/mobilecloudnight20151111a-160113063617/85/Mobile-cloudnight-2015-11-11-12-320.jpg)
![DB
m
Web m
m m
m
/
j
m
j m
Bean
m m
'
[Model]
'
[
]'
JSP'
[View]'
JSP'
[View]'
m m
JavaEE
m m
[
]
REST war
JavaEE
m m XKRUN5R [ m m
m
7B
JavaScript'
( )
0
HDRN I
0
HDRN I
7B , m
o ENK p
7B
JavaScript'
( )
0
HDRN I
0
HDRN I
XKRUN5R [
p
war
m m
war
war
p
XKRUN5R [
ObjecFveZC'
Swi['
Java'
C#
ENK
war
SAP
CICS'
z/OS
Cloud
２つのWebアプリのアーキテクチャー](https://image.slidesharecdn.com/mobilecloudnight20151111a-160113063617/85/Mobile-cloudnight-2015-11-11-57-320.jpg)
!["? m h
“ m
"? 5 5X]WMJ RXW “h
1U]NVR “ “
"? m g3N Y[
"? j y
"?
"? m d
"? “
m
m
なぜMFPFをBluemixで動かすのか](https://image.slidesharecdn.com/mobilecloudnight20151111a-160113063617/85/Mobile-cloudnight-2015-11-11-69-320.jpg)
![想定されるユースケース
XKRUN5R [ UJ OX V
j
m h
h m
w j
“x m “
h
“– u r *(), “ ?
e? u wr h n s s
e? j m –1U]NVR “ v s
m h m “](https://image.slidesharecdn.com/mobilecloudnight20151111a-160113063617/85/Mobile-cloudnight-2015-11-11-70-320.jpg)
![×
1U]NVR C[N X]Y 1 FC o m p
F x V V M
Xe S U M
1 FC – m m h
j m “](https://image.slidesharecdn.com/mobilecloudnight20151111a-160113063617/85/Mobile-cloudnight-2015-11-11-96-320.jpg)
![? 2015 IBM Corporation
Empowering the IBM ecosystem
1 UXKJU W NY NWN] XP JV OX 2UX]M A J ]Y[
Faifb1 -‐?? m l l (
() MO (
o p h m
Y/ RKV KRb LUX]M
m h h m m JJA
m JJA
.-‐??
?? – 1U]NVR AXO JaN m “– s
?? , “r
?? w ) “r
G A hh
() P M
o p1U]NVR AXO JaN )( w
?? m v s
?? m m v v
s
?? 1 “x
G A hh
( P M
o p1U]NVR AXO JaN
s zu ?y sk
o p h m
ggg x i](https://image.slidesharecdn.com/mobilecloudnight20151111a-160113063617/85/Mobile-cloudnight-2015-11-11-97-320.jpg)
More Related Content
What's hot (20)
Viewers also liked (17)
Similar to Mobile cloudnight 2015/11/11 (20)
![[AWS Summit 2012] 事例セッション #2 Bascule Meets AWS! クラウドが加速させる デジタルクリエイションの世界](https://cdn.slidesharecdn.com/ss_thumbnails/bascule-20120913-121001100100-phpapp02-thumbnail.jpg?width=560&fit=bounds)
![[MW10] Xamarin / OSS プロジェクトを活用したエンタープライズモバイルアプリケーションの実装 - Project Blue Monkey -](https://cdn.slidesharecdn.com/ss_thumbnails/mw10-170614050118-thumbnail.jpg?width=560&fit=bounds)
Mobile cloudnight 2015/11/11
- 2. × 講師紹介 ?? 森住 祐介（もりずみ ゆうすけ） ?? クラウド事業統括 ?? エコシステム?デベロップメント ?? 2009年 日本IBM株式会社入社 ?? 入社以来、金融業界のメインフレーム（System z）を担当 ?? メインフレームのSoR（システムオブレコード）の世界とクラウド のSoE（システムオブエンゲージメント）の世界をつなげ、?イノ ベーションを推進するためクラウド事業に異動 ?? スターアップ支援の活動と共に、モバイルにフォーカスしたソ リューションの勉強会や講演、ハッカソンの支援を通じてクラウド のエコシステムを形成する現在の仕事に従事
- 3. × はじめに ?? Mobile Cloud Night って何？ –? モバイルアプリ開発の最新情報やHints&Tipsなどについてゆる～く情 報交換やワークショップを交えた勉強会を実施する –? 全3回 ?? 第1回?2015年10月14日（水） ?? 第2回?2015年11月11日（水）★本日★ ?? 第3回?2015年12月09日（水）
- 4. × Why Mobile? Why Cloud? ?? ビジネスの世界で起きている変化 クラウドを含む新しいテクノロジーの出現により、私たちは今、転換期 にあるといえます。 タイムリーなマーケティング?キャンペーン ある店舗でクレジット?カードを 使用すると、近隣の店舗から クーポンが送られてきます。 その結果、 109%の売り上げ増を実現 ジャスト?イン?タイムのメンテナンス 迅速なビッグデータ分析 国際的な航空エンジン製造業者では、 1年でサービス収益が 12% 国際的な証券取引所での市場監視アルゴリズムでビッグデータ分析 プラットフォームを活用し、 99% 35% 向上。 リアルタイムのモニ タリングと予測障害 検知を活用。 応答時間を 短縮 ITリソースの 削減
- 5. × Why Mobile? Why Cloud? ?? いまどきの開発に求められること
- 6. × Why Mobile? Why Cloud? ?? 「個」の理解と顧客エンゲージメント向上の必要性 Systems of Engagement 新しい個客接点システム Systems of Record 従来型の提携業務処理システム ERP CRM HRSCM Systems of Record (SoR) Systems of Engagement (SoE) 主な役割 企業の業務効率化、業務用データ処理 個客エンゲージメント、新規事業の創出、ビジネス変革 重要な要素 堅牢性、信頼性、確実性、機密性 柔軟性、俊敏性 開発のアプローチ ウォーターフォール アジャイル、トライ&エラー コードの主体 スクラッチ、パッケージ APIエコノミー、組み合わせ システム運用 開発とは別プロセス DevOps（一体的） リソース所要量 予測は可能 予測が困難 改良のサイクル 組織主体で計画的 状況に合わせて適宜
- 7. × Why Mobile Cloud Night? ?? アプリ開発におけるコスト アプリ開発?運用で見えているコストは全体の30% 残りの70％のコストは隠れている
- 8. × Why Mobile Cloud Night? ?? 両者を効率的に学び明日のビジネスに活かせる勉強会を！
- 10. × ?? IBM 次世代クラウド?プラットフォーム： IBM Bluemix IBM Bluemixのご紹介 アプリケーションの コンポーザブル な環境 Compose applications IBMテクノロジーだけではなく、 パートナーや、オープンソース等の 豊富なランタイムとサービスを提供 信頼性の高いコード Code with con?dence オープンPaaSであるCloud Foundry をプラットフォームとし、セキュリティや ユーザーインターフェイスなどを拡張 デプロイとスケール Deploy and scale IBM Softlayer のインフラを 利用した、新規アプリケー ションやサービス 大きくは以下の3種類 !? PAYG (PAY AS YOU GO) モデル !? サブスクリプション?モデル !? Bluemix Local 加えて以下を提供 !? フリートライアル（30日間） !? テクニカルサポート（有償） Bluemixのプライシング !? 様々なプログラミング言語に 対応したアプリケーションの 実行環境を提供 !? オープン?スタンダードを活用 した環境 !? 既存システム (SoR) との 統合サービスを提供 !? モバイル用の数多くのサービス !? DevOps サービス提供 Bluemixとは クラウド?アプリケーション開発?稼動のためのPlatform as a Service 環境。数多くのIBM製、 3rd Party製、ならびにオープンソースのランタイム (Runtime)、サービス (Service)、などを提供。
- 11. × ?? IBM Bluemixの活用イメージ IBM Bluemixのご紹介 1U]NVR ggggg m Salesforce Azure Google SQL DB Cloudant Cloud Integration DevOps'' Services API Push u m m AX IoT XB Analytics Warehouse m m cf tool IBM SaaS
- 12. × IBM' API ' SaaS'PaaS'IaaS' ' j YNWA JLT m m j m ss j5][RXW ” B1 m l j m m “h 32 j m m 2UX]M 5X]WM a m 9J Jh XMN S[” ]Ka JJA j3XLTN ”3N Y[ m j ( “ w j m j j –h ? m h ? t y ” w クラウドサービス概要図
- 14. × サービス名（抜粋） サービス概要 Advanced Mobile Access リアルタイムのパフォーマンスおよびデータ使用から運用状況を分析し、iOS 8 アプリケーショ ンを微調整します。 バックエンド?システムとの通信が必ず保護されるようにしてください。 アプリケーション?ユーザーが、カスタム?アカウントまたは既存のソーシャル?アカウントを 使用してログインできるようにします。 Mobile Application Security ベーシックなモバイルのセキュリティを提供するサービス。アクセス制限等の機能を備え、バッ クエンドサーバーのセキュリティーを堅牢にします。 Mobile Data Cloudantで提供されるシンプルでスケーラブルなデータベース。 Mobile Quality Assurance Mobile Quality Assuranceはセンチメント分析、空中ビルド配布、自動化されたクラッシュ報告、 アプリ内のバグ報告とユーザーフィードバックを基にモバイルアプリのテスト、ユーザー検証、 および合理化された品質フィードバックを可能にします。 Presence Insights このサービスは、物理ロケーションでのモバイル?デバイスの動きにたいして、リアルタイム分 析とヒストリカル分析を実行します。これらの洞察はコンテキストに即した関連性を持つ関与戦 略を強化し、ユーザー?エクスペリエンスを最適化して、アプリケーション内のコンバージョン を促進します。 Push 適切な場所とタイミングで、プッシュ通知サービスを提供します。 IBM Bluemixのサービスご紹介
- 15. × ?? NoSQLベースの ? DBaaSとしてマネージド?サービスを提供 "?スモールスタート可能 "?水平拡張可能なスケーラビリティ "?日時で数百万人のアクティブ?ユー ザもサポート可能 "?複数データセンターとデバイスに データを分散 "?マルチマスタ?レプリケーションに よる高可用性とスケーラビリティを 実現 "?データベースの管理タスクではなく 新規開発に注力 "?パフォーマンスとアップタイムを保 証 １.即時に適切な処理能力を提供 ２.高可用性とハイ?パフォーマンス ３.24x7体制での管理サービス 4.フレキシブルなスキーマ "?JSONと呼ばれるデータフォーマット を使用 "? { name : John Smith , age : 33} といった可読性が高く簡潔に構造化され たデータをフィールドの数や長さに特に 制限はない形で出し入れ可能 "?複雑で多種多様に変化するデータ構 造に対応が可能 5.dashDB (DWH)との連携 "?CloudantデータをRDBデータへ自動 変換 "?DWaaSの提供 dashDB 6.豊富な実績 "?CloudantのDBaaSを世界25,000社 以上が活用 IBM Bluemixのサービスご紹介
- 16. × ?? リッチなモバイルアプリケーション提供のために柔軟なデータ保存 とアクセスならびに可用性を実現 IBM Bluemixのサービスご紹介 !? サーバーとローカル?デバイスにデータを保存 !? Cloudantからデータのプッシュとプルを行うこ とによって、複数デバイス間のデータを同期 !? ネットワークに接続できない場合は、ローカ ル?ストレージからの読み取り処理と書き込み 処理を提供 !? 接続が復旧すると、サーバーにデータの同期が 行われ、同じデータソースに接続するその他の デバイスのデータの同期も行われます。 !? 修正履歴のレプリケーションによって、データ の一貫性を維持 ローカル? ストレージ ローカル? ストレージ
- 17. × Monacaのご紹介
- 18. × アシアル株式会社のご紹介 アシアルは、「エンジニアリングでインターネットの成長 を牽引する」という事業コンセプトのもと、7B ,、 9J JAL RY を中心としたENK技術をベースにした、デベ ロッパー支援事業を行っております。 p n 2, 2 y L w L u
- 21. × モバイルアプリ開発に関する課題 開発言語がOS毎に異なるため、 1.? 開発工数がかかる 2.? ソースコード管理の複雑化 3.? エンジニアの確保が困難 × ×
- 22. × HTML5という選択肢
- 23. × Webアプリとネイティブアプリの特徴をいいとこどりしたアプリ を「ハイブリッドアプリ」と呼びます。 ? ハイブリッドアプリは、Webの技術を使って開発しますが、生成 されるアプリはネイティブアプリと同等のものになります。 I4 n p o n ハイブリッドアプリの登場
- 25. × HTML5モバイルアプリ開発環境：Monaca ?? 世界中で10万人以上が利用 ?? クラウドベースのモバイルアプリ開発環境 ?? iOS, Android, Windows, Chrome Apps対応 ?? 無料から利用可能
- 26. × インストール不要。ブラウザだけですぐに開発をはじめられ ます。実機に専用アプリを入れておけば、リアルタイムに動 作検証できます。 Monacaによるアプリ開発 “ g “ z g XXPUN 2 XVN
- 27. × 手軽に利用できてハイパフォーマンスなモバイルアプリのための UIフレームワーク「Onsen UI」を標準搭載。 Onsen UI ?? フラットデザイン/マテリアルデザイン 対応 ?? ネイティブと遜色ないアニメーション ?? 豊富なUIパーツ ?? SPAの構築が容易 ?? UIガイドラインに準拠
- 32. × Cloudantの追加 ?? サービス一覧から「Cloudant NoSQL DB」を選択、デフォルトの まま「作成」ボタンをクリック
- 34. × データベースの作成 ?? ダッシュボード右上の「Add New Database」をクリックして、 データベース名として「report」を入力し「Create」ボタンを押 します。 データベースが作成されると以下の 画面が表示されます。
- 35. × インデックスの作成 ?? 歯車のアイコンをクリックして「Query Indexes」を選択します。 ?? 説明文中にある { "index": {}, "type": "text" } を黒枠内にコピーして 「Create Index」ボタンをクリックします。
- 42. × プロジェクトのインポート ?? 「Import Project」を選択するとプロジェクトのインポート画面が 表示されるので、以下の情報を入力してインポートを実行します。 #? プロジェクト名 ： Bluemixアプリ #? URLを指定してインポート ： http://bit.ly/1l8I1Gu
- 45. × Monacaデバッガーの使い方 ?? Monacaアカウントでログインすると、プロジェクト一覧画面が表 示されるので、「Bluemixアプリ」プロジェクトを選択するとアプ リが実行されます。
- 47. × 自分のCloudantデータベースに接続する① ?? Bluemixダッシュボードに戻り、「サービス資格情報」を選択しま す。 ?? "username"と"password"の値をコピーします。
- 49. × 登録データの確認 ?? Monacaデバッガーでデータを登録した後、Cloudantダッシュ ボードの「All Documents」を選択すると登録されたデータを管理 画面で確認できます。 ?? データをダブルクリックすると詳細画面が開きます。「View Attachments」をクリックすると画像を見ることができます。
- 51. × スイッチUIの実装 ?? スイッチボタンは初期状態では非表示に設定されているので、 index.htmlの13行目のCSSを変更して表示状態に切り替えます。 以下のように変更 #new-page .setting { display: block; }
- 56. × Mobile Enterprise Application Platformの必要性 #?企業向けアプリケーションが必要とするセキュリティ、アプリケーション管理、ログ、オフライン?デー タの暗号化やバックエンド?サーバーとの連携などの機能を提供し、開発?保守の生産性を向上させます。 業務アプリA 業務アプリB 業務アプリC API 業務アプリA 業務アプリB 業務アプリC API iOS Android Windows セ キ ュ リ テ ィ ー ア ッ プ デ ー ト 機 能 ロ グ 管 理 Online/o?ine ログ管理etc. ダイレクトアップデート セキュリティー iOS Android Windows HTTP (REST, SOAP), JMS SAP SQL HTTP, Cast Iron 業務アプリB 業務アプリC 業務アプリA 業務アプリA 業務アプリB 業務アプリC API クラウド サービス クラウド サービス SAP バックエンド? サービス バックエン ド?サービス APS
- 57. DB m Web m m m m / j m j m Bean m m ' [Model] ' [ ]' JSP' [View]' JSP' [View]' m m JavaEE m m [ ] REST war JavaEE m m XKRUN5R [ m m m 7B JavaScript' ( ) 0 HDRN I 0 HDRN I 7B , m o ENK p 7B JavaScript' ( ) 0 HDRN I 0 HDRN I XKRUN5R [ p war m m war war p XKRUN5R [ ObjecFveZC' Swi[' Java' C# ENK war SAP CICS' z/OS Cloud ２つのWebアプリのアーキテクチャー
- 58. c m –h iV m V Sl n b r s si m ” “ m m y sif c –h b a t o w s i – if c n x d b i l –h m m m m “x s v sif c l m m–h b b p s i v – y y s if モバイルアプリの4つの課題
- 59. ' ' ' ' ' m m r w m m m m v h m m m “ m m h モバイルプラットフォームのサービスを活用した 優れたアプリ開発 , B 0 d p n b l L L W w m
- 60. × IBM MobileFirst Platformのキーとなる機能 ?? すべてのステークホルダーに価値を提供する ? モバイル?エンタープライズ?プラットフォーム 高度なデータセキュリティー継続的な改善 パーソナライズ / B B , 1 j m m Application Scanning モバイル?アプリの 脆弱性を特定 および修正 Quality Assurance モバイル?アプリの開発 ライフサイクル全体を 通して品質プロセスを サポート Cloudant クラウドで利用できる NoSQLのデータスト ア Presence Insights お客様の店舗内の 行動を分析し、 洞察を獲得
- 62. MobileFirstの一般的な構成 DataCenter' (DMZ)' Backend' System'1' Backend' System'2' -‐?? 0 X E0A X BXVLJ (Web)' (Proxy )' Internet' MobileFirst'' Server' MobileFirst'' Server' Mobile' Device' (Web)' MobileFirst'' Studio' DataCenter' DB2' MobileFirst APPL'DB' DB2( ) or Oracle or MySQL Cloudant ApplicaNon' Center'(iOS,Android, Windows Phone) ?? MobileFirst Web AP Active-Active ?? DB HA New 7.1 XW RWMNYNWMNW m m w XKRUN5R [ 2 m A3: FLXMN A3: FLXMN
- 63. × MobileFirst Platform Foundation Developer Edition ?? Developer Editionは無償提供 ?? stackover?owなどでのサポート ?? 自習資料や参考資料が満載!
- 64. × MobileFirst Platform Foundation on Bluemix Containers ?? Bluemix上でDocker Imageを元にMobileFirst Platformが稼働 より早く、よりシンプルに環境構築
- 66. × Dockerの特徴 Build Ship Run Anywhere Any'App' ?? m j m m ?? m m j m“ m mw) (( ?? 1 NM 7J JLT[YJLN D EJ N XXPUN RL X[XO 0EA
- 67. × コンテナ技術を実現するDockerエンジン インフラストラクチャ オペレーティング?システム ハイパーバイザー ゲスト OS ゲスト OS ゲスト OS ????? ?????? ????? ?????? アプリ1 ????? ?????? アプリ2 アプリ3 インフラストラクチャ オペレーティング?システム Dockerエンジン ????? ?????? ????? ?????? アプリ1 ????? ?????? アプリ2 アプリ3 仮想マシン コンテナ コンテナの特徴 ??コンテナ型の仮想化によりゲストOSからホストする仮想マシンと比べ、必要とする計 算機資源が減少 ??コピー?オン?ライトのファイルシステムを使用し、アプリケーションごとに異なる ファイルなどレイヤーごとにサポート。また共通化できる部分は再利用を促進。
- 68. ハイブリッド?コンピューティングの利用でモバイル戦略を加速 +? ” +? m m “ m +? “ j ? o +? “ m +? j m +? B m +? m” m Private Public On-premises IT Mobile App Server Hybrid'Cloud'
- 69. "? m h “ m "? 5 5X]WMJ RXW “h 1U]NVR “ “ "? m g3N Y[ "? j y "? "? m d "? “ m m なぜMFPFをBluemixで動かすのか
- 70. 想定されるユースケース XKRUN5R [ UJ OX V j m h h m w j “x m “ h “– u r *(), “ ? e? u wr h n s s e? j m –1U]NVR “ v s m h m “
- 71. × 5分でつくる! IBM MobileFirst Platform on Bluemix ハンズオン
- 72. × ハンズオンの内容 Admin Console Admin Service MFPF Runtime WebSphere Liberty Derby DB HTTP Adapter LocalStore Adapter post' pull' get' delete get' post'
- 73. ×
- 74. ×
- 75. ×
- 76. ×
- 77. ×
- 78. ×
- 79. ×
- 80. ×
- 81. ×
- 82. ×
- 83. ×
- 86. ×
- 87. ×
- 88. ×
- 89. × *Android Studioの方 ?? Android Studioの起動 -> File -> Open -> （解凍したフォルダ） ?? 以下ファイルを編集 –? app > assets > wlclient.properties wlServerHost = xxx.xxx.xxx.xxx ← コンテナーのパブリックIPを指定 *Xcodeの方 ?? Xcodeの起動 -> File -> Open ->（解凍したフォルダ） ?? 以下ファイルを編集 –? ParkStore > Products > worklight.plist ?protocol??http→httpsへ変更 ?host ??? xxx.xxx.xxx.xxx ← コンテナーのパブリックIPを指定
- 90. ×
- 91. × ?? USERNAME –? user ?? PASSWORD –? password WishListに商品が追加されたこと を確認してください。
- 92. ×
- 94. × Android studioあるいはXcodeをお持ちの方 ?? IPアドレス（Xcode/Androidおよびシミュレーター）の箇所を周 りの方のコンテナーのアドレスを指定して、サーバーにアクセスし てください。 ?? MobileFirstPlatformのコンソール画面を確認してステータスを確 認してください。
- 95. × 以上でハンズオンは終了です!
- 96. × 1U]NVR C[N X]Y 1 FC o m p F x V V M Xe S U M 1 FC – m m h j m “
- 97. ? 2015 IBM Corporation Empowering the IBM ecosystem 1 UXKJU W NY NWN] XP JV OX 2UX]M A J ]Y[ Faifb1 -‐?? m l l ( () MO ( o p h m Y/ RKV KRb LUX]M m h h m m JJA m JJA .-‐?? ?? – 1U]NVR AXO JaN m “– s ?? , “r ?? w ) “r G A hh () P M o p1U]NVR AXO JaN )( w ?? m v s ?? m m v v s ?? 1 “x G A hh ( P M o p1U]NVR AXO JaN s zu ?y sk o p h m ggg x i