Cloud_Vision_APIで個人情報を隠すサービスを開発しました_.pdf

Transcript

1. Cloud Vision APIで 個人情報を隠すサービスを 開発しました！
2. 目次 1 作ったサービス 作ったきっかけ 2 3 アーキテクチャ図 4 工夫した点 5 6 料金 まとめ
3. 作ったきっかけ 1 作ったきっかけ
4. 作ったきっかけ 個人情報が入った画像を図形で上から隠すサービス
5. 作ったきっかけ 個人情報を隠すのがめんどくさい ...
6. 作ったきっかけ めんどくさいことは、 AIにやってもらおう！
7. 作ったきっかけ Zennのハッカソンに提出します 󰵗
8. 作ったサービス 1 作ったサービス
9. 作ったサービス 実際に使った動画
10. 作ったサービス ここに、情報を隠したい画像を入れます
11. 作ったサービス 個人情報を隠したい画像
12. 作ったサービス 隠したいテキストはこちら
13. 作ったサービス AIに画像を渡して、読み込んでもらう
14. 作ったサービス 実際に生成された画像はこちら
15. アーキテクチャ図 3 アーキテクチャ図
16. アーキテクチャ図 デプロイ テキストを検出 個人情報を識別 マスクされた画像 全テキスト 画像とテキスト 個人情報を マスク
17. アーキテクチャ図 デプロイ テキストを検出 個人情報を識別 マスクされた画像 全テキスト 画像とテキスト 個人情報を マスク
18. アーキテクチャ図 テキストを検出 個人情報を識別 全テキストを渡す 個人情報のみの情報を渡 す
19. 工夫した点 4 工夫した点
20. 工夫した点 1. GeminiをCloud Vision APIに変えた 2. プロンプトの作成
21. 工夫した点 1. GeminiをCloud Vision APIに変えた
22. 工夫した点 画像内の’ビック・ベン ’を囲む4点の座標を JSON形式で出力してください。 canvas APIで、赤い図形を画像の上から書いてもらう
23. 工夫した点 うまく、座標をとってくれない .....
24. 工夫した点
25. 工夫した点 テキスト検出の機能があった！！
26. 工夫した点 テキストの座標をとることに成功 　　　　　　　🎉
27. 工夫した点 2. プロンプトの作成
28. 工夫した点
29. 個人情報だと思われる情報を特定してください。 工夫した点
30. 工夫した点 テキストを全部隠しちゃう ...
31. プロンプトを詳しくしました！ 以下のテキストの中から、ブログ公開時に隠したほうが良い情報を特定してください。 隠すべき情報の基準は次の通りです： 工夫した点
32. 工夫した点 1. APIキー：アルファベットと数字が混在する長い文字列。 2. メールアドレス： '@' を含む文字列。 3. 電話番号：数字と '-' が含まれる形式（例 : "03-1234-5678"). 4. クレジットカード番号： 16桁の数字。 5. 個人名：明らかに名前と分かるもの。 6. 企業名やサービス名：次のような特徴を持つものを特定してください： - 通常1つまたは複数の単語で構成され、記号（例 : '-', '.'）やアルファベットが混在する場合が多い。 - 文脈に基づいて「特定のブランド」「会社名」「プロジェクト名」などと推測されるもの。 - 一般的な単語（例 : 'project', 'dashboard', 'add'）は含まない。 7. 以下の文字列が含まれていたら、それは隠すべき情報としてください。 - yumemi
33. 個人情報だけ隠してくれるようになりました 🎉 工夫した点
34. 料金 5 料金
35. 料金 Cloud Vision API Gemini
36. まとめ 6 まとめ
37. まとめ ・AIを使ったら、めんどくさい作業が楽になった ・AIを使って、こんなのが作れるようになるかもとアイディアが浮かぶようになった
38. THANK YOU