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
Coding in Color
Search
K Yamaguchi
June 29, 2025
0
0
Coding in Color
Introduction to ...
Coding in Color
Semantic Code Highlighting
Semantic Colors
K Yamaguchi
June 29, 2025
Tweet
Share
More Decks by K Yamaguchi
See All by K Yamaguchi
Python 実行環境の話 2024
quintia
0
13
Python 実行環境の話
quintia
0
25
裏切られる直感と、確率と精度のはなし
quintia
0
62
Python Type Annotation
quintia
0
32
Apache Spark Tutorial
quintia
0
10
No Error Conversion of Floating Points
quintia
0
16
Featured
See All Featured
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
31
2.4k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
248
1.3M
Producing Creativity
orderedlist
PRO
346
40k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
357
30k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
PRO
181
53k
Designing Experiences People Love
moore
142
24k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
45
7.4k
Large-scale JavaScript Application Architecture
addyosmani
512
110k
Adopting Sorbet at Scale
ufuk
77
9.4k
Writing Fast Ruby
sferik
628
61k
The Art of Programming - Codeland 2020
erikaheidi
54
13k
GraphQLとの向き合い方2022年版
quramy
48
14k
Transcript
Coding in color(の紹介) ⼭⼝健史 @quintia サトヤ+プロ⽣勉強会@マイクロソフト 東北⽀店 2015/5/30
CoderDojo メンターしています ⾃⼰紹介のかわりに 1
CoderDojo p アイルランド発祥の「⼩中学⽣のため のプログラミング道場」 p https://coderdojo.com p 仙台 https://www.facebook.com/CoderdojoSendai p
仙台泉 https://www.facebook.com/CoderdojoIzumi 2
CoderDojo p メンター歓迎! 3
Coding in color 4
ネタ元 5 https://medium.com/@evnbr/coding-in-color-3a6db2743a1e
ネタ元 6 https://visualstudiomagazine.com/articles/2014/08/01/……
コードをエディタで 開いた時 7
⾊がついてますか? 8
コードハイライティング 9 ⾊なんて付くわけがない キーワードと正規表現 ちゃんと構⽂解析する staticメソッドは イタリック 今⽇の話は このあたり?
百聞⼀⾒ p オフィシャルデモ http://brooks.io/syntax-highlight/v2/ 10
どういうこと? p 識別⼦ごとに⾊を変える 11
どういうこと? p 淡⾊系を識別⼦にあてる (クッキリした⾊はシンタックス系の ハイライトのために残してある) p 同じprefixを持つと近い⾊になる 12
なにがうれしい? p typoすると違う⾊がつく →気づきやすい 13
いやでも…… p 普通、補完するし…… →同意 p チカチカして⽬が痛くない? →同意 p 実は本気で使おうとは思ってない 14
それでも 15 p 使いどころを選べばうれしいことも あると思うんですよ p grepの結果がこうなったら嬉しいなぁ
誰かの インスピレーションの 源になったら 幸せ 16 他⼒本願 モード