Tweet
Tweet

Slide 1

Slide 1 text

Cloud Vision APIで 個人情報を隠すサービスを 開発しました！

Slide 2

Slide 2 text

目次 1 作ったサービス 作ったきっかけ 2 3 アーキテクチャ図 4 工夫した点 5 6 料金 まとめ

Slide 3

Slide 3 text

作ったきっかけ 1 作ったきっかけ

Slide 4

Slide 4 text

作ったきっかけ 個人情報が入った画像を図形で上から隠すサービス

Slide 5

Slide 5 text

作ったきっかけ 個人情報を隠すのがめんどくさい ...

Slide 6

Slide 6 text

作ったきっかけ めんどくさいことは、 AIにやってもらおう！

Slide 7

Slide 7 text

作ったきっかけ Zennのハッカソンに提出します 󰵗

Slide 8

Slide 8 text

作ったサービス 1 作ったサービス

Slide 9

Slide 9 text

作ったサービス 実際に使った動画

Slide 10

Slide 10 text

作ったサービス ここに、情報を隠したい画像を入れます

Slide 11

Slide 11 text

作ったサービス 個人情報を隠したい画像

Slide 12

Slide 12 text

作ったサービス 隠したいテキストはこちら

Slide 13

Slide 13 text

作ったサービス AIに画像を渡して、読み込んでもらう

Slide 14

Slide 14 text

作ったサービス 実際に生成された画像はこちら

Slide 15

Slide 15 text

アーキテクチャ図 3 アーキテクチャ図

Slide 16

Slide 16 text

アーキテクチャ図 デプロイ テキストを検出 個人情報を識別 マスクされた画像 全テキスト 画像とテキスト 個人情報を マスク

Slide 17

Slide 17 text

アーキテクチャ図 デプロイ テキストを検出 個人情報を識別 マスクされた画像 全テキスト 画像とテキスト 個人情報を マスク

Slide 18

Slide 18 text

アーキテクチャ図 テキストを検出 個人情報を識別 全テキストを渡す 個人情報のみの情報を渡 す

Slide 19

Slide 19 text

工夫した点 4 工夫した点

Slide 20

Slide 20 text

工夫した点 1. GeminiをCloud Vision APIに変えた 2. プロンプトの作成

Slide 21

Slide 21 text

工夫した点 1. GeminiをCloud Vision APIに変えた

Slide 22

Slide 22 text

工夫した点 画像内の’ビック・ベン ’を囲む4点の座標を JSON形式で出力してください。 canvas APIで、赤い図形を画像の上から書いてもらう

Slide 23

Slide 23 text

工夫した点 うまく、座標をとってくれない .....

Slide 24

Slide 24 text

工夫した点

Slide 25

Slide 25 text

工夫した点 テキスト検出の機能があった！！

Slide 26

Slide 26 text

工夫した点 テキストの座標をとることに成功 　　　　　　　🎉

Slide 27

Slide 27 text

工夫した点 2. プロンプトの作成

Slide 28

Slide 28 text

工夫した点

Slide 29

Slide 29 text

個人情報だと思われる情報を特定してください。 工夫した点

Slide 30

Slide 30 text

工夫した点 テキストを全部隠しちゃう ...

Slide 31

Slide 31 text

プロンプトを詳しくしました！ 以下のテキストの中から、ブログ公開時に隠したほうが良い情報を特定してください。 隠すべき情報の基準は次の通りです： 工夫した点

Slide 32

Slide 32 text

工夫した点 1. APIキー：アルファベットと数字が混在する長い文字列。 2. メールアドレス： '@' を含む文字列。 3. 電話番号：数字と '-' が含まれる形式（例 : "03-1234-5678"). 4. クレジットカード番号： 16桁の数字。 5. 個人名：明らかに名前と分かるもの。 6. 企業名やサービス名：次のような特徴を持つものを特定してください： - 通常1つまたは複数の単語で構成され、記号（例 : '-', '.'）やアルファベットが混在する場合が多い。 - 文脈に基づいて「特定のブランド」「会社名」「プロジェクト名」などと推測されるもの。 - 一般的な単語（例 : 'project', 'dashboard', 'add'）は含まない。 7. 以下の文字列が含まれていたら、それは隠すべき情報としてください。 - yumemi

Slide 33

Slide 33 text

個人情報だけ隠してくれるようになりました 🎉 工夫した点

Slide 34

Slide 34 text

料金 5 料金

Slide 35

Slide 35 text

料金 Cloud Vision API Gemini

Slide 36

Slide 36 text

まとめ 6 まとめ

Slide 37

Slide 37 text

まとめ ・AIを使ったら、めんどくさい作業が楽になった ・AIを使って、こんなのが作れるようになるかもとアイディアが浮かぶようになった

Slide 38

Slide 38 text

THANK YOU