37
UI×API×AWS

Amazon Web Servicesブース:UI×API×AWS 横田 聡

  • View
    1.016

  • Download
    4

Embed Size (px)

DESCRIPTION

 

Citation preview

Page 1: Amazon Web Servicesブース:UI×API×AWS 横田 聡

Copyright © Classmethod 1

UI×API×AWS

Page 2: Amazon Web Servicesブース:UI×API×AWS 横田 聡

Copyright © Classmethod 2

Page 3: Amazon Web Servicesブース:UI×API×AWS 横田 聡

Copyright © Classmethod 3

なぜUI?

Page 4: Amazon Web Servicesブース:UI×API×AWS 横田 聡

Copyright © Classmethod 4

Page 5: Amazon Web Servicesブース:UI×API×AWS 横田 聡

Copyright © Classmethod 5

・申込UP・満足UP・効率UP・魅力UP

Page 6: Amazon Web Servicesブース:UI×API×AWS 横田 聡

Copyright © Classmethod 6

Page 7: Amazon Web Servicesブース:UI×API×AWS 横田 聡

Copyright © Classmethod 7

・ゴール指向・サーバ変更なし・UI変更容易

Page 8: Amazon Web Servicesブース:UI×API×AWS 横田 聡

Copyright © Classmethod 8

Page 9: Amazon Web Servicesブース:UI×API×AWS 横田 聡

Copyright © Classmethod 9

・利用シーン・機能厳選・サーバ変更なし

Page 10: Amazon Web Servicesブース:UI×API×AWS 横田 聡

Copyright © Classmethod 10

鳥瞰図

SAP NetWeaver BPM AmazonEC2

AppleAPNS

RIA

PDF

iPhone

クラウド

クラウド

SOAプラットフォーム

SOAP SOAP

SOAPMail

PUSH

決裁権者(最終承認)

Page 11: Amazon Web Servicesブース:UI×API×AWS 横田 聡

Copyright © Classmethod 11

・クラウドを繋ぐ・API基盤・複数のUI

Page 12: Amazon Web Servicesブース:UI×API×AWS 横田 聡

Copyright © Classmethod 12

RIA+クラウドが実現することDB

DB

業務B

業務C業務A

社内システム

DB

DB

WEBサービス WEB

サービス

WEBサービス

社外サービス

DB

File

デスクトップ

モバイル

デバイス

ブラウザ

インタークラウド

クラウド

業務B

業務C業務A

仮想化

Page 13: Amazon Web Servicesブース:UI×API×AWS 横田 聡

Copyright © Classmethod 13

・利用者へ届く・既存資産を活かす・後から増やす

Page 14: Amazon Web Servicesブース:UI×API×AWS 横田 聡

Copyright © Classmethod 14

なぜUIとサーバー側を分けるのか?

ユーザインタフェース

ロジック/ データ

・人が使うものは使いながら日々洗練させる。・1カ月に1回のペースで更新。・変化があることが良い。・様々なクライアント端末に対応。

・データ構造やロジックの定義には時間が掛るが1回固まったら変更することはめったにない。

・1年に1回のペースで更新。・安定運用が肝。 → クラウド活用

APIの追加/更新は3カ月に1回程度

重要

API

Page 15: Amazon Web Servicesブース:UI×API×AWS 横田 聡

Copyright © Classmethod 15

表示端末による自動切り替え

Page 16: Amazon Web Servicesブース:UI×API×AWS 横田 聡

Copyright © Classmethod 16

Twitterのインフラとインタフェース(例)

システムインフラ処理環境ストレージネットワークセキュリティ・・・

Twitter基

盤API

Page 17: Amazon Web Servicesブース:UI×API×AWS 横田 聡

Copyright © Classmethod 17

システムのグランドデザイン

Amazon処理環境ストレージネットワークセキュリティ・・・

SPIN基盤

API

クラスメソッド製

Page 18: Amazon Web Servicesブース:UI×API×AWS 横田 聡

Copyright © Classmethod 18

SPINプラットフォーム活用例

Page 19: Amazon Web Servicesブース:UI×API×AWS 横田 聡

Copyright © Classmethod 19

・Tomcat,MySQL・Spring Roo, Play/Scala・Amazon API・HTML5/CSS3/jQuery・iPhone/Android

SPIN プラットフォームの技術基盤

Page 20: Amazon Web Servicesブース:UI×API×AWS 横田 聡

Copyright © Classmethod 20

・自動伸縮(ELB)・高可用性(EC2)・無停止DB(RDS)・事業継続(MultiAZ)・バージョン管理(Beanstalk)・負荷軽減(CloudFront)・長期データ保存(S3)

AWS最大活用

SPINプラットフォームが載るAWS

Page 21: Amazon Web Servicesブース:UI×API×AWS 横田 聡

Copyright © Classmethod 21

・セッション維持型LB・セッションレプリケーション・利用レポート(CloudWatch)・マシンイメージ保存(AMI)・iPhone/Android/HTML5対応・トランザクション、セキュリティ・高速開発&高速更新

SPINプラットフォームならでは

Page 22: Amazon Web Servicesブース:UI×API×AWS 横田 聡

Copyright © Classmethod 22

Page 23: Amazon Web Servicesブース:UI×API×AWS 横田 聡

Copyright © Classmethod 23

・Android SDK・HTML5/PhoneGap・AIR for Android

Page 24: Amazon Web Servicesブース:UI×API×AWS 横田 聡

Copyright © Classmethod 24

Page 25: Amazon Web Servicesブース:UI×API×AWS 横田 聡

Copyright © Classmethod 25

・Objective-C・HTML5/PhoneGap・AIR for iOS

Page 26: Amazon Web Servicesブース:UI×API×AWS 横田 聡

Copyright © Classmethod 26

クラスメソッドのサービスについて

Page 27: Amazon Web Servicesブース:UI×API×AWS 横田 聡

Copyright © Classmethod 27

当社HPをご覧ください

Page 28: Amazon Web Servicesブース:UI×API×AWS 横田 聡

Copyright © Classmethod 28

お客様の課題既存アプリの動作が遅く、UIがわかりづらく、利用者が目的を達成するまでに時間が掛っていた。BCPについても検討している。

解決策

財団法人 建設物価調査会様の事例

クラスメソッドの解決策・データベースの再構築(高速レスポンス)・ユーザーインタフェースを一新(Flex)・クラウド(AWS)の活用(EC2,S3)

Page 29: Amazon Web Servicesブース:UI×API×AWS 横田 聡

Copyright © Classmethod 29

・どこから手をつけてよいのかわからない

・やってみたけど、うまくいかない

お声かけください!

Page 30: Amazon Web Servicesブース:UI×API×AWS 横田 聡

Copyright © Classmethod 30

当社HPをご覧ください

Page 31: Amazon Web Servicesブース:UI×API×AWS 横田 聡

Copyright © Classmethod 31

・スマホアプリ検討中・どうやればよいのか・サーバー連携したい

お声かけください!

Page 32: Amazon Web Servicesブース:UI×API×AWS 横田 聡

Copyright © Classmethod 32

当社HPをご覧ください

Page 33: Amazon Web Servicesブース:UI×API×AWS 横田 聡

Copyright © Classmethod 33

お客様の課題離脱率を低減させたい。直感的でわかりやすいUIが必要。

解決策

あるサービス企業様の事例

クラスメソッドの解決・OSSを活用してライセンスコスト低減・ビジネスの速度10倍速(業務改善)・サービスメニュー数8倍(設定容易)・新人へのシステム教育コスト激減

Page 34: Amazon Web Servicesブース:UI×API×AWS 横田 聡

Copyright © Classmethod 34

・デザインは重要だとわかっているが…

・専門家に任せたい

お声かけください!

Page 35: Amazon Web Servicesブース:UI×API×AWS 横田 聡

Copyright © Classmethod 35

Page 36: Amazon Web Servicesブース:UI×API×AWS 横田 聡

Copyright © Classmethod 36

1000本ノックを開始!!

•クラスメソッドは、Amazonクラウドに強くコミットしています。インタフェース開発に情熱を持っています。業務アプリのAPI化に力を注いでいます。

Page 37: Amazon Web Servicesブース:UI×API×AWS 横田 聡

Copyright © Classmethod 37