IT ソリューション塾 講義資料 © ,all rights reserved by NetCommerce & applied marketing モバイル開発

NetCommerce applied marketing © ,all rights reserved by NetCommerce & applied marketing クライアントサーバーアーキテクチャの変遷 クライアントサーバー Web システム Web アプリ Web サービス 独自プロトコル 独自クライアント リッチコンテンツ クライアント管理 標準プロトコル 標準クライアント リッチコンテンツ 表現力・操作性不足 標準プロトコル 標準クライアント リッチコンテンツ クライアント管理 Ajax TCP/IP 独自プロトコル

NetCommerce applied marketing © ,all rights reserved by NetCommerce & applied marketing Web アプリケーション ブラウザー (Ajax) HTML/JavaScript+HTTP

NetCommerce applied marketing © ,all rights reserved by NetCommerce & applied marketing Web サービスとマッシュアップ XML+SOAP/REST XML = ソフトウェア間の通信に用いるデータ形式 を自由に定義できるマークアップ言語 SOAP/REST = ソフトウェア同士がメッセージ（オ ブジェクト）を交換するためのプロトコル 通信フォーマットと手順の標準化により、 Web ア プリ間の通信が容易になった (Web サービスとしての利用が可能 ) 旅行サイト 複数のサービスを API ベースで連携させて新 たなサービスを提供する → マッシュアップ ブラウザー (Ajax)

NetCommerce applied marketing © ,all rights reserved by NetCommerce & applied marketing クラウド時代のマッシュアップ開発 クラウドサービス API クラウドサービス API OSS パッケージ API マッシュアップ マッシュアップ開発 IT の深い知識がなくても、既 存の Web サービス API を組み 合わせて、短期間でアプリ ケーション開発を行うこと。 新しい開発技法として注目さ れている。 様々な Web サービスや BaaS などのサービス、豊富な OSS などにより、新たなプログラ ミングをせずにアプリケー ションを開発することが可能 になってきた 自社サービス

NetCommerce applied marketing © ,all rights reserved by NetCommerce & applied marketing BaaS (Backend as a Service)/MBaaS アプリケーション ミドルウェア OS ハードウェア SaaSPaaSIaaSBaaS BaaS は元々モバイル向けサービスとして発表されたが、最近では モバイル用の BaaS を MBaaS と呼ぶこともある BaaS モバイルサービスを構築す る際に共通して必要となる 機能をサービスとして用意 し、パッケージで提供する ユーザー管理 プッシュ通知 ソーシャルメディア連携 課金・決済処理 同期・共有・バックアップ ユーザー間のチャット ロケーション連携

NetCommerce applied marketing © ,all rights reserved by NetCommerce & applied marketing JavaScript 開発フレームワーク PC 向け モバイル向け jQuery prototype.js jQuery Mobile iUI jQTouch Sencha Touch Wink toolkit 最も人気のある JavaScript ライブラリ / フレームワークのひとつ jQuery 以前に人気があった JavaScript ライブラリ Ruby on Rails に含まれていた ( 現在は jQuery) jQuery のモバイル版 モバイル向けフレームワークの本命 機能は多くないが、手軽にスマホ向けサイトを構築可能 Sencha 製開発フレームワーク JavaScript を中心にページを記述 パフォーマンスが良く、高機能 JavaScript を中心にページを記述 3D エフェクトなどが豊富に用意されている

NetCommerce applied marketing © ,all rights reserved by NetCommerce & applied marketing MEAP

NetCommerce applied marketing © ,all rights reserved by NetCommerce & applied marketing DevOps (Development-Operations) 従来型 運用チーム 開発チーム ウォーターフォール型 開発と運用が衝突す ることが多い Dev Ops 開発・運用チーム アジャイル型 開発（ Development ）と運用 （ Operations ）が協力し、要求に対してよ り柔軟かつスピーディに対応する

NetCommerce applied marketing © ,all rights reserved by NetCommerce & applied marketing DevOps のための構成管理ツール Puppet Chef CFEngine Bcfg2 OSS のインフラストラクチャー ( サーバー構築、システム管理 ) 自動化ツール Ruby ベースの自動化ツール (2005 ～ ) CFEngine を参考に開発 多くの企業で導入されている Ruby ベースの自動化ツール (2009 ～ ) CFEngine 、 Puppet を参考に開発 IBM 、 MS 、 AWS がサポートを表明 GNU オープンソース構成管理フレームワーク (1993 ～ ) Python ベースの構成管理ツール (2003 ？～ ) 米アルゴンヌ国立研究所が開発

NetCommerce applied marketing © ,all rights reserved by NetCommerce & applied marketing HTML5 は時期尚早？

NetCommerce applied marketing © ,all rights reserved by NetCommerce & applied marketing ネイティブアプリと Web アプリ ネイティブ アプリ ObjectiveC C++, Java C#, VB OS iOS Android Windows Phone ハードウェア スマホ タブレット PC Web アプリ HTML JavaScript Safari, Chrome, IE OS iOS Android Windows Phone ハードウェア スマホ タブレット PC ブラウザー デバイスに最適化した設計が可能 動作が高速で使いやすい デバイス毎に開発が必要 デバイス毎に開発の必要無し アプリマーケットを迂回可能 速度、機能、互換性などは発展途上

NetCommerce applied marketing © ,all rights reserved by NetCommerce & applied marketing HTML とネイティブのハイブリッド開発環境 Web アプリ OS ハードウェア ブラウザー HTML JavaScript ネイティブ アプリ OS ハードウェア PhoneGap Titanium HTML+JavaScript でネイ ティブアプリを開発 デバイス固有の機能にも アクセス可能 HTML5 環境が整備される までの橋渡し

NetCommerce applied marketing © ,all rights reserved by NetCommerce & applied marketing モバイルアプリ開発の課題 Android のフラグメンテーション

NetCommerce applied marketing © ,all rights reserved by NetCommerce & applied marketing iPhone/iPad の画面解像度 オリジナル iPad = 1,024x インチ iPad mini = 1,024x インチ Retina モデル = 2,048x1,536 を 1,024x768 で表示 iPhone5/5c/5s = 1,136x640 を 568x320 で表示 iPhone3/3G/3GS = 480x320 iPhone4/4S = 960x640 を 568x320 で表示 縦横比 3:2 縦横比 16:9 横幅は同じ 縦に 128 ドット拡張 縦横比 4:3

NetCommerce applied marketing © ,all rights reserved by NetCommerce & applied marketing 開発スキルの分化 既存のものを組合わせる 「マッシュアップ」開発 基幹系業務ソフト、インフラ、フレーム ワークをゼロから開発 既存のサービスや OSS を利用してビジネスロジッ クの実装や UI/UX の向上を追求 マッシュアップ用のサービスやフレームワークを 開発・ OSS コミュニティに参加 業務を熟知し、利用者の目線でシステムを開発 コミュニケーション能力、想像力、おもいやり インフラやフレームワークをゼロから開発 プログラミング能力、先見性、論理性、技術力 多能工エンジニア 技術だけでは無く業務でお客様と会話し交 渉できる テクノロジー・スペシャリスト テクノロジーに精通し技術開発そのものが できる