• 検索結果がありません。

紹介 Master of Cloud/Mobile アプリエン ジニアへの道

N/A
N/A
Info
ダウンロード
Protected

Academic year: 2021

シェア "紹介 Master of Cloud/Mobile アプリエン ジニアへの道"

Copied!
58
0
0

読み込み中.... (全文を見る)

今ダウンロードする ( 58 ページ )

全文

(1)

紹介「Master of

Cloud/Mobile アプリエン

ジニアへの道」

(2)

Google Developer Expert / Cloud Team

● Google App Engine

● Google Apps API

株式会社トップゲート CTO

● Google App Engine, Google Apps API

○ Java / JavaScript / Golang / Objective-C ○ Enterprise Web Applications, iOS, Android

@shin1ogawa

https://plus.google.com/+ShinichiOgawa

(3)
(4)

結論：何を学ばせたいのか？

● Issue Tracker、ソースコード管理

● Maven, Grunt等のビルドツール

● Unit testツール

● 上記を使ったCIの運用、自動化の重要性

● PaaS上で稼働するアプリケーションの開発

● ブラウザ上で稼働するアプリケーションの開発

● 継続的な学習の重要性

プログラムを書けるだけのプログラマではなく、ア

プリケーションを構築できるプログラマを技術、姿

勢の面で育成する

(5)
(6)

● Enterprise向け

○ Server: Cloud, On-premises

○ Client: Web browser(PC), Web browser

(Smart device), Smart device

● Consumer向け

○ Server: Cloud, On-Premises

○ Client: Smart device, Web browser(Smart

device), Web browser(PC)

最近のアプリケーション開発事情

Platform

(7)

● Cloud(API) + Web Browser(JavaScript) on PC

● Cloud(API) + Web Browser(JavaScript) on

Smart device

● Cloud(API) + Native(Java, iOS) on Smart device

最近のアプリケーション開発事情

Platform

Server側はどんどんCloudに移行するのは間違いな

いので…

(8)

● Cloud(API) + Web Browser(JavaScript) on PC

● Cloud(API) + Web Browser(JavaScript) on

Smart device

● Cloud(API) + Native(Java, iOS) on Smart device

● BaaS(開発無) + Native(Java, iOS) on Smart

device

最近のアプリケーション開発事情

Platform

Server側はどんどんCloudに移行するのは間違いな

いので…

これらのパターンにはまるものが多くなる

(9)
(10)

● Cloudの「安い」イメージにより、低コスト短工期な流

れはこれまで以上に加速

○ 低コストに対応するための、単価の安いPoorなエンジニ アが増えてしまっている

● ユーザがConsumer側の立場として、リッチな体験を

普通にしている

○ Frameworkやツールを使った、画一的なFrameworkだ けでは良いUXを提供できない ○ アプリ固有のUXをアプリごとに設計実装しなければ満足 は得られない

Cloud, Mobileの影響

困る（？）

(11)

● インフラの初期コスト、運用コストが下がったた

め、小規模な組織や個人でも、全世界に向けた

アプリケーションを開発運用できるようになって

いる

● マーケットプレイスが普通になり、ユーザに直接

リーチする機会が劇的に増えている

● ユーザが色々な状況（場所時間）で頻繁にデバ

イスを利用できるので、アプリを使ってもらう機会

も増えている

Cloud, Mobileの影響

良くなっている

(12)

● 少人数、1人、分散した場所での作業でも、さく

さくとアプリケーション構築のサイクルを回せる人

員を育てる

○ 1人でアプリケーションを構築できるのが良い ○ 実際そのような人材が切に求められている

● 少人数チームで生産性を上げるには？

○ CIを前提に、ビルドやUnit Test等のプロセスを、最大限 の範囲で自動化する。 ○ ユーザが触るフロントエンドがキモなので、バックエンド 側の工数を削減する。

Cloud, Mobileの影響

困難を克服しつつ、チャンスは利用したい

(13)
(14)

● 人間が作業すると必ずミスをするので、自動化

できるところは自動化する

○ 環境 ■ ソースコード管理、チケット駆動 …を自動的に連動させる ○ アプリケーション ■ コンパイル、テスト、パッケージング、デプロイ …を自動化する

Tools

自動化

(15)

● 関係者の行動、関係するリソースへの変更、を

可視化する

○ 環境 ■ ソースコード管理、チケット駆動 …を自動的に配信する ○ アプリケーション ■ コンパイル、テスト、パッケージング、デプロイ …の結果も自動的に配信する

Tools

可視化

(16)

● 自動化も可視化も、できていないプロジェクトは

全くできていない。

そういう環境へ「理想的な環境」を無理やり導入

するのはコストを伴うので、無理をするのはよくな

い。

Tools

！注意

「バランスが肝心」

(17)
(18)

● Se rver

○ Google Cloud Platform

■ PaaS: Google App Engine ○ Slim3

■ Google App Engine専用のFramework

○ Mavenを使ってコンパイル、UnitTestを実行、レポート...

● Client

○ JavaScript

■ Coffee Script, Type Script等 ○ Less, Sass

○ 時代に合わせてFrameworkを選定

○ Yo, Bower, Gruntを使ってJavaScript, UnitTestを実行、CSSにコ ンパイル...

Master of Cloud/Mobile Engineer

(19)

Master of Cloud/Mobile Engineer

● Issue Tracker、ソースコード管理

● Maven, Grunt等のビルドツール

● Unit testツール

● 上記を使ったCIの運用、自動化の重要性

● PaaS上で稼働するアプリケーションの開発

● ブラウザ上で稼働するアプリケーションの開発

● 継続的な学習の重要性

プログラムを書けるだけのプログラマではなく、ア

プリケーションを構築できるプログラマを技術、姿

勢の面で育成する

(20)

アプリケーション構築において、プログラミングは

小さい要素。開発時や運用時の環境（Platform）

をどれだけ活用できるか、開発〜配備、分析まで

の運用をうまく回せるか、が重要。

Master of Cloud/Mobile Engineer

● プログラミングは独学でも学べるし、言語レベルで

良い悪い言うのはアプリケーション構築経験の浅い

人

● アプリケーションのユーザにはプログラミング言語が

どうたらは関係ない

(21)
(22)

Google Cloud Platform

● Google App Engine

○ PaaS

● Google Compute Engine ○ IaaS

● Google Cloud Storage ○ SaaS

● Google Cloud SQL ○ DBaaS

● Google BigQuery

○ Analyze big data ● More

○ Prediction API, Translate API

(23)

Google Cloud Platform

● Platform as a Service

● Auto scale out

● Easy to

○ develop, deploy, maintain ○ Small start, Inexpensive

○ Not need to engineer for infrastructure so you can focus to build your application

● nice SDK

● Admin Console

Google App Engine

(24)

Google Cloud Platform

Google App Engine

● Enterprise

○ SulAmerica (2012, Brazil)

● Social

○ Applibot (2012, Japan)

● Campain

○ Mixi (2009, Japan)

○ Tokyu Hands (2010, Japan)

○ Royal wedding (2011, United Kingdom)

● There are many cases since 2008

○ 2008/4 Python, 2009/4 Java, 2011/5 Golang ○ 2011/11 G/A

(25)

Google Cloud Platform

● Infrasturacture as a Service

○ similar to Amazon EC2

● Tools

○ Web Interface

○ Command line tools

○ API(OAuth2/https/json)

Google Compute Engine

(26)

Google Cloud Platform

● Storage as a Service

○ similar to Amazon S3

● Tools

○ Web Interface

○ Command line tools

○ API(OAuth2/https/json)

Google Cloud Storage

(27)

Google Cloud Platform

● Database as a Service

○ similar to Amazon RDS

● Tools

○ Web Interface

○ Command line tools

○ API(OAuth2/https/json)

Google Cloud SQL

(28)

Google Cloud Platform

●

"Analyze Big Data in the cloud using

SQL and get real-time business insights

in seconds using Google BigQuery. Use

a fully-managed data analysis service

with no servers to install or maintain."

● Tools

○ Web Interface

○ Command line tools

○ API(OAuth2/https/json)

BigQuery

(29)

Google Cloud Platform

BigQuery

Scale - Terabytes of data, trillions of records.

Speed - Analyze billions of rows in seconds.

●

1 terabyte/second

Simplicity - SQL-like query language, hosted

on Google infrastructure.

(30)

Google Cloud Platform

● Prediction API

○ "Tap into Google’s machine learning algorithms to analyze data and predict future outcomes."

● Translate API

○ "Use Google Translate API to build multilingual apps and programmatically translate text in your webpage or application."

Other Products

(31)

● Google provides several platform

○ IaaS: Google Compute Engine ○ PaaS: Google App Engine

○ S(torage)aaS: Google Cloud Storage ○ DBaaS: Google Cloud SQL

● BigQuery is very unique platform

○ Anaylizing big data: BigQuery

Google Cloud Platform

(32)

● Google provides several platform

○ IaaS: Google Compute Engine ○ PaaS: Google App Engine

○ S(torage)aaS: Google Cloud Storage ○ DBaaS: Google Cloud SQL

○ DBaaS: Google Cloud Datastore ○ BaaS: Mobile backend starter

■ https://developers.google.com/cloud/samples/mbs/

● BigQuery is very unique platform

○ Anaylizing big data: BigQuery

Google Cloud Platform

(33)
(34)

午後の部はハンズオンと

なります

(35)
(36)

● Cloud(API) + Web Browser(JavaScript) on PC

● Cloud(API) + Web Browser(JavaScript) on

Smart device

● Cloud(API) + Native(Java, iOS) on Smart device

● BaaS(開発無) + Native(Java, iOS) on Smart

device

最近のアプリケーション開発事情

Platform

Server側はどんどんCloudに移行するのは間違いな

いので…

これらのパターンにはまるものが多くなる

(37)
(38)

Sequence of old style Web App

Server

Client(Browser) Request HTML

(39)

Sequence of old style Web App

Server Client(Browser) Request HTML DB Other Services retrive data build HTML

(40)

Sequence of old style Web App

Server Client(Browser) Request HTML retrive data build HTML Respond HTML

(41)

Sequence of old style Web App

Server

Client(Browser)

Request HTML Respond HTML

parse HTML

render layout and data

Title data1 data2 data3 ...

(42)

Sequence of old style Web App

Server

Client(Browser)

Request HTML Respond HTML

Request Images, Stylesheets

parse HTML

render html and data

Title data1 data2 data3 ...

(43)

Sequence of old style Web App

Server

Client(Browser)

Request HTML Respond HTML

Request Images, Stylesheets Respond Images, Stylesheets

Title data1 data2 data3 ...

(44)

Sequence of old style Web App

Server

Client(Browser)

Request HTML Respond HTML

Request Images, Stylesheets Respond Images, Stylesheets

render layout and images

data1 ... ... Title data2 ... ... done! data3 ... ...

(45)

● Server respond

○ HTML with data (=dynamic content)

■ Usually use template engine to build html

● JSP, JSF, …

○ Other static resources

■ Images, Stylesheets, Javascripts,...

Sequence of old style Web App

(46)

Sequence of new style Web App

Server

Client(Browser) Request HTML

(47)

Sequence of new style Web App

Server

Client(Browser)

(48)

Sequence of new style Web App

Server Client(Browser) Request HTML Respond HTML parse HTML render html Title

(49)

Sequence of new style Web App

Server

Client(Browser)

Request HTML Respond HTML

Request Images, Stylesheets, JS

parse HTML render html

(50)

Sequence of new style Web App

Server

Client(Browser)

Request HTML Respond HTML

Respond Images, Stylesheets, JS

Request Images, Stylesheets, JS

(51)

Sequence of new style Web App

Server

Client(Browser)

Request HTML Respond HTML

Respond Images, Stylesheets, JS

Title

render layout and images run JS

(52)

Sequence of new style Web App

Server

Client(Browser)

Request HTML Respond HTML

Respond Images, Stylesheets, JS

Title

Request Images, Stylesheets, JS

(53)

Sequence of new style Web App

Server

Client(Browser)

Request HTML Respond HTML

Respond Images, Stylesheets, JS

Title

DB

Other Services

retrive data

Request Images, Stylesheets, JS

(54)

Sequence of new style Web App

Server

Client(Browser) Title

Request HTML Respond HTML

Respond Images, Stylesheets, JS Request Images, Stylesheets, JS

Request Data Respond Data as JSON

(55)

Sequence of new style Web App

Server

Client(Browser)

Request HTML Respond HTML

Respond Images, Stylesheets, JS Request Images, Stylesheets, JS

Request Data Respond Data as JSON

render Data by JS Title done! data1 ... ... data2 ... ... data3 ... ...

(56)

● Server respond

○ HTML

■ does not contain data

■ does not generate (=static content) ○ Other static resources

■ Images, Stylesheets, Javascripts,... ○ JSON(data)

● Programs are run on both of server and

client.

○ Server: Java, JavaScript, Python, PHP, Perl, Golang… ○ Client(Web browser): JavaScript

Sequence of new style Web App

(57)
(58)

参照

今ダウンロードする ( PDF - 58 ページ - 555.53 KB )

関連したドキュメント

中学１年生 数学　【空間図形】いろいろな立体　練習プリント　無料ダウンロード・印刷 - このページの問題プリント　全部

[r]

中学１年生 数学　【空間図形】いろいろな立体　練習プリント　無料ダウンロード・印刷 - このページの答えのプリント　全部

[r]

プリンタドライバ操作マニュアル このたびは本機をお買あげいただきまして まことにありがとうございました お読みになったあとは本機のそばなど いつも手元においてお使いください

* Windows 8.1 （32bit / 64bit）、Windows Server 2012、Windows 10 （32bit / 64bit） 、 Windows Server 2016、Windows Server 2019 / Windows 11.. 1.6.2

対ロシア主要輸入品の推移（年ベース）

[r]

対世界主要輸出品の推移（年ベース）

[r]

日本の自動車輸出相手国上位10カ国の推移

[r]

【 サッカーのボランティア 】

◆  鹿島アントラーズ  http://www.so-net.ne.jp/antlers/news/detail/20091224̲16̲2463.html 

Perform procedures in order from (1) through (6) below using Web browser and e-mail to obtain a Reporter ID.

When change occurs in the contact person name, address, telephone number and/or an e-mail address, which were registered when the Reporter ID was obtained, it is necessary to