Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Node-REDとAutomatorでプライバシーマスク作成を自動化する
Search
Sponsored
·
Your Podcast. Everywhere. Effortlessly.
Share. Educate. Inspire. Entertain. You do you. We'll handle the rest.
→
Kawazu
September 02, 2021
0
180
Node-REDとAutomatorでプライバシーマスク作成を自動化する
Kawazu
September 02, 2021
Tweet
Share
More Decks by Kawazu
See All by Kawazu
個人的に考える要件定義でやる一連の流れ
kawazu
0
410
ChatGPTで水平思考ゲームを行えるか試してみた
kawazu
0
340
新人プロダクトマネージャーの試行錯誤記録
kawazu
0
200
バックエンドエンジニアが初めてReactを触って感じたこと
kawazu
0
290
音楽仲間がいないのでバンドメンバーを実装した話
kawazu
0
110
JetsonNanoで自動作曲配信システムを作ってる途中の話
kawazu
0
760
bert-tokenizerノードを触ってみた
kawazu
0
320
BERTで文章関連度算出して戯れてみる
kawazu
0
160
AWS DeepComposerで作業用BGMを作った話
kawazu
0
180
Featured
See All Featured
Producing Creativity
orderedlist
PRO
348
40k
Money Talks: Using Revenue to Get Sh*t Done
nikkihalliwell
0
180
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
31
2.7k
Leveraging LLMs for student feedback in introductory data science courses - posit::conf(2025)
minecr
1
190
A Modern Web Designer's Workflow
chriscoyier
698
190k
Navigating Algorithm Shifts & AI Overviews - #SMXNext
aleyda
1
1.2k
Information Architects: The Missing Link in Design Systems
soysaucechin
0
820
How to Ace a Technical Interview
jacobian
281
24k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
508
140k
Mind Mapping
helmedeiros
PRO
1
110
Amusing Abliteration
ianozsvald
0
120
How to make the Groovebox
asonas
2
2k
Transcript
Node-REDとAutomatorで プライバシーマスク作成を 自動化する 河津正和
河津正和 • セーフィー株式会社所属 • バックエンドエンジニア/テクニカルディレクター • 本業の他に個人でも仕事を受けてます ◦ サービス立ち上げ系 ◦
開発運用系 • LT主催のコミュニティをいくつか運営してます ◦ Technical Director Meetup ◦ CivicTechLT Twitter:@kawazu255_ Qiita:kawazu255 note:kawazu255
こんなことありませんか?? 一般参加者の人を募って オンラインイベントを行う アーカイブをYouTubeに 残したい! 参加者の顔が映ってる・・ ぼかしを入れたい!
None
動画内の人の顔に 自動でぼかしを入れられる システム欲しい モチベーション
画像から人の顔を判別し ぼかしを入れる処理を ノーコードで作れるか試行錯誤した話 今日お話しすること
None
Macのため使用できず・・・ (すみません)
Automator
Automatorとは? 様々なワークフローを自動化して簡単に作業を効率化できる、Macの標準アプリケー ション
Automatorレシピ例 • お気に入りのWebサイトから画像を探して自動的に特定のフォルダに保存 • Finderで特定フォルダの中にある大量のファイルの名前を一瞬で変更 • Wordファイルを瞬時にPDFファイルにする
特定のディレクトリに画像を格納 画像にぼかしがかかる 処理を作ってみる!
フォルダアクション 特定のフォルダに項目が追加されることで、処理が実行される
特定のフォルダに 項目が追加されたら発火 別のフォルダに ファイルコピー ブラー(ぼかし)処理を入れる
Demo
人の顔は判別できない 顔にのみぼかしを入れたい
None
処理フロー 1. 特定のディレクトリに画像ファイルを置く 2. Node-REDにて顔画像判定 3. 顔座標をJSONファイル形式で特定のディレクトリに保存 4. AutomatorがJSON設置を検知 5.
顔部分のみにぼかし処理を入れて保存
処理フロー 1. 特定のディレクトリに画像ファイルを置く 2. Node-REDにて顔画像判定 3. 顔座標をJSONファイル形式で特定のディレクトリに保存 4. AutomatorがJSON設置を検知 5.
顔部分のみにぼかし処理を入れて保存
※enebular editorを使いましょう
※enebular editorを使いましょう Watchノード 特定のディレクトリに ファイルの追加があるか監視する
※enebular editorを使いましょう file inノード ファイルの読み込みを行う Watchノードと連携すれば、 特定ディレクトリに追加された ファイルをそのまま読み込める
※enebular editorを使いましょう posenetノード 顔のパーツの位置や骨格の位置(ボー ン)を取得できる node-red-contrib-tensorflow モジュールが必要 参考 :https://qiita.com/kazuhitoyokoi/ite ms/e4da2dc1c39c0a11569e
※enebular editorを使いましょう fileノード 特定のディレクトリにファイル出力がで きるノード ここでは、posenetノードで解析された 結果をJSON形式で保存する
処理フロー 1. 特定のディレクトリに画像ファイルを置く 2. Node-REDにて顔画像判定 3. 顔座標をJSONファイル形式で特定のディレクトリに保存 4. AutomatorがJSON設置を検知 5.
顔部分のみにぼかし処理を入れて保存
特定のフォルダに JSONファイルが 追加されたら発火 JSONから ぼかし領域を割り出し ぼかし処理を入れる ※ここで全ノーコード方針を断念(くやしい)
Demo
ちなみに・・・ • node-red-contrib-image-toolsというノードで、Node-RED上で画像処理を行うこと ができる。 • 中身はJimpというライブラリを使用していて、ぼかし(blur)処理もある • ただ、ノード追加時にエラーになってしまって未確認 ◦ ノードの追加が1件しかできない(OSX
Big Sur) • 上手くいけば、Node-REDで完結して、かつノーコードで顔認識&ぼかし処理までい けるかも
やってみた感想 • 自動化したい処理に対してノーコードを組むには、いろんな調査や試行錯誤が必要 ◦ ノーコードを諦めざるを得なくなる場合も • どのツールでど何ができて何ができないのかというのは、触ってみることでわかっ てくる • 100%欲しかったものができなかったとしても、プロトタイプという位置付けにはなる
◦ コードを書かなければいけない箇所がはっきりする ◦ 業務でテスト導入して、そもそも使われる機能かを判断する