Slide 1

Slide 1 text

IBM Developer Dojo Online #2 Web‰³ÁDB (Cloud Foundry) Aya Tokura Developer Advocate Tokyo City Team

Slide 2

Slide 2 text

ŨuIBM Developer Dojo Online 2019 No. =.5 6> !"' ÓÇŴ !9

Slide 3

Slide 3 text

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

Slide 4

Slide 4 text

7$)" IBM Cloud *;URL: ibm.biz/BdzTcQ ! IBM Cloud () )"3 4 () ! IBM Cloud %")",2 )"3 4 9<? QÉÇu\ƆZ

Slide 5

Slide 5 text

ëÖÞuöìuŊƋºNœ Database (NoSQL DB ) https://‰³Áė.mybluemix.net Cloud Foundry (Node.js) ëÖÐ IBM Cloud ¾NšN ,Ļās~u- ! !9

Slide 6

Slide 6 text

! 966A. 0<: .F.A<8B?. 6A2:@ /10.3..00

Slide 7

Slide 7 text

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

Slide 8

Slide 8 text

c„]dŌègƒƌƁvcl §´Ä¤®Nuj}u ¯Â§ŠÆ”L²Ä¤“ ØZůœąqƏƕą† ēnęƀ §´Ä¤®NL™N¯H !JşĠŋôJĔŋôJ»«¡ÁƔsr ±ˆ‹‰ŒN RÁ­N³Ä’› ²œ“¨ ¨ÃNœ "' 2160.A21 ŕŒ *6?AB.9 ŕŒ ¬¤¨ÅN“ ±ˆ‹Â ¨ÃNœ +.A@<; Æ—ÄœN +.A@<; ™‹­NIŸ’½Á¦ŠN +2.A52? ‹Æ¢¨ÁNI Á½N›¿Æ +.A@<; *6?AB.942;A +.A@<; E=92 6@0

Slide 9

Slide 9 text

1-1. Web‰³ÁëÖLïÎŕŒuƏƕsíƈƙ 1. Cloud Foundry qv iEmYr Æ³Ãtþ~ġZ gzou·›Æ ®ÅN†ŭİ ¡›R-b- )$ ƑŦuðĂ¥N uįõ Qv]` B/2?;2A2@†Ďõ fjĦď÷†ń[ ‰³ÁïÎŕŒ "' "'!$* ƚŞtĎõŁīs ‰³ÁïÎŕŒ "''!&"!% Ļāsq_tJĻās Ôkbŀô†ïÎ zUe-_ j-Ydq]F- cfK-kvU MUYkGV‡

Slide 10

Slide 10 text

1-2. N³Æ Nu9l_rHIE†ăũgƒ cqsaJ‹‚71AïÎŕŒ†ģř |}pQv]`•™D’‚fo\‚J ƔÞtŕŒ†ĢĆ L-hvX-Uuj}ŧĤZ´Æ¢N ¾NšNpĎõïŶ

Slide 11

Slide 11 text

2-1. 9

Slide 12

Slide 12 text

2-2. ƍŗ™N­Nq9

Slide 13

Slide 13 text

2-3. ®²Á¤“qŽÆ¡N³À‹ž 2. IBM Cloud Foundry tnZo cgq\N,EhqP-Sov JvY-hpGVš˜ !9

Slide 14

Slide 14 text

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

Slide 15

Slide 15 text

2-5. Ās™N­N™‹©uĔŐtÜĿ 2. IBM Cloud Foundry tnZo www "' Server Middleware Java ïÎŕŒ PHP ïÎŕŒ Node.js ïÎŕŒ Swift ïÎŕŒ Python ïÎŕŒ Push Application ! Ģmj‰³Á†§³Ä‹gƒkb ! Āās™N­N™‹©ĔŐvÜĿ

Slide 16

Slide 16 text

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

Slide 17

Slide 17 text

3-1. IBM Cloud ‰‘ŒÆ¨uŤŲ 3. IBM Cloud Foundry uij}Ý

Slide 18

Slide 18 text

3-2. õžtхhoízƒ3¡‹³ 3. IBM Cloud Foundry uij}Ý ¢¤›½µN© IBM Cloud CLI ſĈâ§Á­ÁN 2C#=@™N¯†Ďõ ! ²ÀŒšÌu)tűmo ™N¯ĢĆ ! ëÖƃʼnt †‹Æ¨N $ ibmcloud login xxx $ ibmcloud app push xxx ! ¦Æ³Ã]2C#=@ŕŒĢĆ —N©ŋôJÒù¯Â©J §³Ä‹sr{q}oĢĆ ĮZÝ c‡sÝt\gg} ! ōÊpëÖJ§³Ä‹ ! ĒĜÐ ! éYƒ¯Â©ŕŒ†Ďõ ! ¡N¸ªÂÈŚ_ëÖÐ ! äjt³Äœ“¨†ij}ƒ ! 2C#=@ŕŒuƅÊñ†Ņ`jZ

Slide 19

Slide 19 text

実際に触ってみましょう

Slide 20

Slide 20 text

7$)" IBM Cloud *;URL: ibm.biz/BdzTcQ ! IBM Cloud () )"3 4 () ! IBM Cloud %")",2 )"3 4 9<? QÉÇu\ƆZ

Slide 21

Slide 21 text

ëÖÞuöìuŊƋºNœ Database (NoSQL DB ) https://‰³Áė.mybluemix.net Cloud Foundry (Node.js/JAVA/Go/PHP /Python/Ruby/Tomcat) ëÖÐ IBM Cloud ¾NšN ,Ļās~u- ! !9

Slide 22

Slide 22 text

Step 1: ™Æ³Â‰³Á•N›¿Æu“ÄNÆ Database (NoSQL DB) https://‰³Áė.mybluemix.net Cloud Foundry (Node.js) ëÖÐ IBM Cloud ¾NšN ‰³Áu “ÄNÆ §³Ä‹uj}u ‰³ÁuĹľ U ÄN‘ ïÎ V W X !9

Slide 23

Slide 23 text

Step 1: ™Æ³Â‰³Á•N›¿Æu“ÄNÆ git clone https://github.com/IBM-Cloud/get-started-node ¡N¸ªÂpçğu—·Æ©†ïÎfJ6AB/Á¶œ¨Á tûëe„oZƒ™Æ³Â‰³Á•N›¿Æ†“ÄNÆgƒK mac80-

Slide 24

Slide 24 text

Step 2: ÄN‘ÂïÎ Database (NoSQL DB) https://‰³Áė.mybluemix.net Cloud Foundry (Node.js) ëÖÐ IBM Cloud ¾NšN ‰³Áu “ÄNÆ §³Ä‹uj}u ‰³ÁuĹľ U ÄN‘ ïÎ V W X !9

Slide 25

Slide 25 text

cd get-started-node npm install ĈZoçğu—·Æ©†ïÎfJ‰³Á•N›¿Æ†ÄN‘ ŕŒpù]gj}uĹľ†Î[K mac80- Step 2: ÄN‘ÂïÎ

Slide 26

Slide 26 text

npm start çğu—·Æ©p‰³Á•N›¿Æ†ïÎgƒK mac80- Step 2: ÄN‘ÂïÎ

Slide 27

Slide 27 text

http://localhost:3000 +2/²ÀŒšpĦu)& t‰“ŸgƒK Step 2: ÄN‘ÂïÎ

Slide 28

Slide 28 text

ė߆ÛæfJ,;A2?-’N†ŵfJOc‡tlvPqėß ^úĥe„jĆƉM Step 2: ÄN‘ÂïÎ

Slide 29

Slide 29 text

—·Æ©À‹Æp,<;A?<9-,-†ÚÞtŵfJ ‰³Á•N›¿ÆuïΆƂĸgƒK Step 2: ÄN‘ÂïÎ mac80-

Slide 30

Slide 30 text

Step 3: §³Ä‹uj}u‰³ÁuĹľ Database (NoSQL DB) https://‰³Áė.mybluemix.net Cloud Foundry (Node.js) ëÖÐ IBM Cloud ¾NšN ‰³Áu “ÄNÆ §³Ä‹uj}u ‰³ÁuĹľ ÄN‘ ïÎ V W X !9

Slide 31

Slide 31 text

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

Slide 32

Slide 32 text

Step 4: IBM Cloudy‰³Á•N›¿Æu§³Ä‹ Database (NoSQL DB) https://‰³Áė.mybluemix.net Cloud Foundry (Node.js) ëÖÐ IBM Cloud ¾NšN ‰³Áu “ÄNÆ §³Ä‹uj}u ‰³ÁuĹľ ÄN‘ ïÎ V W X !9

Slide 33

Slide 33 text

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

Slide 34

Slide 34 text

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

Slide 35

Slide 35 text

(+1#&/).mybluemix.net ²ÀŒšt×Će„j)& t‰“ŸgƒK Step 4: IBM Cloudy‰³Á•N›¿Æu§³Ä‹

Slide 36

Slide 36 text

Step 5: §N¡´NuŖč Database (NoSQL DB) https://‰³Áė.mybluemix.net Cloud Foundry (Node.js) ëÖÐ IBM Cloud ¾NšN ‰³Áu “ÄNÆ §³Ä‹uj}u ‰³ÁuĹľ ÄN‘ ïÎ W X !9

Slide 37

Slide 37 text

Step 5: §N¡´NuŖč !9

Slide 38

Slide 38 text

Step 5: §N¡´NuŖč ,‘¡Ä”-ĖƐµ¤“pO9

Slide 39

Slide 39 text

Step 5: §N¡´NuŖč ,R-dU-Ĵău™N¯ė ,('&!&&"! &"%-)@2/

Slide 40

Slide 40 text

Step 5: §N¡´NuŖč ,“whpv- 6A2łĵ†íƈfJ,ĢĆ-µ¡Æ† “Á¤“gƒK

Slide 41

Slide 41 text

Step 5: §N¡´NuŖč Á NLÁ¨tÁ¢‹Ã“¨e„JĢĆfj™N¯ uŃţ^O³Ä¯œ¿Æ^ĉÎËPTO³Ä¯œ¿Æĕ|P tsƒ{pőnK

Slide 42

Slide 42 text

Step 5: §N¡´NuŖč ĢĆfj9

Slide 43

Slide 43 text

Step 5: §N¡´NuŖč ,ƑŦuƇŰąuYƒ™N¯uŢĈ-]ĢĆfj 9

Slide 44

Slide 44 text

Step 5: §N¡´NuŖč ,‰³ÁuĪ¦Nœ-º¤ŸNœ^úĥe„j ,‘U]-T-µ¡Æ†“Á¤“gƒK

Slide 45

Slide 45 text

Step 5: §N¡´NuŖč ,Ī¦NœÆ”Ë-],cu‰³ÁvƘŮËpg- uŃňtĽ…„wŹĆK

Slide 46

Slide 46 text

Step 6: §N¡´NuĮõ Database (NoSQL DB) https://‰³Áė.mybluemix.net Cloud Foundry (Node.js) ëÖÐ IBM Cloud ¾NšN ‰³Áu “ÄNÆ §³Ä‹uj}u ‰³ÁuĹľ ÄN‘ ïÎ X !9

Slide 47

Slide 47 text

Step 6: §N¡´NuĮõ ĢĆfj‰³Áu)& t‰“ŸgƒK

Slide 48

Slide 48 text

Step 6: §N¡´NuĮõ O€[ciPuķĨ^úĥe„ƒKė߆ÛæfJ ,;A2?-’N†ŵgK ’N†ŵgK

Slide 49

Slide 49 text

Step 6: §N¡´NuĮõ Ûæfjĝđ^§N¡´NtĬ_Ę{„ƒK

Slide 50

Slide 50 text

!9

Slide 51

Slide 51 text

IBM Cloud Foundry コードチャレンジ

Slide 52

Slide 52 text

ワークショップ 1) Node.jsのWebアプリ公開からCloudant NoSQL DB 接続まで (IBM Cloud Foundry) – Qiita http://ibm.biz/cftutorial 2) IBM Cloudでアプリケーションを作ろう https://ibm.biz/cfkadai 3) Node-RED画像認識アプリ作成 http://ibm.biz/cfkadai2

Slide 53

Slide 53 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/

Slide 54

Slide 54 text

ŨuIBM Developer Dojo Online 2019 No. =.5 6> !"' ÓÇŴ !9