17
Coding in color のののの () のののの @quintia ののの + のののののの ののののののの のののの 2015/5/30

20150530 サトヤ+プロ生勉強会@マイクロソフト 東北支店 LT

Embed Size (px)

Citation preview

Page 1: 20150530 サトヤ+プロ生勉強会@マイクロソフト 東北支店 LT

Coding in color (の紹介)

山口健史 @quintia

サトヤ + プロ生勉強会@マイクロソフト 東北支店2015/5/30

Page 2: 20150530 サトヤ+プロ生勉強会@マイクロソフト 東北支店 LT

CoderDojo メンターしています自己紹介のかわりに

2

Page 3: 20150530 サトヤ+プロ生勉強会@マイクロソフト 東北支店 LT

CoderDojo

アイルランド発祥の「小中学生のためのプログラミング道場」 https://coderdojo.com

仙台 https://www.facebook.com/CoderdojoSendai

仙台泉 https://www.facebook.com/CoderdojoIzumi

3

Page 4: 20150530 サトヤ+プロ生勉強会@マイクロソフト 東北支店 LT

CoderDojo

メンター歓迎 !

4

Page 5: 20150530 サトヤ+プロ生勉強会@マイクロソフト 東北支店 LT

Coding in color

5

Page 8: 20150530 サトヤ+プロ生勉強会@マイクロソフト 東北支店 LT

コードをエディタで開いた時

8

Page 9: 20150530 サトヤ+プロ生勉強会@マイクロソフト 東北支店 LT

色がついてますか ?

9

Page 10: 20150530 サトヤ+プロ生勉強会@マイクロソフト 東北支店 LT

コードハイライティング 10

色なんて付くわけがない

キーワードと正規表現

ちゃんと構文解析する

static メソッドはイタリック

今日の話はこのあたり ?

Page 11: 20150530 サトヤ+プロ生勉強会@マイクロソフト 東北支店 LT

百聞一見

オフィシャルデモhttp://brooks.io/syntax-highlight/v2/

11

Page 12: 20150530 サトヤ+プロ生勉強会@マイクロソフト 東北支店 LT

どういうこと ?

識別子ごとに色を変える

12

Page 13: 20150530 サトヤ+プロ生勉強会@マイクロソフト 東北支店 LT

どういうこと ?

淡色系を識別子にあてる(クッキリした色はシンタックス系の ハイライトのために残してある)

同じ prefix を持つと近い色になる

13

Page 14: 20150530 サトヤ+プロ生勉強会@マイクロソフト 東北支店 LT

なにがうれしい ?

typo すると違う色がつく→気づきやすい

14

Page 15: 20150530 サトヤ+プロ生勉強会@マイクロソフト 東北支店 LT

いやでも……

普通、補完するし……→同意

チカチカして目が痛くない ?→ 同意

実は本気で使おうとは思ってない

15

Page 16: 20150530 サトヤ+プロ生勉強会@マイクロソフト 東北支店 LT

それでも 16

使いどころを選べばうれしいこともあると思うんですよ

grep の結果がこうなったら嬉しいなぁ

Page 17: 20150530 サトヤ+プロ生勉強会@マイクロソフト 東北支店 LT

誰かのインスピレーションの

源になったら幸せ

17

他力本願モード