インターンでAmazon Bedrock普及させてみた

インターンでAmazon Bedrock普及させてみた JAWS-UG東京 ランチタイムLT会 #16

INDE X 1. 自己紹介 2. 概要 3. インターンでの開発における課題 4. 開発手法 5. Webアプリ（生成AI）成果物 6. まとめ ©TOPPAN Digital Inc. 2

自己紹介 ©TOPPAN Digital Inc. 3

自己紹介 加納 広太 名前： 加納 広太（かのう こうた） 所属： TOPPANデジタル ICT開発センター 役割： 自社サービスのインフラ/アプリのアーキテクチャ検討・実装 物流データ可視化サービス IoTデータプラットフォーム 自動文章公正ツール など 資格： 【公式】TOPPANデジタル｜ICT開発センター (@toppan_dxd_ict) on X ©TOPPAN Digital Inc. 4

概要 ©TOPPAN Digital Inc. 5

発表概要 テーマ 「Webアプリの超初心者」に 「生成AI（Bedrock）を活用したWebアプリを開発」 してもらうにはどうすればよいか？ Bedrock含む技術スタックの詳細な説明 ©TOPPAN Digital Inc. 6

インターン概要 場所： 会津若松市 AiCTコンソーシアム https://www.aict.or.jp/ 期間： 9/9 ~ 9/20（９日間） 参加学生： 会津大学学生（３名） https://mobile.x.com/toppan_dxd_ict/status/1833045194557755820 実施内容： AWSを利用したWeb開発における主要工程の体験 （企画【生成AI】 ~ 設計 ~ 開発） ©TOPPAN Digital Inc. 7

• https://mobile.x.com/toppan_dxd_ict/status/1833045194557755820
• https://www.aict.or.jp/

インターンでの開発における課題 ©TOPPAN Digital Inc. 8

課題１ Webアプリケーションの開発経験が無い 利用経験あり Python ・Java・C++ 利用経験なし JavaScript （構文などが分かる程度 Webフレームワーク 利用経験がある言語で、 Webアプリ開発を極力簡単に実施できるようにする必要がある ©TOPPAN Digital Inc. 9

課題２ 開発期間がかなり短い マーケティング UI/UX（Figma） ～他ワーク ３日目 ４日目 Web開発 Webアプリ基礎知識 AWS基礎知識 ５日目 ６日目 発表 Webアプリ(生成AI)開発 ７日目 ８日目 ９日目 「Webアプリ(生成AI)開発」は２日間で完了させる必要がある ©TOPPAN Digital Inc. 10

課題３ 成果物はAWSにデプロイしたい ローカル開発環境 AWS環境 ？ ローカルの開発成果物を簡単にAWSへデプロイできる必要がある ©TOPPAN Digital Inc. 11

課題まとめ １ Webアプリケーションの開発経験が無い ２ 開発期間がかなり短い ３ 成果物はAWSにデプロイしたい とにかく”簡単”に生成AIを利用したアプリを 開発・AWSにデプロイできるように！！ ©TOPPAN Digital Inc. 12

開発手法 ©TOPPAN Digital Inc. 13

選定した技術スタック インフラ構築・デプロイ インフラ AWS SAM Amazon API Gateway AWS Lambda Amazon Bedrock アプリケーション その他（開発環境） （ + Mangum ） ※API Gateway Adaptor ©TOPPAN Digital Inc. ※テンプレートは事前に準備 Codespaces 14

開発フロー 実施内容 狙い ・FastAPIを利用して Webアプリ開発の基礎を 学ぶ Webアプリ開発 ５日目 手作業構築 自動構築 を学ぶ ６日目 AWS SAM Amazon API Gateway AWS Lambda Webアプリ（生成AI）開発 （+ Mangum） ©TOPPAN Digital Inc. ・Bedrockの利用方法を学ぶ ・自動構築の重要性を学ぶ Amazon Bedrock ７日目 ８日目 ・サーバーレスアーキテクチャ AWSデプロイ AWS SAM ・生成AIを組み込んだ Webアプリの開発方法を学ぶ ・ローカル開発成果物をAWSに デプロイする方法を学ぶ ・自動デプロイの重要性を学ぶ 15

Webアプリ（生成AI）成果物 ©TOPPAN Digital Inc. 16

Webアプリ（生成AI）成果物 服装コーディネート（アドバイス）アプリ 天気・場所に応じて、服装が適しているか生成AIがアドバイスしてくれる ©TOPPAN Digital Inc. 天気情報 Amazon Bedrock 位置（場所）情報 写真のimage2text情報 17

Webアプリ（生成AI）成果物 アドバイス機能 チャット機能 Amazon Bedrock Amazon Bedrock 天気情報 位置（場所）情報 ＋ ⇒ アドバイス 写真のimage2text情報 ©TOPPAN Digital Inc. 18

まとめ ©TOPPAN Digital Inc. 19

まとめ Good ・生成AI（Bedrock）を利用したアプリを完成させることができた ⇒ 学生が、Bedrockを利用すれば生成AIアプリを思ったよりも 簡単に開発できると理解してくれた ・IaCや自動デプロイの重要性を伝えることができた ⇒ IaCやAWSに興味を覚えて、今後も勉強したいと言う学生も Motto ・短期間での実施だったため、かなり詰め込んだ内容になってしまった ⇒ 一部学生が取り残されることがあったため、 できるだけ各自の理解度に合わせた内容にできるとより良い ©TOPPAN Digital Inc. 20

ご清聴ありがとうございました