IBM Developer Advocacy team Kabaneroを使ったクラウド・ネイティブなアプリ開発を体験 Yasushi Osonoi Client Developer Advocate

⼩薗井 康志(Yasushi Osonoi） Developer Advocate IBM @osonoi フォロー、友達リクエストはお気軽に︕

本⽇の内容 14:00-14:20 (20min) Kabaneroとは 14:20-15:00 (40min) CodeWind体験ワークショップ

学習の⽬的とゴール ⽬的 Kabaneroプロジェクトの概要を理解する ゴール Kabaneroでアプリケーションを稼働してみる。

出席の確認にこちらからログインしてください。 IBM Cloud へのアクセスは上記URLから行ってください https://ibm.biz/BdqhuA • IBM Cloud ログイン アカウントをすでにお持ちの方は、 こちらからログインしてください • IBM Cloud ライトアカウント作成 アカウントをお持ちでない方は、 ご登録をお願いします 【本⽇のお願い】

質問&ライブ投票参加 はこちら slido.com #dojo0727 質問タブで質問⼊⼒ ⾃分も知りたい質問には 「いいね」をプッシュ! スマホでもアクセスできます https://app.sli.do/event/vz7piphi PC,マックの場合は

質問する場合はこちらから

IBM Cloud & AI develop Basic Online Developer Dojo 8 ” IBM Cloud & AI develop Basic Online Developer badge“について - 2020年6⽉1⽇より開始のIBM Developer Dojo 12回シリーズと同様の内容のIBM Developer Dojoの クラスが対象 https://www.ibm.com/jp-ja/partnerworld/events/developer-dojo - スキルアップのため全クラスの受講をお奨めします。 - 12回のクラスのうちPAYGアカウントまたはサブスクリプションが必要としない8つのクラスの課題を実施 - 8クラスのうち5クラスの課題について指定された結果を⾃分のアカウントが⾒えるようにスクリーンショットを撮影 - 5クラス分の課題のスクリーンショットをPDFにして以下の宛先に送付 - 提出した課題が承認されるとAcclaimからバッジが発⾏されます。 ※バッジ発⾏のためにこれ以外の処理が発⽣する場合、別途ご連絡させていただきます 2020年6⽉1⽇ お問い合わせは、Online Developer Dojo バッジ事務局 （ビジネス・パートナープログラム ヘルプデスク [email protected] ） Badge

9 「 IBM Cloud and AI Developer Essentials」のbadge申込みについて - 2020年6⽉1⽇より開始のIBM Developer Dojo 12回シリーズと同様の内容のIBM Developer Dojoのクラスが対象 https://www.ibm.com/jp-ja/partnerworld/events/developer-dojo ※録画も利⽤可能です。 - スキルアップのため全クラスの受講をお奨めします。 - 12回のクラスのうちPAYGアカウントまたはサブスクリプションを必要としない8つのクラスの課題を実施 - 次⾴で紹介している8クラスのうち5クラスの課題について指定された結果で⾃分のアカウントが⾒えるようにスクリーンショットを撮影 - 5クラス分の課題のスクリーンショットをPDFまたはJPEG、PNGなどイメージファイルにして以下の情報と⼀緒に事務局に送付 ※1:名前（⽇本語、ローマ字）、email address、会社名（企業所属の場合）、 課題のスクリーンショットのセッション名と画像ファイル名 ※2:メールのタイトルは『IBM Cloud and AI Developer Essentials」のbadge申請』 ※3:申請先︓Online Developer Dojo バッジ事務局 （ビジネス・パートナープログラム ヘルプデスク [email protected] ） - 提出した課題が承認されるとAcclaimからバッジが発⾏されます。 ※バッジ発⾏のためにこれ以外の処理が発⽣する場合、別途ご連絡させていただきます - Acclaimのバッジの紹介 https://www.youracclaim.com/org/ibm/badge/ibm-cloud-and-ai-developer-essentials Badge スクリーンショットの例 IBM Cloud and AI Developer Essentials

IBM Cloud and AI Developer Essentials 10 「IBM Cloud and AI Developer Essentials」 badgeの対象セッションについて - 対象の課題は、ライトアカウントで課題が実施できる〇が付いているセッションです。 バッジ申請とお問い合わせは、Online Developer Dojo バッジ事務局 （ビジネス・パートナープログラム ヘルプデスク [email protected] ） Badge バッジ対象 回 初夏のDojo Xtra dojo 研修内容 〇 1 5/13（⽔） 6/1 （⽉） はじめてのクラウド 〜20分でWebサイトを作成しよう〜 - 2 - 6/8 （⽉） スケーラブルなWebアプリケーションをKubernetesで構築する - 3 5/27（⽔） 6/15 （⽉） OpenShift ⼊⾨ 〜Watson を使ったWebアプリを試そう〜 〇 4 6/3（⽔） 6/22 （⽉） IBM Cloudでビジュアルプログラミング IoT/Node-RED⼊⾨ 〇 5 6/10（⽔） 6/29 （⽉） AI (Watson API) アプリ開発 on OpenShift 〇 6 6/17（⽔） 7/6 （⽉） Auto AI を使ったらくらく機械学習 - 7 6/24（⽔） 7/13 （⽉） QuarkusでJava モダナイゼーション - 8 7/1（⽔） 7/20 （⽉） Hyperledger Fabricでかんたんにブロックチェーンを始めよう 〇 9 7/8（⽔） 7/27 （⽉） Kabaneroを使ったクラウド・ネイティブなアプリ開発を体験 〇 10 7/15（⽔） 8/03（⽉） Watson Discovery を使ったAI検索体験 〇 11 7/22（⽔） 8/17 （⽉） IBM Cloud Functionsでサーバレスを始めよう 〇 12 - 8/24 （⽉） AI Advance: 公平で説明可能なAI

今日の課題：VscodeにCodewindをインストールした画面 11

Kabanero :Cloud Nativeアプリ ケーション開発のためのオープンソー スプロジェクト 既存のオープンソースに加え、Appsody と CodeWind などを追加して開発者が素早く Cloud Nativeアプリ開発に取りかかれる仕組 みを提供する。 IBM Developer 12 https://kabanero.io/

Cloud Nativeとは CNCF(Cloud Native Computing Foundation)の定義 クラウドネイティブ技術は、パブリッククラウド、プライベートクラウド、ハイブリッドクラウドなどの近代的でダイナミックな環境にお いて、スケーラブルなアプリケーションを構築および実行するための能力を組織にもたらします。 このアプローチの代表例に、コンテナ、 サービスメッシュ、マイクロサービス、イミュータブルインフラストラクチャ、および宣言型APIがあります。

これ一枚で分かる「イミュータブルインフラストラクチャー とインフラストラクチャーアズコード」 https://image.itmedia.co.jp/l/im/enterprise/articles/1701/23/l_kz_kore0123_01.jpg

エンタープライズアプリでクラウドに移行できたのはまだわずか

16 © 2019 IBM Corporation 開発者向けツール DevOps ツール チェーン codewind, appsody 最新のマイクロサービス向けフレームワークなどを利用し Kubernetes, Knative環境で開発をシンプルにするためのツール Kubernetes環境へデプロイするまでのツール チェーン クラウドネイティブのための既存の開発 ツールの拡張機能 100% Open Source 16 コンテナー化された ランタイム クラウドネイティブ向けオープンソー スランタイムとフレームワーク kabanero.io Part of Enterprise Runtimes and Accelerators for Teams Hoste d K8s-sigs/ application iter8 Appsody Spring boot

Kabaneroの主要コンポーネント コンポーネント 概要 スタック（雛 形）管理 Appsody Stack マイクロサービス用アプリケーションを迅速に開発す るためのアプリケーション雛形 ツール Appsody 開発、ビルド、テストをサポートするための開発支援 機能(Appsody CLI)、およびKubernetes上での稼働をサ ポートする運用支援機能(Appsody Operator) Codewind Appsody CLIと同等の機能を実現するVS code, Eclipse などのIDEの拡張機能 Eclipse Che Webブラウザ上で利用することができるIDE Tekton CI/CDパイプラインを構築するためのフレームワーク Knative Kubernetes上でサーバーレスアプリを実行する機能 Istio マイクロサービスの運用管理 フレームワーク Operator アプリケーションをより効率的、自動化された管理を 可能にするフレームワーク

Cloud Native チャレンジ！ Java EE 現状、現在の開 発環境 クラウドネイティブでのチャレンジ Configuration sources, service references Cloud Environment Build, package, deploy, observe DevOps Application as composition of polyglot services Microservices https://12factor.net/ Independent, autonomous, stateless, processes 12-Factor applications Jane: Lead Enterprise Developer Champ: Solution Architect

19 クラウド・ ネイティブ 開発の ⽣産性と俊敏性 Catherine アプリ開発リーダー コンテナを活⽤して、 サクサクと開発をしていきたい︕ Deployment, ReplicaSet, Pod, PVC … でも、開発メンバー全員が 理解するのは、ちょっと難しいかも… もっと業務にフォーカスしたい

20 企業としての ガバナンス 乱雑なシステム開発や 野良コンテナの繁殖は防ぎたい アプリの品質は担保したい - コードの品質 - ログやヘルスチェックなど運⽤機能 - 古いライブラリへの対応 - 脆弱性への対応 James エンタープライズ アーキテクト

No content

アプリケーション・スタック 22 Kabanero Collection （パブリック・レポジトリ） https://appsody.dev/stacks/ l アプリケーション・テンプレート 各企業の利⽤シナリオに応じた雛形 l ビルドやテストのためのツール Maven, Gradle, pomなど l パイプライン・テンプレート Tekton ベースのパイプライン l 運⽤機能の事前実装 モニタリング、ロギング、ヘルスチェック l ランタイム/フレームワーク Open Liberty, Spring Boot, NodeJS など l ベース・イメージ（RHUBI） ICP4A v4.1.0で商⽤サポートされる アプリケーション・スタック • Eclipse MicroProfile • SpringBoot • Open Liberty • Node.js • Node.js Express

23 James エンタープライズ アーキテクト アプリケーション・スタック を 各企業の必要に応じて、カスタマイズ l アプリケーション・テンプレートの充実 企業のtypicalなRESTベースのアプリ、企業ロゴなどビジュアルが定義されたWebアプリ l 実装やセキュリティのために、特定のライブラリを組み込む node.js に Helmet.js を組み込む、カスタム・セキュリティ・ライブラリを組み込む l ライブラリを特定のバージョンに固定する l 企業向けにカスタマイズされたベース・イメージの使⽤を強制する RHEL 8.x から特定のパッケージを削除する l スタック内のデフォルト実装を別のものに変える Opentracinfg を Jaeger からZipkin に変える, モニタリングを DataDogを使うように変える l 必須のコード/スタイルの conventionを適⽤する checkStyle for Java や eslint for node の実⾏ l ソースコード・スキャンを ローカル開発/ビルドに組込む SonarQube や Rational AppScane を組み込む 23 ソリューション・コレクション （パブリック・レポジトリ） https://appsody.dev/stacks/ 社内プライベート・コレクションの作成

アプリケーション開発の流れ アプリケーション開発者 アプリケーションアーキテクト Stack Hub 運用管理者 Stackの管理 Stackから雛形をダウン ロード、プロジェクト 生成 アプリ開発 ローカル環境で 実行、テスト ビルド デバッグ デプロイ Kabanero Foundation

Appsody: CLI, Stacks, Deploy > appsody : CLI Containerized iterative development dev | test | debug | build | deploy : stacks Sharable pre-built, cloud-optimized technology stacks : deploy Production deploy to Kubernetes Server or Serverless Scaling

Appsodyを使った場合 アプリケーション開発者 アプリケーションアーキテクト Stack Hub 運用管理者 Stackの管理 Stackから雛形をダウン ロード、プロジェクト 生成 アプリ開発 ローカル環境で 実行、テスト ビルド デバッグ Appsody list Appsody init Appsody run Appsody deploy デプロイ Appsody build Kabanero Foundation

Appsody デモ https://appsody.dev/docs/getting-started/

Stack一覧(2020/04/26現在）

Node-redもDeployできます appsodyがNode-REDに対応したので使ってみた https://qiita.com/motuo/items/2c59fd0f4410e8a7d014

Codewindを使った場合 アプリケーション開発者 アプリケーションアーキテクト Stack Hub 運用管理者 Stackの管理 Stackから雛形をダウン ロード、プロジェクト 生成 アプリ開発 ローカル環境で 実行、テスト ビルド デバッグ デプロイ 雛形のダウンロード、アプリの 開発、ビルドまでをIDEの画面 から操作できる Kabanero Foundation

Codewind: Kabanero developer experience for IDEs • Codewind を使用すると、アプリが本番環境で実行されているときと同じように、コンテナー内のアプリの反復処理、 デバッグ、パフォーマンス・テストを迅速に実施できます。

前掲のように、KabaneroはモダンなCloud Nativeアプ リケーション開発のための包括的なプロジェクトです。コー ディング時の雛型⽣成からコンテナのビルド、実⾏、 CI/CDパイプラインまで、幅広くカバーしています。 当ハンズオンでは特に開発者の⽴場にたって、以下のシ ナリオをVisual Studio Code環境で⾏います。 Codewindを使います。 1. プロジェクトの作成 2. Collectionを⽤いた雛型の⽣成 3. ⾃動的な変更検知とコンテナ・ビルド 4. 実⾏とロギング 5. 簡易的な負荷テスト 6. アプリケーションのモニタリング Modernize Application Languages & Runtime Develop Build Manage > 統合された開発ツール 統合されたDevOpsツール 選定されたコレクション 当ハンズオンではこの辺を扱います ハンズオン

ハンズオンの準備（まだの⽅） Windows, MacのどちらでもOKです。ただしメモリーは８GB以上必要です。（16GBを推奨） Docker, Vs Codeをインストールしてください。 Docker https://docs.docker.com/docker-for-mac/install/ (Mac) https://docs.docker.com/docker-for-windows/install/ (Windows) VS code https://code.visualstudio.com/download

Visual Studio Code, Docker を起動してください。

Codewindのインストール メニューから View -> Extention を選択してください

Codewindのインストール Codewindと⼊⼒してください インストールをクリック

Codewindのインストール Codewindが追加されました。

もしCodewindがStopしていたら こちらを右クリックしてStartしてください。 Dockerが起動していないとエラーになります スタートするときにcodewindのコンテナイ メージをインストール必要がある場合もありま す。

Visual Studio Codeのパネル構成(codewindの観点での) はじめにVisual Studio Codeでのcodewindのパネ ル構成を簡単にご説明します codewindは「プロジェクト」という単位で成果物を管 理します. この部分にはワークスペースで、codewindが⽣成 (scaffold)したソースプログラムや定義ファイル⼀式がプロ ジェクト単位に表⽰されます(今は何もありませんが、これ から作ります) ここからcodewindのプロジェクトを作ります。プロジェク トができたら、右クリックで様々な機能を起動できます。 プロジェクトの右クリックで 表⽰されるメニュー例

プロジェクトの新規作成 ではプロジェクトを作ります。 左下のProjects(Local)の右の＋マークをクリック 中央上部に「Select project type to create(どんなプロジェクトの種類にしますか)」と表 ⽰されたら上から5番⽬の「Appsody Node.js Express scaffold template」をクリック

テンプレートのソースを追加できます。 Projectを選択するときに 右上のアイコンをクリック Defaultのテンプレートに加えKabanero, Appsodyのテンプレートを追加できます。

プロジェクトの名前を聞かれるので、お好きな名前を ⼊⼒して「Enter」キー • たとえばmy-nodejsなど 途中でインストール先ディレクトリーを聞かれるので空 のからのディレクトリーを作成ししてしてください。 右下にcreating…が表⽰されるので2-3分待ちます。 (裏であれこれダウンロードしてますので、しばしお待ち ください） created project 〜 atになれば完了です︕

プロジェクトができました︕ nodejsのテンプレートから ⽣成されたソース等⼀式 Projectの下にmy-nodejsが表 ⽰され、状況が [Running,Build Succeeded]になっています。つ まり上記のワークスペースのソー スからビルドを⾏いコンテナを作 成してdockeとして起動済だよ、 ということです [Running,Build Succeeded] ＝ワークスペースのソースからビル ドを⾏いコンテナを作成してdocke として起動済だよ、ということです コンテナのidや アプリのエンドポイント(url)など テンプレートを選んだだけで、⾃動的にプログラムの雛型が作られ、裏でdockerでbuildされ、コンテナ内でnode.jsが起動 しています。⾮常に簡単ですね︕ *ここにソースが表示 されていない場合に は次次頁を参照して 追加できます。

参考までに プロジェクト作成でしてしたディレクトリーにNode.js e のディレクトリーができているはずです。

ソースが表⽰されない場合 プロジェクトの上で右クリック Add to workspace で追加できます。

まずは起動ログを確認します node.jsの起動ログを確認しましょう • 左下のプロジェクトを右クリック • 「show all logs」を選択 右下にnode.js/expressの起動ログ(メッセージ） が表⽰されます。今はdocker環境で動いていますが、 コンテナの中にいちいち⼊らずにログを⾒られるは便利 です。

アプリケーションにアクセスします ではアプリケーションを⾒てみましょう • 右側のApplication informationパネル • Application Endpointのリンク (http://127.0.0.1:32770)をクリック • Firefoxが起動され、アプリが表⽰されました

ソースを変更してみましょう ちょっとやってみましょう。 • 左側のCODEWIND-WORKSPACEの下の routes – index.js を選択します • 7⾏⽬を変更します。たとえば「~Express!!!」の 末尾にHow are you?」を追加します • Ctrl+Sまたは「ファイル」－「保存」で変更を保存 します • 先ほどと同様にURLにアクセスします • 即座に⽂⾔が変わっていますね?

コードの開発中から負荷テストが⼿軽に⾏えます codewindでは開発中に負荷テストを⼿軽に(※) ⾏えます。やってみましょう。 左下のプロジェクトを右クリック-「Performance Dashboard」 ブラウザーでPerformanceタブが開きます 右上の「Edit load run settings」をクリックすると、こ れからかける負荷リクエストの内容を設定できます。今 はデフォルトで⾏います。 ※Apache JMETERのような本格的な負荷 テスト・ツールではありません。コード改変中から ⼿軽に頻繁に負荷テストを⾏うことで、性能⾯ のデグレを防⽌することに主眼があるようです

さっそくやってみましょう。 • 左上「Run Load Test」をクリック • 適切なコメントを書いて「Run」 • 20秒程度おまちください • 完了すると結果が表⽰されます

結果を⽐較できます 同じことをもう⼀度⾏います • 左上「Run Load Test」をクリック • 適切なコメントを書いて「Run」 • 20秒程度おまちください • 完了すると結果が表⽰されます • ご覧の通り、前回の結果と⽐較できますので、 性能デグレの有無などが⾒やすいですね︕

アプリケーションのリソース状況のモニター さらにCPUやメモリーなどの状況を簡単に みられます。開発中からリソース状況を把 握して、リソース上のボトルネックの有無を 知っておくよいプラクティスですね。 プロジェクトを右クリックして「Metrics Dashboard」 ブラウザーのタブが開き、DashboardタブでCPUやメ モリ、HTTPの応答時間や件数が⾒られます。 Profiling,Summaryのタブも念のため⾒ておきま しょう。

お疲れ様でした︕

ぜひ試してみてください。 https://kabanero.io/try-it/

Projects vs. Products Production-Grade Open Source Project quarterly minor releases, no Long Term Support community support platform certification: (AKS, EKS, GKE, IKS) core framework / limited security platform or user responsible to integrate beyond core Production-Grade Open Source based Product quarterly releases, support for major release 3+ years enterprise support ecosystem certification: platform and app containers k8s core plus abstractions / dashboard / security opinions and integration of common features

Projects vs. Products Production-Grade Open Source Project community support Install via documentation Production-Grade Open Source based Product Versioned and supported Simplified install with Cloud Pak for Applications Integrations with Other Cloud Paks Entitlement to Red Hat Runtimes Kabanero Project Cloud Pak for Apps Accelerators for teams

IBM Cloud Pak for Applications 57 IBM Modernization & Developer Tools Included with all components Transformation Advisor WebSphere Migration Toolkit Enterprise Dev tools & extensions for local IDEʼs Supported when used with Cloud Pak for Applications, no charge IBMモダナイゼーション開発ツール Transformation Advisor Mono2Micro (Beta) Application Navigator WebSphere Migration Toolkit 企業向け開発ツールおよび IDEプラグイン Cloud Pak for Applications とあわせて利⽤される場合には、追加課⾦なしでサポートを提供 既存アプリのモダナイズ WebSphere Application Server WebSphere ND | WebSphere Base Liberty Core | Mobile Foundation JBoss Enterprise Application Server WebSphere Application Server Liberty Core | WebSphere Base WebSphere ND | Mobile Foundation JBoss Enterprise Application Server 既存アプリケーションの稼働 Red Hat Code Ready Workspace 新規 Cloud Native アプリのビルド チームにコンテンツと、ツール、アーキテクチャ、メソドロジーを提供 チームが ビジネスの問題に Day1から 集中できるようにする Accelerators for Teams (チーム開発加速 ＆ 企業ガバナンス） Red Hat OpenShift Container Platform 企業向けアプリケーション・ランタイム 分散データキャッシュ Single Sign On メッセージング • WebSphere Liberty • 従来型 WebSphere AS • Mobile Foundation • Open Liberty • JBoss EAP • Quarkus • Node.js • Spring Boot • JBoss WS • Vert.x • Cloud Functions (Serverless) • OpenJDK

質問&ライブ投票参加 はこちら slido.com #dojo0727 スマホでもアクセスできます https://app.sli.do/event/vz7piphi PC,マックの場合は

Kabaneroプロジェクト、コントリビューターも募集中 Githubで貢献、あるいはブログなどでの Meetupイベントもやろうと思ってます。ぜひご参加ください︕またアンケートもよろしくお願いします︕ https://ibm-developer.connpass.com/event/169676/