20150530 サトヤ+プロ生勉強会@マイクロソフト 東北支店 lt
TRANSCRIPT
![Page 1: 20150530 サトヤ+プロ生勉強会@マイクロソフト 東北支店 LT](https://reader036.vdocuments.mx/reader036/viewer/2022081420/55be4388bb61eb84288b474b/html5/thumbnails/1.jpg)
Coding in color (の紹介)
山口健史 @quintia
サトヤ + プロ生勉強会@マイクロソフト 東北支店2015/5/30
![Page 2: 20150530 サトヤ+プロ生勉強会@マイクロソフト 東北支店 LT](https://reader036.vdocuments.mx/reader036/viewer/2022081420/55be4388bb61eb84288b474b/html5/thumbnails/2.jpg)
CoderDojo メンターしています自己紹介のかわりに
2
![Page 3: 20150530 サトヤ+プロ生勉強会@マイクロソフト 東北支店 LT](https://reader036.vdocuments.mx/reader036/viewer/2022081420/55be4388bb61eb84288b474b/html5/thumbnails/3.jpg)
CoderDojo
アイルランド発祥の「小中学生のためのプログラミング道場」 https://coderdojo.com
仙台 https://www.facebook.com/CoderdojoSendai
仙台泉 https://www.facebook.com/CoderdojoIzumi
3
![Page 4: 20150530 サトヤ+プロ生勉強会@マイクロソフト 東北支店 LT](https://reader036.vdocuments.mx/reader036/viewer/2022081420/55be4388bb61eb84288b474b/html5/thumbnails/4.jpg)
CoderDojo
メンター歓迎 !
4
![Page 5: 20150530 サトヤ+プロ生勉強会@マイクロソフト 東北支店 LT](https://reader036.vdocuments.mx/reader036/viewer/2022081420/55be4388bb61eb84288b474b/html5/thumbnails/5.jpg)
Coding in color
5
![Page 6: 20150530 サトヤ+プロ生勉強会@マイクロソフト 東北支店 LT](https://reader036.vdocuments.mx/reader036/viewer/2022081420/55be4388bb61eb84288b474b/html5/thumbnails/6.jpg)
ネタ元 6
https://medium.com/@evnbr/coding-in-color-3a6db2743a1e
![Page 7: 20150530 サトヤ+プロ生勉強会@マイクロソフト 東北支店 LT](https://reader036.vdocuments.mx/reader036/viewer/2022081420/55be4388bb61eb84288b474b/html5/thumbnails/7.jpg)
ネタ元 7
https://visualstudiomagazine.com/articles/2014/08/01/……
![Page 8: 20150530 サトヤ+プロ生勉強会@マイクロソフト 東北支店 LT](https://reader036.vdocuments.mx/reader036/viewer/2022081420/55be4388bb61eb84288b474b/html5/thumbnails/8.jpg)
コードをエディタで開いた時
8
![Page 9: 20150530 サトヤ+プロ生勉強会@マイクロソフト 東北支店 LT](https://reader036.vdocuments.mx/reader036/viewer/2022081420/55be4388bb61eb84288b474b/html5/thumbnails/9.jpg)
色がついてますか ?
9
![Page 10: 20150530 サトヤ+プロ生勉強会@マイクロソフト 東北支店 LT](https://reader036.vdocuments.mx/reader036/viewer/2022081420/55be4388bb61eb84288b474b/html5/thumbnails/10.jpg)
コードハイライティング 10
色なんて付くわけがない
キーワードと正規表現
ちゃんと構文解析する
static メソッドはイタリック
今日の話はこのあたり ?
![Page 11: 20150530 サトヤ+プロ生勉強会@マイクロソフト 東北支店 LT](https://reader036.vdocuments.mx/reader036/viewer/2022081420/55be4388bb61eb84288b474b/html5/thumbnails/11.jpg)
百聞一見
オフィシャルデモhttp://brooks.io/syntax-highlight/v2/
11
![Page 12: 20150530 サトヤ+プロ生勉強会@マイクロソフト 東北支店 LT](https://reader036.vdocuments.mx/reader036/viewer/2022081420/55be4388bb61eb84288b474b/html5/thumbnails/12.jpg)
どういうこと ?
識別子ごとに色を変える
12
![Page 13: 20150530 サトヤ+プロ生勉強会@マイクロソフト 東北支店 LT](https://reader036.vdocuments.mx/reader036/viewer/2022081420/55be4388bb61eb84288b474b/html5/thumbnails/13.jpg)
どういうこと ?
淡色系を識別子にあてる(クッキリした色はシンタックス系の ハイライトのために残してある)
同じ prefix を持つと近い色になる
13
![Page 14: 20150530 サトヤ+プロ生勉強会@マイクロソフト 東北支店 LT](https://reader036.vdocuments.mx/reader036/viewer/2022081420/55be4388bb61eb84288b474b/html5/thumbnails/14.jpg)
なにがうれしい ?
typo すると違う色がつく→気づきやすい
14
![Page 15: 20150530 サトヤ+プロ生勉強会@マイクロソフト 東北支店 LT](https://reader036.vdocuments.mx/reader036/viewer/2022081420/55be4388bb61eb84288b474b/html5/thumbnails/15.jpg)
いやでも……
普通、補完するし……→同意
チカチカして目が痛くない ?→ 同意
実は本気で使おうとは思ってない
15
![Page 16: 20150530 サトヤ+プロ生勉強会@マイクロソフト 東北支店 LT](https://reader036.vdocuments.mx/reader036/viewer/2022081420/55be4388bb61eb84288b474b/html5/thumbnails/16.jpg)
それでも 16
使いどころを選べばうれしいこともあると思うんですよ
grep の結果がこうなったら嬉しいなぁ
![Page 17: 20150530 サトヤ+プロ生勉強会@マイクロソフト 東北支店 LT](https://reader036.vdocuments.mx/reader036/viewer/2022081420/55be4388bb61eb84288b474b/html5/thumbnails/17.jpg)
誰かのインスピレーションの
源になったら幸せ
17
他力本願モード