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
君はこの色の違いを見ることができるか / MIERUNE BBQ #12
Search
MIERUNE
PRO
October 23, 2024
Technology
0
110
君はこの色の違いを見ることができるか / MIERUNE BBQ #12
MIERUNE BBQ #12 -
https://mierune.connpass.com/event/333853/
ササキ ハルト
MIERUNE
PRO
October 23, 2024
Tweet
Share
More Decks by MIERUNE
See All by MIERUNE
クーダでハニワ / MIERUNE BBQ #12
mierune
PRO
0
81
位置情報とオープンソースがやりたくてMIERUNEに転職した話 〜経歴、事例紹介、GISへのいざない〜 / MIERUNE JCT - Tokyo 2024
mierune
PRO
0
760
クロージング / MIERUNE JCT - Tokyo 2024
mierune
PRO
0
580
オープニング / MIERUNE JCT - Tokyo 2024
mierune
PRO
1
660
QGISで簡単にDEMを可視化 - ElevationTile4JP & QuickDEM4JP プラグインのアップデート / FOSS4G TOKAI 2024
mierune
PRO
0
330
ゼロから始める点群可視化 feat.QGIS
mierune
PRO
0
330
MIERUNE BBQにおけるユーザー中心設計()
mierune
PRO
1
810
MIERUNE BBQ #10 in 札幌時計台 オープニング・クロージング
mierune
PRO
0
700
セイコーマートの近くに住みたい!Pythonで到達圏解析
mierune
PRO
1
960
Other Decks in Technology
See All in Technology
初心者向けAWS Securityの勉強会mini Security-JAWSを9ヶ月ぐらい実施してきての近況
cmusudakeisuke
0
120
TypeScript、上達の瞬間
sadnessojisan
46
13k
TanStack Routerに移行するのかい しないのかい、どっちなんだい! / Are you going to migrate to TanStack Router or not? Which one is it?
kaminashi
0
590
Terraform Stacks入門 #HashiTalks
msato
0
350
Shopifyアプリ開発における Shopifyの機能活用
sonatard
4
250
OCI Vault 概要
oracle4engineer
PRO
0
9.7k
ドメインの本質を掴む / Get the essence of the domain
sinsoku
2
150
Incident Response Practices: Waroom's Features and Future Challenges
rrreeeyyy
0
160
隣接領域をBeyondするFinatextのエンジニア組織設計 / beyond-engineering-areas
stajima
1
280
AWS Media Services 最新サービスアップデート 2024
eijikominami
0
200
これまでの計測・開発・デプロイ方法全部見せます! / Findy ISUCON 2024-11-14
tohutohu
3
370
スクラム成熟度セルフチェックツールを作って得た学びとその活用法
coincheck_recruit
1
140
Featured
See All Featured
Testing 201, or: Great Expectations
jmmastey
38
7.1k
How STYLIGHT went responsive
nonsquared
95
5.2k
Build your cross-platform service in a week with App Engine
jlugia
229
18k
Imperfection Machines: The Place of Print at Facebook
scottboms
265
13k
Statistics for Hackers
jakevdp
796
220k
Fashionably flexible responsive web design (full day workshop)
malarkey
405
65k
The Pragmatic Product Professional
lauravandoore
31
6.3k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
126
18k
The MySQL Ecosystem @ GitHub 2015
samlambert
250
12k
Building Better People: How to give real-time feedback that sticks.
wjessup
364
19k
Building a Modern Day E-commerce SEO Strategy
aleyda
38
6.9k
Music & Morning Musume
bryan
46
6.2k
Transcript
君はこの色の違いを見ること ができるか 佐々木 遥人
©Project PLATEAU / MLIT Japan BBQ入社弍号機 最近大盛りが食べられなくなってきて 焦りを感じ始めている 写真は猫カフェ在籍の猫 自己紹介
佐々木 遥人 SASAKi Haruto ソフトウェアエンジニア
©OpenStreetMap contributors 01 色差 02 ボーリング調査 03 かんたんデモ 04 展望 目次
©OpenStreetMap contributors 01 色差
©Project PLATEAU / MLIT Japan 色差 • RGB ◦ 赤、緑、青の3属性からなり、0
〜 255の範囲で3つの成分で表され る • Lab ◦ 明度、色成分1(緑 〜 赤)、色成分2(青 〜 黄)の3属性からなり、明度 は0 〜 100、色成分は通常-128 〜 +127の範囲で表せる 色を数値で表現する方法
©Project PLATEAU / MLIT Japan 色差 •色の方向とその鮮やかさで決まる Lab https://www.konicaminolta.jp/instruments/wp-content/themes/kmj/asset s/img/knowledge/color/section2/p02_img02.png
©Project PLATEAU / MLIT Japan 色差 突然ですが、この色を覚えてください
©Project PLATEAU / MLIT Japan 色差 先ほどの色はどれでしょうか? ① ③ ②
④
©Project PLATEAU / MLIT Japan 色差 先ほどの色はどれでしょうか? ① ③ ②
④
©Project PLATEAU / MLIT Japan 色差 •色彩科学において、色差(しきさ)あるいは 色の距離 (いろのきょり)は、 2つの色の間に定義される指標の一つである。色差が大きいほど区別し
やすく、色差が小さいほど区別しにくくなる。 従来は官能評価することし かできなかった「色の差」の概念が、色差を用いることにより定量的に検 討できるようになった。 色差
©Project PLATEAU / MLIT Japan 色差 • RGB ◦ 赤、緑、青の3属性からなり、0
〜 255の範囲で3つの成分で表され る • Lab ◦ 明度、色成分1(緑 〜 赤)、色成分2(青 〜 黄)の3属性からなり、明度 は0 - 100、色成分は通常-128 〜 +127の範囲で表せる 色差を計算する方法
©Project PLATEAU / MLIT Japan 色差 •CIE76, CIE94, CIEDE2000などの色差を算出する式がある ◦
今回はCIEDE2000の式を使用 ◦ 左から順番に新しい式 色の差(距離)を計算する方法
©OpenStreetMap contributors 02 ボーリング調査
©Project PLATEAU / MLIT Japan ボーリング調査 ボーリング調査 •地面に穴を掘って、地盤がどのよ うな土で構成されているかを調 べる
https://www.kaihatsu-ct.co.jp/servic e/service05/
©Project PLATEAU / MLIT Japan ボーリング調査 ボーリングコア •ボーリング調査実施時に掘った 土を箱に詰めたもの http://www.hanshin-consul.co.jp/ser
vices/geology/geology3.php
©Project PLATEAU / MLIT Japan ボーリング調査 柱状図 •現地やボーリングコアの詳細な データ •標高や深度、土質名を記録する
https://publicweb.ngic.or.jp/NGICViewer/index.php ボーリングid = B4KJ201801004-3489
©Project PLATEAU / MLIT Japan ボーリング調査 色調 •ボーリングコアの色 •現役時代はとにかくわからな かった
◦ 濃淡明暗褐灰etc… •特に(明, 暗)や(濃, 淡)がわかり づらい... https://publicweb.ngic.or.jp/NGICViewer/index.php ボーリングid = B4KJ201801004-3489
©Project PLATEAU / MLIT Japan ボーリング調査 https://www.zenchiren.or.jp/geocent er/genba/note_dositu_manual.pdf
©Project PLATEAU / MLIT Japan ボーリング調査 •全地連の公開している資料 ◦ ボーリング野帳記入マニュアル •標準土色帖。土色の見本が掲載されている。
◦ 2.7万円 ◦ https://www.fujihira.co.jp/seihin/soi/soilcolorchart.html 基準はないのか?
©Project PLATEAU / MLIT Japan ボーリング調査 •フロントエンド ◦ 画像をアップロードして、矩形を選択 ◦
矩形からRGBの平均を抽出 •バックエンド ◦ RGBからLabへ変換 ◦ 2つのLabから色差ΔEを算出 とりあえず色同士をWebで比較できる ようにしたい
©OpenStreetMap contributors 03 かんたんデモ
©Project PLATEAU / MLIT Japan かんたんデモ ざっくりアーキテクチャ(全てローカル) browser HTTP WebAPI
axum
©OpenStreetMap contributors 03 展望と課題
©Project PLATEAU / MLIT Japan 展望 •色は三次元空間で表されるので、ある座標が決まれば自ずと土の色も 決められるはず ◦ ある領域はこの色、というように定義
◦ 色を測定する機器を現場に導入 →上記が実現できれば、表記が揺れることはない 展望
©Project PLATEAU / MLIT Japan 展望 •現場に持ち込むことができるのか? ◦ インターネットに繋げない ◦
炎天下、氷点下による機械へのダメージ •誰が定義するのか? ◦ 各種業界によって色の定義は異なる...? 課題
© 地理院地図 全国最新写真(シームレス) •色空間面白い •axumでWebAPI、SvelteKitで画面は結構良 かった •土木業界に定量化を! まとめ