Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Sign up for free
Menu
Search
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Pricing
Search
Sign in
Sign up for free
君はこの色の違いを見ることができるか / MIERUNE BBQ #12
Search
MIERUNE
October 23, 2024
Technology
870
0
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
君はこの色の違いを見ることができるか / MIERUNE BBQ #12
MIERUNE BBQ #12 -
https://mierune.connpass.com/event/333853/
ササキ ハルト
MIERUNE
October 23, 2024
More Decks by MIERUNE
See All by MIERUNE
連続的な到達圏を表示する QGISプラグインを作ってみた
mierune
0
1.1k
Facade Patternで磨く、コードの可読性と分解力 / MIERUNE BBQ #13
mierune
0
780
ハザードマップゲームの作り方〜ハザード情報をゲームのパラメーターに落とし込む〜 / FOSS4G 2024 Japan
mierune
0
1.3k
MIERUNEとQGIS、そしてQGIS事業のご紹介 / FOSS4G 2024 Japan
mierune
0
1.1k
QGISで実現するもっと分かりやすい森林ゾーニング / FOSS4G 2024 Japan
mierune
0
1.3k
クーダでハニワ / MIERUNE BBQ #12
mierune
0
830
位置情報とオープンソースがやりたくてMIERUNEに転職した話 〜経歴、事例紹介、GISへのいざない〜 / MIERUNE JCT - Tokyo 2024
mierune
0
2.1k
クロージング / MIERUNE JCT - Tokyo 2024
mierune
0
1.7k
オープニング / MIERUNE JCT - Tokyo 2024
mierune
1
2k
Other Decks in Technology
See All in Technology
メルペイ 会計システム概要と歴史
mewuto
1
220
LocalStack を使ったサーバーレスアプリケーション開発 / Serverless Development with LocalStack
kakakakakku
1
440
V8のArray.prototype.flatを最大約20倍速くするまでと、巨大OSSへの大規模コミットの道のり
riyaamemiya
0
280
hackers_champloo_2026_tidb
makocchi
0
150
Getting Started with Google Antigravity
glaforge
0
260
Benchmarking Disaggregated Serving on vLLM + Dynamo with a Real Coding-Agent Workload
nttcom
0
130
実践! SRE × AI - ABEMA における AIOps -
tetsuya28
8
3k
JAWSUG TOHOKU 青森支部 「LoGoチャット」のAWS移行で 乗り越えたこと
taketakekaho
0
230
Claude Code本は、どのように執筆チームで書かれたか
oikon48
1
370
go-sqletch
moznion
0
140
Snapshot Testing in Practice: Predictable and Reliable SwiftUI Views
fespinoza
0
210
[JAWS-UG彩の国埼玉#12]そろそろ準備する?re:Invent2026をやさしく解説 / reinvent2026-sainokuni
sh_fk2
1
210
Featured
See All Featured
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
162
16k
Site-Speed That Sticks
csswizardry
13
1.6k
Exploring anti-patterns in Rails
aemeredith
4
540
Introduction to Domain-Driven Design and Collaborative software design
baasie
1
1k
Self-Hosted WebAssembly Runtime for Runtime-Neutral Checkpoint/Restore in Edge–Cloud Continuum
chikuwait
0
890
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
tammyeverts
11
1.1k
How To Stay Up To Date on Web Technology
chriscoyier
790
250k
Why Your Marketing Sucks and What You Can Do About It - Sophie Logan
marketingsoph
0
430
DBのスキルで生き残る技術 - AI時代におけるテーブル設計の勘所
soudai
PRO
68
58k
GraphQLとの向き合い方2022年版
quramy
50
15k
So, you think you're a good person
axbom
PRO
2
2.2k
Testing 201, or: Great Expectations
jmmastey
46
8.3k
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で画面は結構良 かった •土木業界に定量化を! まとめ