Tweet
Tweet

Slide 1

Slide 1 text

Web関連Part2: 翻訳、要約 Sakakibara Kazuya

Slide 2

Slide 2 text

名前: Sakakibara Kazuya 仕事: とある会社でインフラエンジニアをしています CDK、Typescriptは未経験 Web関連Part2 自己紹介

Slide 3

Slide 3 text

Web関連Part2でお話すること Sakakibara Kazuya

Slide 4

Slide 4 text

主に3つをメインに取り上げます • 構成図 • 各機能の解説(CDK、翻訳、要約) • 感想、次回開催に向けて Web関連Part2 Web関連Part2でお話しすること

Slide 5

Slide 5 text

構成図 Sakakibara Kazuya

Slide 6

Slide 6 text

Web関連Part2 構成図 ポイント②: ブラウザ側での 文字起こし結果 をAPI連携 ポイント①: CDKで作成 ポイント③: Claude 3.5 sonnetによる 登壇内容要約

Slide 7

Slide 7 text

Web関連Part2 Web関連Part2で取り上げる範囲 翻訳 要約

Slide 8

Slide 8 text

各機能の解説 Sakakibara Kazuya

Slide 9

Slide 9 text

CDK Sakakibara Kazuya

Slide 10

Slide 10 text

リソースはCDKで作成していて、なるべくスタックを分割せず作成するつもりでした • あまり変更がないリソース(DynamoDBなど) • 変更が発生しやすいリソース Web関連Part2 スタック構成 引用元:初心者がおさえておきたいAWS CDKのベストプラクティス 2024 - Speaker Deck https://speakerdeck.com/konokenj/cdk-best-practice-2024?slide=21

Slide 11

Slide 11 text

スタックの数が増加、相互参照するスタックが発生。次までには直したい・・ 配信構成の紹介 現実はなかなかうまくいかず・・

Slide 12

Slide 12 text

翻訳 Sakakibara Kazuya

Slide 13

Slide 13 text

フロントエンド側で文字起こしされた内容をAPI連携、Amazon Translateで文 字起こし内容を翻訳しています 配信構成の紹介 翻訳

Slide 14

Slide 14 text

Amazon Bedrockでの翻訳も検討したものの、利用しない方針にしました • 連携される文字起こし内容が短かく、ぶつ切りされた内容であること • 即時性が求められるため、Bedrockだとレスポンスが遅くならないか気になった 配信構成の紹介 翻訳

Slide 15

Slide 15 text

翻訳言語は20言語程度に絞りこみ (同じ言語の派生版含めると25言語) • 並列で翻訳をかけていたので、全部実施でもよかったかもしれない 配信構成の紹介 翻訳

Slide 16

Slide 16 text

要約 Sakakibara Kazuya

Slide 17

Slide 17 text

セッション終了後に、Dynamo DBに格納されている書き起こし内容を使って Claude 3.5 Sonnetにセッションの要約をしています 配信構成の紹介 Bedrockを使った要約API

Slide 18

Slide 18 text

当初は仕事の関係で時間が取れず見送っていたが、イベント開始後に実装開始 • Typescriptを全く触っていない素人でも6時間くらいで実装できました 配信構成の紹介 Bedrockを使った要約API

Slide 19

Slide 19 text

プロンプトエンジニアリングは特に実施しなかった • 24時間分で数ドル程度で、コストはあまりかからなかった 配信構成の紹介 Bedrockを使った要約API

Slide 20

Slide 20 text

フロントエンドへの連携は実装できず、ここは手動デプロイをしていただきました 配信構成の紹介 Bedrockを使った要約API

Slide 21

Slide 21 text

感想、次回開催に向けて Sakakibara Kazuya

Slide 22

Slide 22 text

Typescript/CDKは未経験だったが、かなり楽に開発できた • AWS側でサンプルが充実しており、そこを頼りに進めることができた 感想、次回開催に向けて 感想 引用元: aws-samples/aws-cdk-examples: Example projects using the AWS CDK https://github.com/aws-samples/aws-cdk-examples

Slide 23

Slide 23 text

Amazon Q/Github Copilotを上手く活用できれば、全部1から調べて書くより ももっと早くできたかもしれない・・ 感想、次回開催に向けて 感想 引用元: JAWS PANKRATION 2024 TT-51 Visualize and design your serverless applications - YouTube https://www.youtube.com/watch?v=C_s2Xywn8Sg

Slide 24

Slide 24 text

開発時間がうまく確保できず見送りになったが、次回は実装したい 感想/その他 ダッシュボード 引用元: CloudNative Days Summer 2024 https://event.cloudnativedays.jp/cnds2024/o11y

Slide 25

Slide 25 text

ありがとうございました！ Sakakibara Kazuya