Decode19 cd42 fixer_public_0601

>100 Views

June 04, 19

スライド概要

Vue.js と Firebase, AKS でのクラウドネイティブなスマホアプリの作り方 + ML Ops による AI モデルの作り方
https://www.microsoft.com/ja-jp/events/decode/2019session/detail.aspx?sid=CD42
#decode19

profile-image

ヴイエムウェア株式会社 プリンシパルエンタープライズアーキテクト。Microsoft で13年間、テクニカルエバンジェリストとして .NET、Visual Studio、Windows、iOS、Android、Microsoft Azure 等の開発者向け最新技術啓発活動を実施。その後、Dell、Accenture、Elastic 等を通じて現職でも同様の活動を実施。 2019年4月〜2021年8月迄、内閣官房 IT 総合戦略室 政府 CIO 補佐官を兼務、2021年9月〜2024年3月迄、デジタル庁 PjM ユニット ソリューションアーキテクトを兼務。 2022年、企業向けに技術顧問、クラウド等開発技術トレーニング、技術マーケティング支援、エバンジェリスト業務、エバンジェリスト養成などを行う合同会社デベロッパーアドボケイトを設立、数社の技術顧問業務や、トレーニング等を実施。

シェア

またはPlayer版

埋め込む »CMSなどでJSが使えない場合

(ダウンロード不可)

関連スライド

各ページのテキスト
1.

de:code 2019 CD42 Vue.js と Firebase, AKS でのクラウドネイティブな スマホ アプリの作り⽅+ ML Ops による AI モデルの作り⽅ 株式会社 FIXER Cloud Evangelist 株式会社 FIXER Cloud Solutions Engineer 株式会社 FIXER Technical Fellow, Evangelist / 内閣官房 政府 CIO 補佐官 横⼭ 依⼦ 市岡 由偉 鈴⽊ 章太郎 千賀 ⼤司 株式会社 FIXER Microsoft MVP / Fellow, Head of R&D Division

2.

Opening Talk 株式会社 FIXER Cloud Evangelist 横⼭ 依⼦

3.

横⼭ 依⼦ (ヨコヤマ ヨリコ) 株式会社FIXER Cloud Evangelist Follow me! @yokoyamasandesu

4.

Technology to FIX your challenges. あなたのチャレンジをテクノロジーで成就する 私たちはテクノロジーの⼒を信じています。 情報化社会のビジネスシーンにおいて、 新たなチャレンジの基盤となるテクノロジー。 スローガンに込めた「FIX(=成就)」とは、 お客さまのチャレンジを実現し、事業の価値を⾼めること。 そして「your challenges」は、お客さまとFIXER の社員、 あらゆるステークホルダーのチャレンジを⽰します。 その全てをテクノロジーでFIX することが 私たちの歓びであり、みなさまへの約束です。 © COPYRIGHT 2019 FIXER Inc.

5.

■会社名 株式会社FIXER ■所在地 東京本社 名古屋事業所 FIXERクラウドセンター(三重) ⾦沢事業所 FIXER Technologies, Inc. (⽶国) ■設⽴ 2009年11⽉6⽇ ■代表取締役社⻑ 松岡 清⼀ ■関連会社 ドラゴン東京 © COPYRIGHT 2019 FIXER Inc.

6.

当社が提供するサービスの全体像 Fintech サービス開発 クラウドバンキングの開発から、 デジタル時代の銀⾏のビジネスと システムアーキテクチャデザイン Lift & Shift マネージド サービス クラウド移⾏の 難易度・効果を クイックに診断、 プランをご提案 AI / Machine Learning 先端技術開発 MaaS (Mobility as a Service) ⾃然⾔語処理のLegal Tech応⽤、 対話型エージェントの開発 マルチモーダルサービス対応の アプリ開発、⾃動運転時代の データプラットフォーム開発 cloud.config cloud.config Portal 設計・監視・運⽤ ・保守を24/7⽀援 するフルネージド サービス プロビジョニング からスケーリング までを⾃動化する 管理ポータル IoT Platform クラウドの利点をフル活⽤できる 5G時代のデータ収集・転送・分析 プラットフォームの開発 © COPYRIGHT 2019 FIXER Inc.

7.

◆2018年 ・Microsoft Japan Partner of the Year Financial Services Award 受賞 ◆2017年 ・Microsoft Worldwide Partner Award 受賞 ◆2016年 ・⽇本から唯⼀、Microsoft Worldwide Partner Conferenceにブース出展 ・Microsoft「AppSource」にて、⽇本市場初のサービス提供開始 ◆2015年 ・⽶国Microsoftが選出する⽇本第1号の 「Microsoft Azure Cloud Solution Provider」に認定 ・Microsoft MVP Awardを社員2名が受賞 (Data Platform[Azure Machine Learning]カテゴリー) ◆2013年、2014年 ・「Microsoft Japan Partner of the Year」受賞 © COPYRIGHT 2019 FIXER Inc.

8.

© COPYRIGHT 2019 FIXER Inc.

10.

© COPYRIGHT 2019 FIXER Inc.

11.

Demo

12.

FIXER Café アプリ実装と アーキテクチャ 株式会社 FIXER Cloud Solutions Engineer 市岡 由偉

13.

いちおか ゆい 市岡 由偉 株式会社FIXER Cloud Solutions Engineer @redshoga © COPYRIGHT 2019 FIXER Inc.

14.

Architecture Firebase Authentication OneSignal Push Notification Design Figma Auth Check API Browser (or PWA App) Hosting Firebase Hosting Payment Firebase Functions Stripe Save Firebase Realtime Database © COPYRIGHT 2019 FIXER Inc.

15.

© COPYRIGHT 2019 FIXER Inc.

16.

© COPYRIGHT 2019 FIXER Inc.

17.

Architecture Firebase Authentication OneSignal Push Notification Design Figma Auth Check API Browser (or PWA App) Hosting Firebase Hosting Payment Firebase Functions Stripe Save Firebase Realtime Database © COPYRIGHT 2019 FIXER Inc.

18.

Vue.js Features • Progressive Web Framework • Approachable (親やすい) • Composing with Components (コンポーネントによる構成) © COPYRIGHT 2019 FIXER Inc.

19.

© COPYRIGHT 2019 FIXER Inc.

20.

HTML JavaScript CSS © COPYRIGHT 2019 FIXER Inc.

21.

Architecture Firebase Authentication OneSignal Push Notification Design Figma Auth Check API Browser (or PWA App) Hosting Firebase Hosting Payment Firebase Functions Stripe Save Firebase Realtime Database © COPYRIGHT 2019 FIXER Inc.

22.

Nuxt.js Features • • • Vue.js Framework High Performance Modular © COPYRIGHT 2019 FIXER Inc.

23.

© COPYRIGHT 2019 FIXER Inc.

24.

© COPYRIGHT 2019 FIXER Inc.

25.

© COPYRIGHT 2019 FIXER Inc.

26.

Architecture Firebase Authentication OneSignal Push Notification Design Figma Auth Check API Browser (or PWA App) Hosting Firebase Hosting Payment Firebase Functions Stripe Save Firebase Realtime Database © COPYRIGHT 2019 FIXER Inc.

27.

Features • mBaaS • Hosting, DB, Storage, Functions, Auth… • Simple • Low-Cost © COPYRIGHT 2019 FIXER Inc.

28.

© COPYRIGHT 2019 FIXER Inc.

29.

Architecture Firebase Authentication OneSignal Push Notification Design Figma Auth Check API Browser (or PWA App) Hosting Firebase Hosting Payment Firebase Functions Stripe Save Firebase Realtime Database © COPYRIGHT 2019 FIXER Inc.

30.

Features • Cost • Secure • Dev Friendly © COPYRIGHT 2019 FIXER Inc.

31.

© COPYRIGHT 2019 FIXER Inc.

32.

Architecture Firebase Authentication OneSignal Push Notification Design Figma Auth Check API Browser (or PWA App) Hosting Firebase Hosting Payment Firebase Functions Stripe Save Firebase Realtime Database © COPYRIGHT 2019 FIXER Inc.

33.

Debug Build check Deploy Pull request Clone Developer GitHub Azure Pipelines Firebase Hosting Merge Manager © COPYRIGHT 2019 FIXER Inc.

34.

FIXER Café アプリ拡張と アーキテクチャ 株式会社 FIXER Technical Fellow, Evangelist 内閣官房 政府 CIO 補佐官 鈴⽊ 章太郎

35.

鈴⽊ 章太郎 株式会社 FIXER Technical Fellow, Evangelist 内閣官房 政府 CIO 補佐官 (法務省担当) 元 Microsoft Technical Evangelist Follow me! @shosuz © COPYRIGHT 2019 FIXER Inc.

36.

アプリケーションのクラウド移⾏ オンプレミス IaaS コンテナ サーバーレス © COPYRIGHT 2019 FIXER Inc.

37.

リアーキテクト : アプリのアーキテクチャ変更 モノリシック マイクロサービス © COPYRIGHT 2019 FIXER Inc.

38.

マイクロサービス アーキテクチャ スタイル https://docs.microsoft.com/ja-jp/azure/architecture/guide/architecture-styles/microservices © COPYRIGHT 2019 FIXER Inc.

40.

FIXER Café アプリの Architecture Push Notification Design Figma Firebase Authentication OneSignal Auth Check API Browser (or PWA App) Hosting Firebase Hosting Payment Firebase Functions Stripe Save Firebase Realtime Database © COPYRIGHT 2019 FIXER Inc.

41.

FIXER Café アプリのマイクロサービス化 商品管理 ⽀払い ・・・ おすすめ機能 © COPYRIGHT 2019 FIXER Inc.

42.

© COPYRIGHT 2019 FIXER Inc.

43.

Demo

44.

Machine Learning with CI/CD & Automation ML Ops による AI モデルの作り⽅ 〜 ML Ops を実現する サービス と アーキテクチャ 〜 株式会社 FIXER Microsoft MVP / Fellow, Head of R&D Division 千賀 ⼤司

45.

せんが ひろし 千賀 ⼤司 Fellow, Head of R&D Division @hiroshi1000 Microsoft MVP for AI やまもと かずき ⼭本 和貴 Data Scientist, AI/ML Engineer R&D Division

46.

@hiroshi1000 © COPYRIGHT 2019 FIXER inc.

47.

https://tech-blog.cloud-config.jp/2019-05-30-decode2019-mlops/

49.

ML/AIのライフサイクル実現という⾰命的進化! • 賢いモデル=予測精度の⾼いモデル • 予測精度が下がっても ⇒真のAIにまた⼀歩近づく @hiroshi1000 © COPYRIGHT 2019 FIXER inc.

50.

@hiroshi1000 © COPYRIGHT 2019 FIXER inc.

51.

@hiroshi1000 © COPYRIGHT 2019 FIXER Inc.

52.

Automated Machine Learning • Azure Machine Learning Service Ø 分類器のアルゴリズムを⾃動的に選択 Ø ハイパーパラメーターのチューニングまで⾃動で実施 @hiroshi1000 © COPYRIGHT 2019 FIXER inc.

53.

複雑すぎる機械学習(モデル選択やチューニング) 「Cloud and Server Product Japan Blog」より https://blogs.technet.microsoft.com/mssvrpmj/2018/12/14/new-automated-machine-learning-capabilities-in-azure-machine-learning-service/

54.

DNNを含め、多様な アルゴリズムを利⽤可能 @hiroshi1000 © COPYRIGHT 2019 FIXER inc.

55.

@hiroshi1000 © COPYRIGHT 2019 FIXER inc.

56.

@hiroshi1000 © COPYRIGHT 2019 FIXER inc.

57.

@hiroshi1000 © COPYRIGHT 2019 FIXER inc.

58.

モデル開発 マイグレーション ⇒ML/AIのライフサイクル管理へ ⇒AI/MLが⾃動的に学習して勝⼿に 精度を向上させる、⾃分で賢くなる @hiroshi1000 © COPYRIGHT 2019 FIXER inc.

59.

利⽤履歴・精度データ ModelDataCollector @hiroshi1000 © COPYRIGHT 2019 FIXER inc.

60.

Automation @hiroshi1000 Environment Repos © COPYRIGHT 2019 FIXER inc.

61.

CI/CD Services @hiroshi1000 Cloud Environment Artifacts © COPYRIGHT 2019 FIXER inc.

62.

https://azure.microsoft.com/ja-jp/services/devops/ @hiroshi1000 © COPYRIGHT 2019 FIXER inc.

63.

• • • • @hiroshi1000 Python 2, Python 3, R, and F# Azure ML SDKセットアップ済み 4GBメモリ、1GBデータまでのインスタンス は無料利⽤可 独⾃のインスタンスも利⽤可(有料) © COPYRIGHT 2019 FIXER inc.

64.

• Azure Notebooks から ワークスペースを利⽤ • 学習済みモデルの管理 • 学習済みモデルを格納した コンテナを管理 @hiroshi1000 © COPYRIGHT 2019 FIXER inc.

65.

@hiroshi1000 © COPYRIGHT 2019 FIXER inc.

66.

MLOps / パイプライン の⼊り⼝ Azure Notebooksへのソースの展開 @hiroshi1000 © COPYRIGHT 2019 FIXER inc.

67.

Automated Machine Learning による学習の⾃動化 @hiroshi1000 © COPYRIGHT 2019 FIXER inc.

68.

通常のトレーニング @hiroshi1000 © COPYRIGHT 2019 FIXER inc.

69.

Automated MLのトレーニング @hiroshi1000 © COPYRIGHT 2019 FIXER inc.

70.

MLOps 〜 MLライフサイクル管理の⾃動化 〜 @hiroshi1000 © COPYRIGHT 2019 FIXER inc.

71.

Azure DevOps / Pipelines ライフサイクル構築 Azure Pipelines でのパイプライン作成 ⼆つのパイプライン ~BuildsパイプラインとReleasesパイプライン~ @hiroshi1000 © COPYRIGHT 2019 FIXER inc.

72.

Azure DevOps / Pipelines ライフサイクル構築 GitHubとの連携・フックからの⾃動ビルド モデルのトレーニング → GitHubフックによりAMLS起動 @hiroshi1000 © COPYRIGHT 2019 FIXER inc.

73.

Azure DevOps / Pipelines ライフサイクル構築 GitHubとの連携・フックからの⾃動ビルド トレーニング済みモデルの格納 モデルのコンテナイメージ化 @hiroshi1000 © COPYRIGHT 2019 FIXER inc.

74.

Azure DevOps / Pipelines ライフサイクル構築 GitHubとの連携・フックからの⾃動ビルド コンテナイメージのデプロイ @hiroshi1000 © COPYRIGHT 2019 FIXER inc.

75.

Azure DevOps / Pipelines ライフサイクル構築 コンテナの動作確認 @hiroshi1000 © COPYRIGHT 2019 FIXER inc.

76.

https://github.com/hiroshi1000/decode2019-Azure-MLOps https://notebooks.azure.com/hiroshi1000/projects/decode2019-MLOps @hiroshi1000 © COPYRIGHT 2019 FIXER inc.

77.

【初⼼者の⽅も歓迎】 https://fixer-lab.connpass.com/event/133303/ @hiroshi1000 © COPYRIGHT 2019 FIXER inc.

78.

https://tech-blog.cloud-config.jp/2019-05-30-decode2019-mlops/

79.

Ending Talk 株式会社 FIXER Cloud Evangelist 横⼭ 依⼦

80.

株式会社FIXER ブース紹介 cloud.config evangelist ⼤募集! DevOps⼈材教育“cloud.config Boot Camp” 短期集中で即戦⼒となるクラウド時代のDevOps⼈材教育 プログラムで、企業の内製化をサポート! FIXERブースにて体験版 Boot Camp を実施中! EXPOエリア内のブースにて体験版 Boot Camp を公開! (Azureインフラ基礎編/.Net Core開発編 etc) あなたもエバンジェリストとして活躍しませんか? 外部講師としてトレーニングを推進するエバンジェリスト⼤募集! 詳しくはブースにてご紹介します。 © COPYRIGHT 2019 FIXER Inc.