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
画像処理の基礎の基礎 / Ultra Basic of Image Processing
Search
Sponsored
·
Ship Features Fearlessly
Turn features on and off without deploys. Used by thousands of Ruby developers.
→
ハトネコエ
September 09, 2022
Technology
0
71
画像処理の基礎の基礎 / Ultra Basic of Image Processing
2022/09/09 の社内勉強会で使った資料です。
実際の発表では画像編集ソフトで実演しながら見せたので、
このスライドだけではわかりにくいところもいくらかあります。
ハトネコエ
September 09, 2022
Tweet
Share
More Decks by ハトネコエ
See All by ハトネコエ
日経が読める?! 株式市場の基礎 / Stock Market Basics
nekonenene
0
55
プルリクエストレビューを終わらせるためのチーム体制 / The Team for Completing Pull Request Reviews
nekonenene
5
3k
今年こそ知るべきセキュリティー入門 / Security Basics 2025
nekonenene
0
73
Godot 4.3 と学ぶインタラクティブミュージック / Interactive Music Basics with Godot 4.3
nekonenene
0
210
Developer Consoleを使い倒そう / Use Web Browser DevTools
nekonenene
0
75
まだまだマイナー?! 未踏事業について教えます / Introduction of Mitou Project
nekonenene
1
160
Docker for Windows/macOS
nekonenene
0
56
技術的負債を防ぐには / What is the Technical Debt
nekonenene
0
360
伝わる文章を書こう講座 / Write the Kind Japanese Message
nekonenene
2
190
Other Decks in Technology
See All in Technology
Claude Codeと駆け抜ける 情報収集と実践録
sontixyou
1
810
全自動で回せ!Claude Codeマーケットプレイス運用術
yukyu30
3
130
20260222ねこIoTLT ねこIoTLTをふりかえる
poropinai1966
0
200
AI駆動開発とRAGプロダクトへの挑戦の軌跡 - 弁護士ドットコムでの学びから -
bengo4com
2
810
Intro SAGA Event Space
midnight480
0
150
論文検索を日本語でできるアプリを作ってみた
sailen2
0
110
Amazon Bedrock AgentCoreでブラウザ拡張型AI調査エージェントを開発した話 (シングルエージェント編)
nasuvitz
2
110
Interop Tokyo 2025 ShowNet Team Memberで学んだSRv6を基礎から丁寧に
miyukichi_ospf
0
170
Scrum Fest Morioka 2026
kawaguti
PRO
2
600
器用貧乏が強みになるまで ~「なんでもやる」が導いたエンジニアとしての現在地~
kakehashi
PRO
5
520
AITuberKit+Bedrock AgentCoreで作る 3Dキャラクターエージェント
yokomachi
2
1.5k
OCI技術資料 : 外部接続 VPN接続 詳細
ocise
1
10k
Featured
See All Featured
Primal Persuasion: How to Engage the Brain for Learning That Lasts
tmiket
0
270
End of SEO as We Know It (SMX Advanced Version)
ipullrank
3
4k
Marketing Yourself as an Engineer | Alaka | Gurzu
gurzu
0
140
The innovator’s Mindset - Leading Through an Era of Exponential Change - McGill University 2025
jdejongh
PRO
1
110
How to train your dragon (web standard)
notwaldorf
97
6.5k
Become a Pro
speakerdeck
PRO
31
5.8k
Data-driven link building: lessons from a $708K investment (BrightonSEO talk)
szymonslowik
1
930
Art, The Web, and Tiny UX
lynnandtonic
304
21k
Navigating the moral maze — ethical principles for Al-driven product design
skipperchong
2
270
Designing for Performance
lara
611
70k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
35
2.4k
コードの90%をAIが書く世界で何が待っているのか / What awaits us in a world where 90% of the code is written by AI
rkaga
60
42k
Transcript
ԣߐ ྄༎ !"#$%& ' ( % ' ( @yokoe24 )*))+,-,.
ݩωλ • Udemyの『画像処理の基礎:フィルタリ ング,パターン認識から撮像過程モデル まで』( https://www.udemy.com/ course/image_processing_python/ ) の講座を元にしています
/012 1. 基礎を学ぶ目的 2. グレースケール 3. セピア調の加工 4. トーンカーブ 5.
コントラストを強める
̍ 基礎を学ぶ目的
جૅΛֶͿత • 画像加工はいまや多くの SNS向けスマホアプリに 載っている機能のひとつです • ああいったフィルターを プログラミングで表現するには どうしたらいいのでしょう?
جૅΛֶͿత • 今回の発表ではプログラミングまで はおこないませんが、基礎を学ぶこ とで、 どのようにライブラリを扱えば表現 できるのかのイメージは付きやすく なると思います。
̎ グレースケール
Χϥʔը૾
άϨʔεέʔϧը૾
• グレースケール(白黒の濃淡) という言葉であることが大事! • 黒(0%)〜白(100%)を、 各ドット(画素)が 表現しているイメージ GRAY SCALE
Χϥʔը૾ͦΕ3ͭ • 光の三原色は RGB(レッド・グリーン・ブルー) • グレースケールならぬ、 レッドスケール・グリーンスケー ル・ブルースケールの組み合わせで 1枚の画像が出来ているイメージ
Χϥʔը૾ͦΕ3ͭ 黒(0%)〜赤(100%) 黒(0%)〜緑(100%) 黒(0%)〜青(100%)
̏ セピア写真を作る
άϨʔεέʔϧը૾
• 同じようなグレースケール画像で、 黒(0%)〜白(100%)でなく、 黒(0%)〜暗い黄色(100%)で 表現してみたら セピア調になるのでは? ࠇʙനͰͳ͘͢Δͱʁ
࣮ԋͯ͠ΈΑ͏
̐ トーンカーブ
τʔϯΧʔϒ 黒(0%) ↔ 白(100%)
τʔϯΧʔϒ࣮ԋ • 真っ黒にしたり、 真っ白にしたり、 明るくしたり、 暗くしたり、 がトーンカーブをいじって できることを見てみましょう
̑ コントラストを強める
ΦϦδφϧ
ίϯτϥετڧΊ
ίϯτϥετऑΊ
ίϯτϥετΛม͑Δ • これもトーンカーブをいじることで 再現できます。見てみましょう • 明るいところを明るく、 暗いところをより暗くするのが コントラストを強めるということです
άϥϑͰग़དྷΔͳΒ… • y = x のグラフを変えることで 画像のコントラストを変えることが できるということは、 おそらくプログラミングでできるだろう という気になってきますね?!
̒ おしまい
·ͱΊ • セピア調の加工や コントラストの変更などについて 「たしかにプログラミングの制御ででき そう・・・かも?」と思うところまで 進めたら幸いです • より詳しくは https://www.udemy.com/
course/image_processing_python/ で!