Slide 1

Slide 1 text

NRI ネットコム TECH AND DESIGN STUDY #23 基盤デザイン事業部 志水 友輔 2024/02/20 転載、複製、改変等は禁止します #nncstudy

Slide 2

Slide 2 text

Generating Advent Calendar with AI Agent Web システムのPoC 、アーキテクトがおしごと  AWS CDK/Bedrock/ChatGPT/ カメラ/ つけ麺 最近猫ちゃんをお迎えした猫アレルギーマン Blog: 志水 友輔 (しみず ゆうすけ) NRI ネットコム株式会社 / CLOUD ARCHITECT 転載、複製、改変等は禁止します #nncstudy

Slide 3

Slide 3 text

Amazon Bedrockとは 強力な基盤モデルを用いたテキスト、画像生成 を実現 サーバーレスアーキテクチャにより、セキュリ ティを確保しつつ迅速な開発とスケーリングを サポート 生成系AI サービス AI21 Labs 、Anthropic 、Cohere 、Meta 、 Stability AI などのトップAI 企業から提供される モデルにアクセス 単一API 経由で異なるモデルを柔軟に利用し、最 新のAI 技術を活用 モデルの多様性 Generating Advent Calendar with AI Agent 転載、複製、改変等は禁止します #nncstudy

Slide 4

Slide 4 text

Agents for Amazon Bedrockとは Amazon Bedrock を使用して、企業システムや データソースを利用した複数ステップのタスク を自動実行するエージェントを構築 製品の在庫照会から注文受付まで、顧客の質問 に対する回答やアクションの実行を自動化 エージェントによる自動化 AWS Lambda 関数や既存のシステムと連携し、 API 呼び出しやデータアクセスをセキュアに実行 プロンプトエンジニアリングやセッションコン テキストの管理、タスクの手動オーケストレー ションを必要とせず、エージェントが自動で最 適なアクションを決定 柔軟な統合 Generating Advent Calendar with AI Agent 転載、複製、改変等は禁止します #nncstudy

Slide 5

Slide 5 text

Agentsの活用例 Generating Advent Calendar with AI Agent Bedrock 単体では出来ない外部ページの取得を Agent で行ってStableDiffusion で画像化 ブログ記事のキーポイントを画像で表現し、読 者の関心を引きつけ、ウェブサイトの滞在時間 を延ばす テキストだけでは伝わりにくい内容を視覚的に 補強し、共有性とソーシャルメディアでの   注目度向上 記事の視覚化 特定のイベントや記事向けにユニークな画像や イラストを生成し、ブランドアイデンティティ を強化 独自の視覚体験を提供し、読者や視聴者の記憶 に残るコンテンツを作成 オリジナル画像やイラストの生成 転載、複製、改変等は禁止します #nncstudy

Slide 6

Slide 6 text

活用例のステップと Agentsの使い方 Generating Advent Calendar with AI Agent 記事の自動収集 1. 指定されたURL をもとにブログ記事のコンテ ンツを収集 Agents for Bedrock を利用 記事の要約とプロンプト作成 2. 収集した記事をClaude で要約 要約内容から、Stable Diffusion 用のプロン プトを作成 画像生成とS3 への配置 3. 作成したプロンプトを用いてStable Diffusion で画像を生成 生成した画像をAmazon S3 に配置 Agents for Bedrock を利用 記事視覚化のステップ 転載、複製、改変等は禁止します #nncstudy

Slide 7

Slide 7 text

アドベントカレンダーでの 適用:目的 Generating Advent Calendar with AI Agent 記事視覚化を活用し、25 日間にわたるアドベン トカレンダー形式で記事と画像を公開 読者に対して、連続したストーリーを追える  ビジュアル体験を提供し、ウェブサイトへの  訪問頻度とエンゲージメントの向上を目指す 目的と体験 DynamoDB で記事URL を取得し、Agents for Bedrock で視覚化。Claude で要約し、Stable Diffusion で画像を生成 Next.js を使用し、SSG でHTML ページを生成し、 これをS3 に配置。CloudFront を経由して、生成 されたページを高速で配信 ウェブサイト公開の技術フロー 転載、複製、改変等は禁止します #nncstudy

Slide 8

Slide 8 text

アドベントカレンダーでの 適用:ステップ Generating Advent Calendar with AI Agent アドベントカレンダーに関連する25 日分の記事 のURL をDynamoDB から取得 記事視覚化と同じように、取得したURL を基 に、Agents for Amazon Bedrock を使用して記 事のコンテンツと画像を収集 DynamoDB からのURL 取得 収集したコンテンツと生成された画像から、 Next.js を利用して静的サイト生成(SSG) でHTML ページを作成 生成したHTML ページをAmazon S3 に配置し、 CloudFront を通じて公開。エンドユーザーがア ドベントカレンダー形式でコンテンツを閲覧可 能に 画像一覧のHTML 作成と展示 転載、複製、改変等は禁止します #nncstudy

Slide 9

Slide 9 text

デモ Generating Advent Calendar with AI Agent 転載、複製、改変等は禁止します #nncstudy

Slide 10

Slide 10 text

デモ:ブログの画像生成 Generating Advent Calendar with AI Agent 転載、複製、改変等は禁止します #nncstudy

Slide 11

Slide 11 text

デモ:ブログの画像生成 Generating Advent Calendar with AI Agent 転載、複製、改変等は禁止します #nncstudy Updated!

Slide 12

Slide 12 text

デモ:DB確認 Generating Advent Calendar with AI Agent 転載、複製、改変等は禁止します #nncstudy

Slide 13

Slide 13 text

デモ:記事要約 Generating Advent Calendar with AI Agent 転載、複製、改変等は禁止します #nncstudy

Slide 14

Slide 14 text

デモ:複数記事の確認 Generating Advent Calendar with AI Agent 転載、複製、改変等は禁止します #nncstudy

Slide 15

Slide 15 text

まとめ Generating Advent Calendar with AI Agent Agents for Amazon Bedrock を使用した記事の 視覚化の基本プロセスと、それをアドベント カレンダー形式のプロジェクトに応用 DynamoDB からURL を取得し、収集した記事に 基づいてカスタマイズされた画像を生成し、こ れらをNext.js とAmazon S3 、CloudFront を利用 して公開するフローを実施 Agent を利用すると、スクリプトと違い柔軟に 実行粒度を自然言語で変更可能 今回のポイントのおさらい 転載、複製、改変等は禁止します #nncstudy

Slide 16

Slide 16 text

転載、複製、改変等は禁止します #nncstudy