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
33
君はこの色の違いを見ることができるか / 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
12
位置情報とオープンソースがやりたくてMIERUNEに転職した話 〜経歴、事例紹介、GISへのいざない〜 / MIERUNE JCT - Tokyo 2024
mierune
PRO
0
630
クロージング / MIERUNE JCT - Tokyo 2024
mierune
PRO
0
470
オープニング / MIERUNE JCT - Tokyo 2024
mierune
PRO
1
540
QGISで簡単にDEMを可視化 - ElevationTile4JP & QuickDEM4JP プラグインのアップデート / FOSS4G TOKAI 2024
mierune
PRO
0
250
ゼロから始める点群可視化 feat.QGIS
mierune
PRO
0
240
MIERUNE BBQにおけるユーザー中心設計()
mierune
PRO
1
710
MIERUNE BBQ #10 in 札幌時計台 オープニング・クロージング
mierune
PRO
0
600
セイコーマートの近くに住みたい!Pythonで到達圏解析
mierune
PRO
1
850
Other Decks in Technology
See All in Technology
CI/CDやテスト自動化の開発プロジェクトへの適用
megascus
2
400
オニオンアーキテクチャで実現した 本質課題を解決する インフラ移行の実例
hryushm
11
2.3k
カメラ単体で物体の3次元 座標を扱う方法
kenmatsu4
1
210
OpenAIのAssistants API(Beta)の概要と使い方
takaakikakei
0
200
サーバーサイドのデータプレーンプログラミング 〜 NVIDIA Blue Field / DOCA 〜
ebiken
PRO
1
220
CyberAgent 生成AI Deep Dive with Amazon Web Services / genai-aws
cyberagentdevelopers
PRO
1
300
dbt-coreで実現するCore DataMartsのデータモデリング〜dbt編〜 / Core DataMarts Modeling with dbt-core
i125
3
1.1k
端末が簡単にリモートから操作されるデモを通じて ソフトウェアサプライチェーン攻撃対策の重要性を理解しよう
kitaji0306
0
130
6年の歴史×ペタバイト級のデータ基盤のチームを一体化する開発スタイル
plaidtech
PRO
4
110
Jamstack でリニューアルするグリーグループのメディア
gree_tech
PRO
2
210
LeSS Yoake 2024 スポンサーセッション
riki_hiraoka
0
280
クライアントサイドでよく使われる Debounce処理 をサーバサイドで3回実装した話
yoshiori
1
110
Featured
See All Featured
Optimizing for Happiness
mojombo
376
69k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
228
52k
Rebuilding a faster, lazier Slack
samanthasiow
79
8.6k
Rails Girls Zürich Keynote
gr2m
93
13k
Designing Experiences People Love
moore
138
23k
Designing for humans not robots
tammielis
249
25k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
41
9.2k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
47
5k
Writing Fast Ruby
sferik
626
60k
Put a Button on it: Removing Barriers to Going Fast.
kastner
58
3.5k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
364
22k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
250
21k
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で画面は結構良 かった •土木業界に定量化を! まとめ