IBMDojo_CloudFoundry - Speaker Deck

Slide 1

Slide 1 text

ƄrIBM Dojo #2 Web°¾DB (Cloud Foundry) Aya Tokura Developer Advocate Tokyo City Team

Slide 2

Slide 2 text

夏のIBM Dojo 2019 No. 開催日時間タイトル #1 8月7日(水) 14:00-17:00 Cloud入門 #2 8月21日(水) 14:00-17:00 Webアプリ+DB on Cloud Foundry #3 8月28日(水) 14:00-17:00 Webアプリ+DB on Docker/Kubernetes #4 9月4日(水) 14:00-17:00 IoT/Node-RED and Mobile #5 9月11日(水) 14:00-17:00 AI (Watson API) #6 9月18日(水) 14:00-17:00 Analytics/機械学習 (Watson Studio) #7 9月25日(水) 14:00-17:00 Blockchain (Hyperledger Fabric/Composer) #8 10月2日(水) 14:00-17:00 Function as a Service (Functions, Knative)

Slide 3

Slide 3 text

タイムテーブル 14:00-14:05 (5min) オープニング 14:05-15:00 (55min) 夏のIBM Dojo #2 Webアプリ+DB on Cloud Foundry <座学> ⽇本アイ・ビー・エム株式会社デベロッパーアドボケイト⼾倉彩 15:00-17:00 (120min) Cloud Foundryコードチャレンジ <ワークショップ> ⽇本アイ・ビー・エム株式会社デベロッパーアドボケイト⼾倉彩加藤典⼦ 17:00-17:30 (30min) クローズ

Slide 4

Slide 4 text

ayatokura ňƆ ƪ (Aya Tokura) IBM Developer Advocate ! ½¦º¾£½Ã¹«ÃŔÈÆë ! ÄÇªJ ¹¿¾¾£ùÆŔÈÆë ! DevRel Meetup in Tokyoµº¨£ħġ µ§J|±Ã¥ŵƬEƀËƑŹEƚƓĲúæclE ìÔÎrÛIq IBM Cloud |WatsonrŉśƩƮÌWF

Slide 5

Slide 5 text

łËKňƆƪL £¨¿½J ÑƧơ Software Design ôƏKVisual Studio Code ƘźÕĲL

Slide 6

Slide 6 text

学習の⽬的とゴール⽬的 Cloud Foundryの概要と利⽤⽅法について理解するゴール IBM Cloud上にWebアプリケーション+DBを構築できるこのコースを学ぶ⽅の想定スキル IBM Cloud上でアプリケーション実⾏環境を初めて利⽤する⽅

Slide 7

Slide 7 text

:$)" IBM Cloud *BURLA ibm.biz/ibmdojo2 ! IBM Cloud () )"5 6 () ! IBM Cloud %")",4 )"5 6 ?CG MÇÄrXƐV

Slide 8

Slide 8 text

⽬次 1. Cloud Foundryとは 2. IBM Cloud Foundryについて 3. IBM Cloud Foundryの始め⽅ 4. IBM Cloud Foundryコードチャレンジ

Slide 9

Slide 9 text

_Y~`œèdƙƊs_i~ ¤±Á¡«Jrgzr ¬¿¤ÃG¯Á¡ ÖVŴŚĆnƝƤĆ ĒkĘƉ ¤±Á¡«JGJ¬C EŧğŒõEÁŒõE¸¨¾Ãpo ®J¿ N¾ªJ°Á ¯¥ ¥ÀJ % 0/3.,<0/ ŝř (3:<=,5 ŝř ©¡¥ÂJ ®¿ ¥ÀJ ),<;87 ÃÁJ ),<;87 ªJDº¾£J )0,<20: Ã¥¾JD ¾ºJ¼Ã ),<;87 (3:<=,5107< ),<;87 @958:0 3;.8>0: $3;486953,7.0 ¡¥Œõ ,@368 °¾J¼Ã ¨£¯q¤JĲöd gzr¢J¿Ɩ Xűťrgzr ſćag¾ºJ¼Ã (3;=,5 $0.8173<387 " 87>0:;,<387 " 3;.8>0:A " %900.2 " 869,:0 8695A " 8& " ,,% " ' " &8707,5AB0: " " "0:;87,53

Slide 10

Slide 10 text

1-1. Web°¾ìÔGðÌŝřrƝƤpîƔƫ 1. Cloud Foundry ns rNvb{ Ã°Àqÿ{ĠV dwlr´Ã «ÂJŲĳ ¬¥[7k7 4!/% ƟŬrñă|¢J¿ rĲö Zfi =-0:70<0;Ďö bgĦďøŋW °¾ðÌŝř *-2$ -2,$/5 ƭŦqĎöņĭp °¾ðÌŝř *-2$2,#1(-,0 ĿĂpn[qEĿĂp Òh^ŅõðÌ ^n7h s7bmzfO7 loT7t^ V^btP_

Slide 11

Slide 11 text

1-2. J°ÃJr58=/8=7/:A 1. Cloud Foundry ns ìÔÎZPoyGuh{QRNĄŮd _np]E@;JðÌŝřģš mZfi£MblXE ƣÜqŝřĢć U7qa7^rgzŭĤV±ÃJ| »JJmĎöðż

Slide 12

Slide 12 text

2-1. 58=/8=7/:As ",,%ĘƉ 2. IBM Cloud Foundry qkVl

Slide 13

Slide 13 text

2-2. ƛşJªJn58=/8=7/:ArŝřőƍrŖV 2. IBM Cloud Foundry qkVl Cloud FoundrysE ìÔrēŗ n °¾rĖÝ frQkäzh^F ! ! IaaS IBM Cloud Foundry ƛşJªJrŕĴ ®¡«¡źö µ¦¿rōÙ ¦·ÃþęG %%ĪèĮrƗÙ ©¡¥ÂJĈß %%ĪèĮrĈß !%rōÙ ®¡«¡źö ¤°Á ìÔ ìÔ ðÌŝřrĢć ¤°Á

Slide 14

Slide 14 text

2-3. «¯¾¡nÃJ°½ 2. IBM Cloud Foundry qkVl lpzeW6NqzY7\x Sb7qyP_¤¢ 58=/m«¯¾¡qĎö ņĭpE´¿ £§Ã¥ 58=/ 8=7/:AŝřİöblĢË ÂÃ¾¡mÜÞČáqE ţÐrįŰag58=/ 8=7/:A7<0:9:3;0 7>3:87607< Ã¤´Ã¦mĢć https://cloud.ibm.com/cloudfoundry/overview

Slide 15

Slide 15 text

2-4. IBM Cloud Foundryを使⽤する理由 2. IBM Cloud Foundry について ü アクセス制御開発チームに対するコンピュート能⼒のきめ細やかな割り当て ü ⾃動的な正常性管理クラッシュしたアプリケーションは⾃動的に再起動 ü ⾃動ルーティングアプリケーション⽤に、インターネットに到達可能なルートを⾃動的に作成

Slide 16

Slide 16 text

2-5. āpJªJ¦rēŗqÚń 2. IBM Cloud Foundry qkVl www *-2$ Server Middleware Java ðÌŝř PHP ðÌŝř Node.js ðÌŝř Swift ðÌŝř Python ðÌŝř Push Application ! Ģjg°¾¤°Ádh^ ! āĂpJªJ¦ēŗsÚń

Slide 17

Slide 17 text

2-6. デプロイできる地域/ロケーション 2. IBM Cloud Foundry についてダラスワシントンDC シドニーロンドンフランクフルト Java ○ ○ ○ ○ ○ Node.js ○ ○ ○ ○ ○ ASP.NET Core ○ ○ ○ ○ ○ Swift ○ ○ ○ ○ ○ Go ○ ○ ○ ○ ○ PHP ○ ○ ○ ○ ○ Python ○ ○ ○ ○ ○ Ruby ○ ○ ○ ○ ○ Tomcat ○ ○ ○ ○ ○

Slide 18

Slide 18 text

3-1. IBM Cloud Ã¥rŪŸ 3. IBM Cloud Foundry rĶzÛ

Slide 19

Slide 19 text

3-2. öƇqÏelîw3° 3. IBM Cloud Foundry rĶzÛ ¡º²J¦ IBM Cloud CLI ƈĉà¤¾ª¾J 0>!9;J¬Ďö ! ¯½Êr'qŷjl J¬Ģć ! ìÔƌŐqÃ¥J¿ $ ibmcloud login xxx $ ibmcloud app push xxx ! £Ã°ÀY~0>!9;ŝřĢć J¦ŒõEÐú¬¿¦E ¤°ÁpoxnzlĢć İVÛ _pÛqXddz ! ŔÈmìÔE¤°Á ! đěÎ ! éU¬¿¦ŝřĎö ! Jµ§¿ÅŢ[ìÔÎ ! ãgq°Á¥Ķz ! 0>!9;ŝřrƎÈòŌ\gV

Slide 20

Slide 20 text

DEMO

Slide 21

Slide 21 text

Step 1: Ã°¿°¾J¼ÃrÁJÃ Database (NoSQL DB) https://°¾Ė.mybluemix.net Cloud Foundry (Node.js) ìÔÎ IBM Cloud »JJ °¾r ÁJÃ ¤°Árgzr °¾rĽŃ Q ÁJ¿ ðÌ R S T 58=/v °¾¤°Á rŞč rİö

Slide 22

Slide 22 text

Step 1: Ã°¿°¾J¼ÃrÁJÃ git clone https://github.com/IBM-Cloud/get-started-node Jµ§¿mçĞr´Ã¦ðÌbE3<=-¾³¥¾ qüìalVÃ°¿°¾J¼ÃÁJÃdF mac>1-

Slide 23

Slide 23 text

Step 2: ÁJ¿ðÌ Database (NoSQL DB) https://°¾Ė.mybluemix.net Cloud Foundry (Node.js) ìÔÎ IBM Cloud »JJ °¾r ÁJÃ ¤°Árgzr °¾rĽŃ Q ÁJ¿ ðÌ R S T 58=/v °¾¤°Á rŞč rİö

Slide 24

Slide 24 text

cd get-started-node npm install ĉVlçĞr´Ã¦ðÌbE°¾J¼ÃÁJ¿ ŝřmúYdgzrĽŃÌWF mac>1- Step 2: ÁJ¿ðÌ

Slide 25

Slide 25 text

npm start çĞr´Ã¦m°¾J¼ÃðÌdF mac>1- Step 2: ÁJ¿ðÌ

Slide 26

Slide 26 text

http://localhost:3000 )0-¯½mĦr'$qdF Step 2: ÁJ¿ðÌ

Slide 27

Slide 27 text

ĖÝÙåbE*7<0:+JŻbEK_qisLnĖÝ Zûĥag~ćƕH Step 2: ÁJ¿ðÌ

Slide 28

Slide 28 text

´Ã¦½Ãm*87<:85+*+ØÜqŻbE °¾J¼ÃrðÌƋĻdF Step 2: ÁJ¿ðÌ mac>1-

Slide 29

Slide 29 text

Step 3: ¤°Árgzr°¾rĽŃ Database (NoSQL DB) https://°¾Ė.mybluemix.net Cloud Foundry (Node.js) ìÔÎ IBM Cloud »JJ °¾r ÁJÃ ¤°Árgzr °¾rĽŃ ÁJ¿ ðÌ R S T 58=/v °¾¤°Á rŞč rİö Q

Slide 30

Slide 30 text

Step 3: デプロイのためのアプリの準備 applications: - name: GetStartedNode random-route: true memory: 128M VS Codeなどのコードエディタでフォルダを開き、「manifest.yaml」ファイルを編集し、保存する。アプリ名: 任意の名前に変更する

Slide 31

Slide 31 text

Step 4: IBM Cloudv°¾J¼Ãr¤°Á Database (NoSQL DB) https://°¾Ė.mybluemix.net Cloud Foundry (Node.js) ìÔÎ IBM Cloud »JJ °¾r ÁJÃ ¤°Árgzr °¾rĽŃ ÁJ¿ ðÌ R S T 58=/v °¾¤°Á rŞč rİö Q

Slide 32

Slide 32 text

ibmcloud login –r us-south 1. ターミナルから下記のコマンドを実⾏し、IBM Cloudへログインする。 Step 4: IBM Cloudへアプリケーションのデプロイ ibmcloud target --cf 2. Cloud Foundryをターゲットにする。

Slide 33

Slide 33 text

ibmcloud cf push 3. アプリケーションをIBM Cloudへプッシュする。 Step 4: IBM Cloudへアプリケーションのデプロイ ibmcloud cf apps アプリケーションのデプロイには数分かかることがあるため、ステータスを確認したい場合は下記のコマンドを実⾏する。

Slide 34

Slide 34 text

(+3#&0).mybluemix.net ¯½qÕćag'$qdF Step 4: IBM Cloudv°¾J¼Ãr¤°Á

Slide 35

Slide 35 text

Step 5: ¤J±JrŞč Database (NoSQL DB) https://°¾Ė.mybluemix.net Cloud Foundry (Node.js) ìÔÎ IBM Cloud »JJ °¾r ÁJÃ ¤°Árgzr °¾rĽŃ ÁJ¿ ðÌ S T 58=/v °¾¤°Á rŞč rİö Q R

Slide 36

Slide 36 text

Step 5: ¤J±JrŞč 58=/2<<9; .58=/3-6.86 58137qÁÃbE ¡º²J¦Y~*Á+²ÃîƔdF

Slide 37

Slide 37 text

Step 5: ¤J±JrŞč *Á+ĕƞ²¡mK58=/,7

Slide 38

Slide 38 text

Step 5: ¤J±JrŞč *[7m^+ķĄrJ¬Ė *3!(*!"*%!21'%,1(#!1(-,+%1'-$0+';0-8<2501,.A .:0/07<3,5;,7/îƔdF

Slide 39

Slide 39 text

Step 5: ¤J±JrŞč *qy+3<0ŇĸîƔbE*Ģć+²Ã ¾¡dF

Slide 40

Slide 40 text

Step 5: ¤J±JrŞč ¾JG¾¥q¾À¥aEĢćbgJ¬ rŊũZK°Á¬¼ÃZĊÌÉLPK°Á¬¼ÃĔyL qpxmŘkF

Slide 41

Slide 41 text

Step 5: ¤J±JrŞč Ģćbg58=/8=7/:A°¾¾¡bE *Ũĉ+·¨ºJY~*ŨĉrĢć+²Ã¾¡dF

Slide 42

Slide 42 text

Step 5: ¤J±JrŞč *ƟŬrƒŶĆrUJ¬rŨĉ+Y~Ģćbg 58=/,7<J¬îƔbE*Ũĉ+²Ã¾¡dF

Slide 43

Slide 43 text

Step 5: ¤J±JrŞč *°¾rī£J+·¡JZûĥag~ *^f7]+²Ã¾¡dF

Slide 44

Slide 44 text

Step 5: ¤J±JrŞč *ī£JÃÉ+Y~*_r°¾sƨųÉmd+ rŊŏqŁtſćF

Slide 45

Slide 45 text

Step 6: ¤J±Jrİö Database (NoSQL DB) https://°¾Ė.mybluemix.net Cloud Foundry (Node.js) ìÔÎ IBM Cloud »JJ °¾r ÁJÃ ¤°Árgzr °¾rĽŃ ÁJ¿ ðÌ T 58=/v °¾¤°Á rŞč rİö Q R S

Slide 46

Slide 46 text

Step 6: ¤J±Jrİö Ģćbg°¾r'$qdF

Slide 47

Slide 47 text

Step 6: ¤J±Jrİö K}W_fLrĺĩZûĥaFĖÝÙåbE *7<0:+JŻdF JŻdF

Slide 48

Slide 48 text

Step 6: ¤J±Jrİö ÙåbgĜĐZ¤J±JqĮ[ėxF

Slide 49

Slide 49 text

58=/8=7/:Axnz °¾J¼ÃƢŽq¤°ÁbðÌņĭ JªJ|½rŒõýĂ ¤J±Jôů{ĨƅqĈß

Slide 50

Slide 50 text

IBM Cloud Foundry コードチャレンジ

Slide 51

Slide 51 text

ワークショップ 1) Node.jsのWebアプリ公開からCloudant NoSQL DB 接続まで (IBM Cloud Foundry) – Qiita http://ibm.biz/cftutorial 2) IBM Cloudでアプリケーションを作ろう https://ibm.biz/cfkadai 3) The Weather Company Data APIをNode.jsで動かす https://ibm.biz/tenkidojo2

Slide 52

Slide 52 text

ワークショップ 4) Node-RED画像認識アプリ作成 http://ibm.biz/cfkadai2 5) Cloud Foundry on IBM Cloud で Blue-Green Deployment を試してみよう http://ibm.biz/cfkadai3

Slide 53

Slide 53 text

ìÔÜr÷írőć·J Database (NoSQL DB ) https://°¾Ė.mybluemix.net Cloud Foundry (Node.js/JAVA/Go/PHP /Python/Ruby/Tomcat) ìÔÎ IBM Cloud »JJ *ĿĂp{r+ ! 58=/Ã¥ ! 58=/ ! 3< ! °Á½µÃēŗ ! (%8/0po¤

Slide 54

Slide 54 text

おすすめ情報 IBM Cloud Foundry 概要 https://cloud.ibm.com/cloudfoundry/overview 知らないかもしれない Cloud Foundry に関する 5 つの事実 http://ibm.biz/cfpaas5 IBM Code Patterns - アプリ開発パターン集 (⽇本語) http://ibm.biz/ibmcodejp IBM Code Patterns - アプリ開発パターン集 (英語) https://developer.ibm.com/patterns/