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
170
君はこの色の違いを見ることができるか / 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
Facade Patternで磨く、コードの可読性と分解力 / MIERUNE BBQ #13
mierune
PRO
0
56
ハザードマップゲームの作り方〜ハザード情報をゲームのパラメーターに落とし込む〜 / FOSS4G 2024 Japan
mierune
PRO
0
150
MIERUNEとQGIS、そしてQGIS事業のご紹介 / FOSS4G 2024 Japan
mierune
PRO
0
140
QGISで実現するもっと分かりやすい森林ゾーニング / FOSS4G 2024 Japan
mierune
PRO
0
130
クーダでハニワ / MIERUNE BBQ #12
mierune
PRO
0
130
位置情報とオープンソースがやりたくてMIERUNEに転職した話 〜経歴、事例紹介、GISへのいざない〜 / MIERUNE JCT - Tokyo 2024
mierune
PRO
0
880
クロージング / MIERUNE JCT - Tokyo 2024
mierune
PRO
0
660
オープニング / MIERUNE JCT - Tokyo 2024
mierune
PRO
1
750
QGISで簡単にDEMを可視化 - ElevationTile4JP & QuickDEM4JP プラグインのアップデート / FOSS4G TOKAI 2024
mierune
PRO
0
430
Other Decks in Technology
See All in Technology
成果を出しながら成長する、アウトプット駆動のキャッチアップ術 / Output-driven catch-up techniques to grow while producing results
aiandrox
0
310
Jetpack Composeで始めるServer Cache State
ogaclejapan
2
170
大幅アップデートされたRagas v0.2をキャッチアップ
os1ma
2
530
watsonx.ai Dojo #5 ファインチューニングとInstructLAB
oniak3ibm
PRO
0
160
コンテナセキュリティのためのLandlock入門
nullpo_head
2
320
組織に自動テストを書く文化を根付かせる戦略(2024冬版) / Building Automated Test Culture 2024 Winter Edition
twada
PRO
13
3.7k
Amazon SageMaker Unified Studio(Preview)、Lakehouse と Amazon S3 Tables
ishikawa_satoru
0
150
[Ruby] Develop a Morse Code Learning Gem & Beep from Strings
oguressive
1
160
Postman と API セキュリティ / Postman and API Security
yokawasa
0
200
マルチプロダクト開発の現場でAWS Security Hubを1年以上運用して得た教訓
muziyoshiz
3
2.3k
re:Invent をおうちで楽しんでみた ~CloudWatch のオブザーバビリティ機能がスゴい!/ Enjoyed AWS re:Invent from Home and CloudWatch Observability Feature is Amazing!
yuj1osm
0
120
DevOps視点でAWS re:invent2024の新サービス・アプデを振り返ってみた
oshanqq
0
180
Featured
See All Featured
Fashionably flexible responsive web design (full day workshop)
malarkey
405
66k
YesSQL, Process and Tooling at Scale
rocio
169
14k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
irinanazarova
5
450
Making the Leap to Tech Lead
cromwellryan
133
9k
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
2
290
Designing Dashboards & Data Visualisations in Web Apps
destraynor
229
52k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
2
170
Bash Introduction
62gerente
608
210k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
28
4.4k
Performance Is Good for Brains [We Love Speed 2024]
tammyeverts
6
520
Music & Morning Musume
bryan
46
6.2k
Automating Front-end Workflow
addyosmani
1366
200k
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で画面は結構良 かった •土木業界に定量化を! まとめ