AIでアプリは作れる。ならば、AIは作ったアプリをクラウドにデプロイすることはできるのか🤔

AIで生成したアプリを、IBM Cloud の無料枠を使ってクラウドネイティブ環境へデプロイした実践レポートです。
Object Storage / Code Engine / Cloudant を組み合わせ、Terraform によるIaCで自動構築を試みました。
オブザーバビリティ教育用の教材アプリを「単一サーバー構成」から「サーバレス構成」へ移行する過程で得た知見、しくじり、改善点をまとめています。

Transcript

1. JICUG（Japan IBM Cloud User Group） 鹿野 市郎 AI駆動開発 × オブザーバビリティ教育 AIでアプリは作れる。ならば、AIは作ったアプ リをクラウドにデプロイすることはできるのか 第２回 クラウドにデプロイする
2. 作ったアプリ を クラウドにデプロイ バイブコーディングやってますか？ • 生成AIで制作したアプリをPCや１台のサーバーで動かすの簡単 • 管理されたクラウドのWEB／アプリ／DBと分散環境ではどうか？ APP WEB API DB
3. 自己紹介 ◼ 所属/経歴 • 電機メーカー勤務 • 経歴 1. サーバーのグローバル製造技術/営業 2. データセンター・プロジェクト 3. マネージドサービス（マルチクラウド・ハイブリッドクラウド） • 副業いろいろ KANO Ichiro 鹿野 市郎
4. 前回の振り返り
5. ①背景 私の担当：マルチクラウド ①監視から “オブザーバビリティ”へ ②技術者育成の必要性 ②シーン ▪体験型オブザーバビリティ教育を実施したい 「実際に障害が起きるアプリの原因を突き止める」 ③課題 ▪実現したいこと オブザーバビリティを体験するために、 観測対象システムが必要 ▪アプリ開発に時間をかけたくない 目的は「アプリ開発」ではなく、 「オブザーバビリティ教育」 ④AIで解決 ▪IBM Bob に教材をつくってもらうチャンス ▪人は勉強会の企画に注力
6. 前回の成果 WEB Nginx PC ブラウザ API Node.js DB MySQL • CRUD操作でデータを扱うフラッシュクイズを作った。 • アプリ開発の時短: 8週間 → 2日間 データ： ・問題100問 ・正解 ・ランキング フロントサイド： ・画面レイアウト バックエンド： ・設問データ取得 ・ランキング登録
7. 実践レポート WEB API DB • オブザーバビリティ体験会を開催 • 障害が発生するアプリをモニタリングし、その状態を調査、分析した
8. 今回の取り組み
9. クラウドネイティブな環境へ移行 • 業務で使う情報システムは、可用性・拡張性を高めるため、クラウドネ イティブな分散環境で構築することが多い – 単一障害点（SPOF）排除 – スケールアウトしやすい構成 – 変更範囲を絞り、影響範囲を限定 • 従って、クラウド環境でフラッシュクイズを再構築する WEB API DB WEB（Nginx） API（Node.js） DB（MySQL） 前回 今回
10. 選定条件 「お試し」が条件なので無料プランで検証したい https://www.ibm.com/jp-ja/products/cloud/free
11. 選定条件 WEBサイトに オブジェクトストレージ （通称COS） 静的コンテンツ（HTML, CSS, 画 像ほか）を保存できるディスク領域。 インターネット公開が可能。
12. 選定条件 WEBサイトに オブジェクトストレージ （通称COS） 静的コンテンツ（HTML, CSS, 画 像ほか）を保存できるディスク領域。 インターネット公開が可能。 =約28vCPU時間/月 APIアプリに Code Engine コンテナ・ジョブ・関数をフルマネージ ドな環境で実行できるIBM Cloud のサーバレス実行基盤
13. 選定条件 WEBサイトに オブジェクトストレージ （通称COS） 静的コンテンツ（HTML, CSS, 画 像ほか）を保存できるディスク領域。 インターネット公開が可能。 =約28vCPU時間/月 APIアプリに Code Engine コンテナ・ジョブ・関数をフルマネージ ドな環境で実行できるIBM Cloud のサーバレス実行基盤 データベースに DB2 リレーショナルデータベース。HA冗 長構成を選択可
14. 今回のシステム構成 • クラウドネイティブ • サーバレス / PaaS 移行先のリソース選定 仮想サーバー IBM Cloud 案 IBM Cloud 代案 WEB Nginx オブジェクトストレージ オブジェクトストレージ APIアプリ Node.js Code Engine Code Engine DB MySQL DB2（RDB） Cloudant（NoSQL） 前回のシステム構成 • １台の仮想サーバー • ３つのコンテナ IBM Cloud のどのサービスを使う？
15. Bob と一緒にシステム構成を選定 IBM Cloud に アプリをデプロイしたい このステップで実行します
16. Bob と一緒にシステム構成を選定 IBM Cloud無料枠の制限 • Code Engine: 月100,000 vCPU秒（約27.7時間） • Db2 on Cloud: 200MB ストレージ • Object Storage: 25GB ストレージ、20,000 GETリクエスト/月 30分実行の場合: 1回あたり約1,800 vCPU秒 → 月55回実行可能 クイズ5分実行の場合：月330回実行可能（十分過ぎる）
17. ところが。無料DB2は、北米と英国だけだった デプロイを計画しているときに日本リージョンにLiteプランが無い事に気付き 日米マルチリージョンでも、ま、いっか
18. $ terraform plan 日米マルチリージョンで再設計する ┌─────────────────────────────────────┐ │ 日本リージョン (jp - tok) │ │ ┌──────────────────────────────┐ │ │ │ Code Engine │ │ │ │ - flash - quiz - api │ │ │ │ - 0.25 vCPU, 0.5GB │ │ │ └──────────────────────────────┘ │ │ ┌──────────────────────────────┐ │ │ │ Cloud Object Storage │ │ │ │ - frontend bucket │ │ │ └──────────────────────────────┘ │ └─────────────────────────────────────┘ ↓ 150 - 200ms ┌─────────────────────────────────────┐ │ 米国リージョン (us - south) │ │ ┌──────────────────────────────┐ │ │ │ Db2 Lite (FREE) │ │ │ │ - 200MB storage │ │ │ │ - SQL database │ │ │ └──────────────────────────────┘ │ └─────────────────────────────────────┘
19. $ terraform apply ▪Db2 Lite は Terraform で作れない（公式仕様） 無料版の Db2 Lite は GUI操作で作成するDBのため、Terraformでは作れない。 代案は、GUI操作による手作業だが、せっかくなのでTerraformで実行したい。
20. Cloudant Lite にする 理由は［Bob］［Terraform］［IBM Cloud］の学習だから。 先は長そうだ
21. 選定条件（変更） WEBサイトに オブジェクトストレージ （通称COS） 静的コンテンツ（HTML, CSS, 画 像ほか）を保存できるディスク領域。 インターネット公開が可能。 =約28vCPU時間/月 APIアプリに Code Engine コンテナ・ジョブ・関数をフルマネージ ドな環境で実行できるIBM Cloud のサーバレス実行基盤 データベースに DB2 Cloudant ドキュメント型 NoSQL データベー ス。JSON形式のデータを扱う
22. 今回のシステム構成 • クラウドネイティブ • サーバレス / PaaS 移行先のリソース選定（変更） 仮想サーバー IBM Cloud 案 IBM Cloud 代案 WEB Nginx オブジェクトストレージ オブジェクトストレージ APIアプリ Node.js Code Engine Code Engine DB MySQL DB2（RDB） Cloudant（NoSQL） 前回のシステム構成 • １台の仮想サーバー • ３つのコンテナ IBM Cloud のどのサービスを使う？
23. やってみる：クラウドへデプロイ
24. クラウドへデプロイする とは？ 自動でデプロイ 手作業でデプロイ IBM Cloud 有効化 クラウドリソース配置（インフラ） アプリ と データ をインストール 検査
25. 項目 管理ポータル MCP Server(*) IBM Cloud CLI Terraform / API 安定性 ◎ 最も安定 ？後日確認する ◎ 安定 非常に安定 Bob IDE連携 分離された環境 ◎ MCP で直接 ◦ ターミナル経由 〇 ターミナル経由 自動化 手作業 ？後日確認する ◦ スクリプト IaC で一般的 本番利用 ◎ ？後日確認する ◎ AIエージェントによる デプロイできる手段は？ IBM Cloud でリソースをデプロイするには、4つの手段がある。 今回は IBM になった HashiCorp の Terraform を選ぶ。 管理ポータル（GUI）は手作業であり自動化できず、はじめてのクラウド技術者が触るGUI。MCP Server は Bob IDE を拡張する。IBM Cloud の CLI は実績もあり安定したスクリプト運用向け。Terraform が クラウド業 界でよく利用される自動化・再現性の高い手段。 *: https://bob.ibm.com/docs/ide/configuration/mcp/mcp-in-bob?utm_source=copilot.com
26. しかし、事前準備 ひとが手作業でやるように指示された... ・ Terraform を PC にインストールする ・ IBM Cloud を PC にインストールする wget ... <略 : HashiCorp のリポジトリを追加> sudo tee hashicorp.list ... $ sudo apt update $ sudo apt-get install terraform $ terraform --version $ curl -fsSL https://clis.cloud.ibm.com/install/linux | sh $ ibmcloud resource groups Name ID Default Group State Default 92c74ee e90682 true ACTIVE
27. さあ、コーディングするぞ Bobは新しいファイルを作成したい
28. Bob がんばってる 残った Bob Coin で完成するか
29. ひとがやる手作業（自動化できなかった） Terraform と IBM Cloud CLI で、クラウドのリソースをデプロ イするには、自分で作成するAPIキーが必要。 • IBM Cloud API KEY = IBM Cloud ポータルでAPIキーを発行する • IBM Cloud COS API KEY = 下記手順で発行する – powershell in VS Code ターミナル – PS > cd terraform – PS > terraform apply -auto-approve – IBM Cloud ポータルにログイン > リソースリスト > Cloud Object Storage > [flash-quiz-cos] > サービス資格情報 >
30. Terraform が デプロイを実行... エラー 実験的に手動で作成した環境を完全 には削除していなかった。 ・削除したプロジェクト名が残っている ・IAMロールの形式が古い
31. Code Engine デプロイ失敗 ・ Docker Desktopでコンテナイメー ジが未作成
32. Docker Desktop を起動し、コンテナイメージ作成
33. デプロイ完了 !?
34. IBM Cloud リソースが自動作成された！
35. API呼び出し（Code Engine）停止中
36. API呼び出し（Code Engine）稼働中 15秒くらいで再起動
37. API呼び出し（Code Engine）停止中 60秒アクセスないと停止
38. WEBアプリ（COS）
39. WEBアプリ（COS）
40. まとめ
41. まとめ ◼ Ｋ：できたこと ➢ IBM Bob と Terraform を使い、クラウドネイティブ環境へ移行できた ➢ IBM Cloud の無料枠で動作検証できた ➢ オブザーバビリティ勉強会用の素材アプリを再構築できた ◼ Ｐ：できなかったこと（しくじり） ➢ DB2 を Terraform で自動構築できないことに後で気付いた。時間ロス ➢ Terraform エラー / Code Engine デプロイ失敗 / 手作業の手順ミス ◼ Ｔ：次のアクション ➢ Terraform と IBM Cloud の IaC を読み解く ➢ Bob IDE + MCP Server + IBM Cloud を学ぶ