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
790
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
PRO
October 23, 2024
More Decks by MIERUNE
See All by MIERUNE
連続的な到達圏を表示する QGISプラグインを作ってみた
mierune
PRO
0
940
Facade Patternで磨く、コードの可読性と分解力 / MIERUNE BBQ #13
mierune
PRO
0
690
ハザードマップゲームの作り方〜ハザード情報をゲームのパラメーターに落とし込む〜 / FOSS4G 2024 Japan
mierune
PRO
0
1k
MIERUNEとQGIS、そしてQGIS事業のご紹介 / FOSS4G 2024 Japan
mierune
PRO
0
980
QGISで実現するもっと分かりやすい森林ゾーニング / FOSS4G 2024 Japan
mierune
PRO
0
1.1k
クーダでハニワ / MIERUNE BBQ #12
mierune
PRO
0
740
位置情報とオープンソースがやりたくてMIERUNEに転職した話 〜経歴、事例紹介、GISへのいざない〜 / MIERUNE JCT - Tokyo 2024
mierune
PRO
0
2k
クロージング / MIERUNE JCT - Tokyo 2024
mierune
PRO
0
1.6k
オープニング / MIERUNE JCT - Tokyo 2024
mierune
PRO
1
1.7k
Other Decks in Technology
See All in Technology
AI Native なプロダクト組織の立ち上げ方 : 生産性 100 倍への挑戦
mikesorae
0
1.2k
OPENLOGI Company Profile for engineer
hr01
1
74k
AI x 開発生産性を取り巻く予算戦略と投資対効果
i35_267
7
2.7k
穢れた技術選定について
watany
19
6k
凡エンジニアがこの先生きのこるためには。〜TypeScript完全に理解したい〜
alchemy1115
2
400
プロダクト開発組織の現在地(Ver.2026/07) / product-organization
kaonavi
0
240
Webアプリ認証の全体像 / The Big Picture of Web App Authentication
kitano_yuichi
1
400
人とエージェントが高め合う協業設計
kintotechdev
0
690
41歳でAWSが好きすぎてITエンジニアになったおっさんの話
yama3133
1
720
Devsumi 2026 Summer 人もAIも使える共通基盤を事業の加速装置にする~デザインシステム運用に学ぶ組織レバレッジ~ 渡辺 凌央
legalontechnologies
PRO
1
280
しくみを学んで使いこなそう GitHub Copilot app
torumakabe
2
330
仕様駆動開発、導入半年。「本当に速くなってるの?」にデータで答える / AICon2026_hirakawa
rakus_dev
0
300
Featured
See All Featured
Exploring the relationship between traditional SERPs and Gen AI search
raygrieselhuber
PRO
2
4.2k
Stewardship and Sustainability of Urban and Community Forests
pwiseman
0
370
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
49
3.5k
Thoughts on Productivity
jonyablonski
76
5.3k
Mozcon NYC 2025: Stop Losing SEO Traffic
samtorres
1
400
The Spectacular Lies of Maps
axbom
PRO
1
870
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
141
35k
SEOcharity - Dark patterns in SEO and UX: How to avoid them and build a more ethical web
sarafernandez
0
220
Effective software design: The role of men in debugging patriarchy in IT @ Voxxed Days AMS
baasie
0
450
Context Engineering - Making Every Token Count
addyosmani
9
1k
Bash Introduction
62gerente
615
220k
Tips & Tricks on How to Get Your First Job In Tech
honzajavorek
1
610
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で画面は結構良 かった •土木業界に定量化を! まとめ