IBMDojo_CloudFoundry

夏のIBM Dojo #2 Webアプリ+DB on Cloud Foundry
セッション資料
[目次]
1. Cloud Foundryとは
2. IBM Cloud Foundryについて
3. IBM Cloud Foundryの始め方
4. IBM Cloud Foundryコードチャレンジ

https://ibm-developer.connpass.com/event/141257/

Transcript

1. ƄrIBM Dojo #2 Web†°¾
   DB (Cloud Foundry) Aya Tokura Developer Advocate Tokyo City Team
2. 夏の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)
3. タイムテーブル 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) クローズ
4. ayatokura ňƆ ƪ (Aya Tokura) IBM Developer Advocate ! ½‰¦œº¾£‡†½ˆ†Ãš™¹«ÃŔÈÆë ! ÄǪJ ¹¿¾†¾£‡ùÆŔÈÆë ! DevRel Meetup in Tokyo”µº¨£‡ħġ œµ§J|ˆ±Ã¥ŵƬEƀËƑŹEƚƓIJúƒæclE ìÔÎrÛIq IBM Cloud |WatsonrʼnśƩƮƒÌWF
5. łËKňƆƪL £¨Ž¿½ˆžJ ÑƧơ Software Design ôƏKVisual Studio Code ƘźÕIJL
6. 学習の⽬的とゴール ⽬的 Cloud Foundryの概要と利⽤⽅法について理解する ゴール IBM Cloud上にWebアプリケーション+DBを構築できる このコースを学ぶ⽅の想定スキル IBM Cloud上でアプリケーション実⾏環境を初めて利⽤する⽅
7. :$)"
   IBM Cloud  *BURLA  ibm.biz/ibmdojo2 ! IBM Cloud () )" 5 6
    ()   ! IBM Cloud %")",4 )"5 6
   ?CG  MÇÄrXƐV
8. ⽬次 1. Cloud Foundryとは 2. IBM Cloud Foundryについて 3. IBM Cloud Foundryの始め⽅ 4. IBM Cloud Foundryコードチャレンジ
9. _Y~`œèd€ƙƊs_i~ ¤±Á¡«Jrgzr ¬¿¤‡Ã‘G¯Á¡ ÖVŴŚĆnƝƤƃ ĒkĘƉ ¤±Á¡«JG–J¬š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:<=,5
   107< ),<;87
   @958:0
    3;.8>0: 
   $3;4
   
   86953,7.0 †œ¡¥Œõ ,@368 †°¾’J˜¼Ã ”‘¨£‡¯q¤JžƒIJöd€ gzr¢J¿Ɩ Xűťrgzr ſćag¾ºJ˜¼Ã (3;=,5
   $0.8173<387 " 87>0:;,<387 " 3;.8>0:A " %900.2 " 869,:0 8695A " 8& " ,,% " ' " &870
   7,5AB0: "  " "0:;87,53<A
   7;312<; " 78?50/10
   #=0:A "  ¤Jž ½‰¦ ÀÙÑ ąò ¤JžƦŤ ¤Jž ÁJ¾Ã‘
10. 1-1. Web†°¾ìÔGðÌŝřrƝƤpîƔƫ 1. Cloud Foundry ns rNvb{ Ã°Àqÿ{ĠV dwlr´˜Ã «ÂJƒŲij ¬¥[7k7
    4!/% ƟŬrñă|¢J¿ rIJö Zfi =-0:70<0;ƒĎö bgĦďøƒŋW †°¾ðÌŝř *-2$
    -2,$/5 ƭŦqĎöņĭp †°¾ðÌŝř *-2$
    2,#1(-,0 ĿĂpn[qEĿĂp Òh^ŅõƒðÌ ˆƒ^n7h s7bmzfO7 loT7t^ 
    V^btP_‘
11. 1-2. J°ÃJšr58=/
    8=7/:A 1. Cloud Foundry ns ìÔÎZPoyGuh{QRNƒĄŮd€ _np]E•‹@;JðÌŝřƒģš …†mZfiŸ£M›‹blXE ƣÜqŝřƒĢć U7qa7^rgzŭĤV±ÃŸJ| »J—JmĎöðż
12. 2-1. 58=/
    8=7/:A
    s ",,%ĘƉ 2. IBM Cloud Foundry qkVl
13. 2-2. ƛş–JªJn58=/
    8=7/:ArŝřőƍrŖV 2. IBM Cloud Foundry qkVl
       Cloud FoundrysE ìÔrēŗ n †°¾rĖÝ frQkƒäz€h^F 
    
    ! 
    
    !       IaaS IBM Cloud Foundry ƛş–JªJrŕĴ ®‡¡š«¡źö µ¦¿‰Š†rōÙ ¦·ˆÃþęG %%ĪèĮrƗÙ ©¡¥ÂJĈß %%ĪèĮrĈß !%rōÙ ®‡¡š«¡źö ¤°Áˆ ìÔ ìÔ ðÌŝřrĢć ¤°Áˆ
14. 2-3. «¯¾¡n‹ÃžJ°½ˆ› 2. IBM Cloud Foundry qkVl lpzeW6NqzY7\x Sb7qyP_¤¢ 
    58=/m«¯¾¡qĎö ņĭpE´¿ £§Ã¥ 58=/ 8=7/:AŝřƒİöblĢË Âо¡m ÜÞČáqE ţÐrįŰag
    58=/ 8=7/:A
    7<0:9:3;0 7>3:87607< 
    ƒÃ¤´Ã¦mĢć https://cloud.ibm.com/cloudfoundry/overview
15. 2-4. IBM Cloud Foundryを使⽤する理由 2. IBM Cloud Foundry について ü アクセス制御 開発チームに対するコンピュート能⼒のきめ細やかな割り当て ü ⾃動的な正常性管理 クラッシュしたアプリケーションは⾃動的に再起動 ü ⾃動ルーティング アプリケーション⽤に、インターネットに到達可能なルートを⾃動的に作成
16. 2-5. āp–JªJ–ˆ¦rēŗqÚń 2. IBM Cloud Foundry qkVl www  *-2$ Server Middleware Java ðÌŝř PHP ðÌŝř Node.js ðÌŝř Swift ðÌŝř Python ðÌŝř Push Application ! Ģjg†°¾ƒ¤°Áˆd€h^ ! āĂp–JªJ–ˆ¦ēŗsÚń
17. 2-6. デプロイできる地域/ロケーション 2. IBM Cloud Foundry について ダラス ワシントンDC シドニー ロンドン フランクフルト Java ◦ ◦ ◦ ◦ ◦ Node.js ◦ ◦ ◦ ◦ ◦ ASP.NET Core ◦ ◦ ◦ ◦ ◦ Swift ◦ ◦ ◦ ◦ ◦ Go ◦ ◦ ◦ ◦ ◦ PHP ◦ ◦ ◦ ◦ ◦ Python ◦ ◦ ◦ ◦ ◦ Ruby ◦ ◦ ◦ ◦ ◦ Tomcat ◦ ◦ ◦ ◦ ◦
18. 3-1. IBM Cloud †Ž‰Ã¥rŪŸ 3. IBM Cloud Foundry rĶzÛ
19. 3-2. öƇqςelîw€3žˆ° 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
20. DEMO
21. Step 1: –𿆰¾’J˜¼ÃrÁJà Database (NoSQL DB) https://†°¾Ė.mybluemix.net Cloud Foundry (Node.js) ìÔÎ IBM Cloud »J—J †°¾r ÁJà ¤°Áˆrgzr †°¾rĽŃ Q ÁJŽ¿ ðÌ R S T 
    58=/v †°¾ƒ¤°Áˆ rŞč rİö
22. Step 1: –𿆰¾’J˜¼ÃrÁJà git clone https://github.com/IBM-Cloud/get-started-node žJµ§¿mçĞr”´Ã¦ƒðÌbE3<=-¾³™¥¾ qüìalV€–𿆰¾’J˜¼ÃƒÁJÃd€F mac>1-
23. Step 2: ÁJŽ¿ðÌ Database (NoSQL DB) https://†°¾Ė.mybluemix.net Cloud Foundry (Node.js) ìÔÎ IBM Cloud »J—J †°¾r ÁJà ¤°Áˆrgzr †°¾rĽŃ Q ÁJŽ¿ ðÌ R S T 
    58=/v †°¾ƒ¤°Áˆ rŞč rİö
24. cd get-started-node npm install ĉVlçĞr”´Ã¦ƒðÌbE†°¾’J˜¼ÃƒÁJŽ¿ ŝřmúYdgzrĽŃƒÌWF mac>1- Step 2: ÁJŽ¿ðÌ
25. npm start çĞr”´Ã¦m†°¾’J˜¼ÃƒðÌd€F mac>1- Step 2: ÁJŽ¿ðÌ
26. http://localhost:3000 )0-¯½‰—mĦr'$q†œšd€F Step 2: ÁJŽ¿ðÌ
27. Ė݃ÙåbE*7<0:+JƒŻbEK_„qisLnĖÝ Zûĥag~ćƕH Step 2: ÁJŽ¿ðÌ
28. ”´Ã¦½ˆÃm*87<:85+*+ƒØÜqŻbE †°¾’J˜¼Ãrð̃ƋĻd€F Step 2: ÁJŽ¿ðÌ mac>1-
29. Step 3: ¤°Áˆrgzr†°¾rĽŃ Database (NoSQL DB) https://†°¾Ė.mybluemix.net Cloud Foundry (Node.js) ìÔÎ IBM Cloud »J—J †°¾r ÁJà ¤°Áˆrgzr †°¾rĽŃ ÁJŽ¿ ðÌ R S T 
    58=/v †°¾ƒ¤°Áˆ rŞč rİö Q
30. Step 3: デプロイのためのアプリの準備 applications: - name: GetStartedNode random-route: true memory: 128M VS Codeなどのコードエディタでフォルダを開き、 「manifest.yaml」ファイルを編集し、保存する。 アプリ名: 任意の名前に変更する
31. Step 4: IBM Cloudv†°¾’J˜¼Ãr¤°Áˆ Database (NoSQL DB) https://†°¾Ė.mybluemix.net Cloud Foundry (Node.js) ìÔÎ IBM Cloud »J—J †°¾r ÁJà ¤°Áˆrgzr †°¾rĽŃ ÁJŽ¿ ðÌ R S T 
    58=/v †°¾ƒ¤°Áˆ rŞč rİö Q
32. ibmcloud login –r us-south 1. ターミナルから下記のコマンドを実⾏し、IBM Cloudへ ログインする。 Step 4: IBM Cloudへアプリケーションのデプロイ ibmcloud target --cf 2. Cloud Foundryをターゲットにする。
33. ibmcloud cf push 3. アプリケーションをIBM Cloudへプッシュする。 Step 4: IBM Cloudへアプリケーションのデプロイ ibmcloud cf apps アプリケーションのデプロイには数分かかることがあるため、 ステータスを確認したい場合は下記のコマンドを実⾏する。
34. (+3#&0).mybluemix.net 
    ¯½‰—qÕćag'$q†œšd€F Step 4: IBM Cloudv†°¾’J˜¼Ãr¤°Áˆ
35. Step 5: ¤Jž±JšrŞč Database (NoSQL DB) https://†°¾Ė.mybluemix.net Cloud Foundry (Node.js) ìÔÎ IBM Cloud »J—J †°¾r ÁJà ¤°Áˆrgzr †°¾rĽŃ ÁJŽ¿ ðÌ S T 
    58=/v †°¾ƒ¤°Áˆ rŞč rİö Q R
36. Step 5: ¤Jž±JšrŞč  
    58=/
    2<<9; .58=/3-6.86 58137qÁ‘ˆÃbE Ÿ¡˜º²J¦Y~*ŽžÁ‘+²žÃƒîƔd€F
37. Step 5: ¤Jž±JšrŞč 
    *ŽžÁ‘+ĕƞ²¡šmK58=/,7<LƒĕƞbE –J¬šƒîƔd€F
38. Step 5: ¤Jž±JšrŞč 
    *[7m^–+
    ķĄr–J¬šĖ *3!(*!"*%
    !21'%,1(#!1(-,
    +%1'-$0+
    ';0
    -8<2
    501,.A
    .:0/07<3,5;
    ,7/
    
    ƒîƔd€F
39. Step 5: ¤Jž±JšrŞč 
    *œ€qy+
    3<0
    Ňĸ
    ƒîƔbE*Ģć+²žÃƒ ¾¡d€F
40. Step 5: ¤Jž±JšrŞč ¾JšG¾š¥q¾ŸˆÀ¥aEĢćbg–J¬š rŊũZK°Á¬™¼ÃZĊÌÉLPK°Á¬™¼ÃĔyL qp€xmŘkF
41. Step 5: ¤Jž±JšrŞč 
    Ģćbg58=/
    8=7/:A†°¾ƒ¾¡bE *Ũĉ+·¨ºJY~*ŨĉrĢć+²žÃƒ¾¡d€F
42. Step 5: ¤Jž±JšrŞč 
    *ƟŬrƒŶĆrU€–J¬šrŨĉ+Y~Ģćbg 58=/,7<–J¬šƒîƔbE*Ũĉ+²žÃƒ¾¡d€F
43. Step 5: ¤Jž±JšrŞč 
    *†°¾rīš£J™+·¡œJ™Zûĥag~ *š^f7]+²žÃƒ¾¡d€F
44. Step 5: ¤Jž±JšrŞč 
    *īš£J™Ã‘É+Y~*_r†°¾sƨųÉmd+ rŊŏqŁ‚tſćF
45. Step 6: ¤Jž±Jšrİö Database (NoSQL DB) https://†°¾Ė.mybluemix.net Cloud Foundry (Node.js) ìÔÎ IBM Cloud »J—J †°¾r ÁJà ¤°Áˆrgzr †°¾rĽŃ ÁJŽ¿ ðÌ T 
    58=/v †°¾ƒ¤°Áˆ rŞč rİö Q R S
46. Step 6: ¤Jž±Jšrİö 
    Ģćbg†°¾r'$q†œšd€F
47. Step 6: ¤Jž±Jšrİö 
    K}W_fLrĺĩZûĥa€FĖ݃ÙåbE *7<0:+JƒŻdF JƒŻdF
48. Step 6: ¤Jž±Jšrİö 
    ÙåbgĜĐZ¤Jž±JšqĮ[ėx€F
49. 
    58=/
    8=7/:A
    xnz †°¾’J˜¼ÃƒƢŽq¤°ÁˆbðÌņĭ –JªJ|½šžrŒõýĂ ¤Jž±Jšôů{ĨƅqĈß
50. IBM Cloud Foundry コードチャレンジ
51. ワークショップ 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
52. ワークショップ 4) Node-RED画像認識アプリ作成 http://ibm.biz/cfkadai2 5) Cloud Foundry on IBM Cloud で Blue-Green Deployment を試してみよう http://ibm.biz/cfkadai3
53. ìÔÜr÷írő户J™ Database (NoSQL DB ) https://†°¾Ė.mybluemix.net Cloud Foundry (Node.js/JAVA/Go/PHP /Python/Ruby/Tomcat) ìÔÎ IBM Cloud »J—J *ĿĂp{r+ ! 
    58=/†Ž‰Ã¥ ! 
    58=/
     ! 3< ! °Á‘½µÃ‘ēŗ ! (%8/0po‹¤‡ž
54. おすすめ情報 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/