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
VScodeのサイドバーをカラフルにしてみよう
Search
rakuda3dev
October 02, 2020
How-to & DIY
1
87
VScodeのサイドバーをカラフルにしてみよう
LT_社内業務効率化大会_20200930
rakuda3dev
October 02, 2020
Tweet
Share
Other Decks in How-to & DIY
See All in How-to & DIY
ミシンと刺繍とOSS
godan
3
110
テストも、国際化も! 小中高生クリエータ支援プログラム『未踏ジュニア』を支える技術
yasulab
PRO
1
190
AWS User Community - JAWS-UG/AWS ユーザーコミュニティのご紹介
awsjcpm
1
200
#Stampfly #M5Stack 開発ストーリーと今後の可能性 前説
takasumasakazu
0
120
苦手の克服方法 / How to overcome weaknesses
toma_sm
0
270
miiboとamiibo繋げてみた。 #miibo #amiibo #iotlt
n0bisuke2
1
350
家具家電付アパートの自室の冷蔵庫をスマートIoT化してみた!
scbc1167
0
110
AWSと学生支援 - Education-JAWS #0
awsjcpm
1
160
静岡県のお相撲さん20240509/sumo_wrestler_from_shizuoka_prefecture_20240509
nicepapa_hirano
0
280
JAWS-UGから学んだコミュニティの成功要因 (Success Factors)
awsjcpm
5
500
新婚19年目から学ぶ夫婦円満の正しい歩き方 / Life is beautiful
soudai
PRO
12
4.7k
PlatformIO IDE用M5Stack定型コード環境の紹介
3110
1
550
Featured
See All Featured
Fireside Chat
paigeccino
37
3.5k
How to Ace a Technical Interview
jacobian
278
23k
Adopting Sorbet at Scale
ufuk
77
9.5k
The Illustrated Children's Guide to Kubernetes
chrisshort
48
50k
How GitHub (no longer) Works
holman
314
140k
Site-Speed That Sticks
csswizardry
10
700
Designing for humans not robots
tammielis
253
25k
Build your cross-platform service in a week with App Engine
jlugia
231
18k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
47
9.6k
10 Git Anti Patterns You Should be Aware of
lemiorhan
PRO
656
60k
Product Roadmaps are Hard
iamctodd
PRO
54
11k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
35
2.4k
Transcript
vscodeのサイドバーを カラフルにしてみよう 2020/09/29 業務改善LT大会 株式会社IBJ 福田修登
こんな人向け • 普段からvscodeのワークスペースを複数開いて作業する方 ◦ 複数のプロジェクトに関わっている方 ◦ 1つのプロジェクトでワークスペースを分割して使っている方 • 黒単色のvscodeに飽きたけどテーマカラーは黒にしたい人(自分はこちら)
設定するとこうなります Before After
設定方法 1. 設定 > ワークスペース > setting.json を開く 2. 下記設定を追加
"settings": { "workbench.colorCustomizations": { "titleBar.activeBackground": "#FFFFFF", // 上のバーの色 "titleBar.activeForeground": "#000000", // 上のバーの文字色 "activityBar.background": "#4BF", // サイドバーの色 "activityBar.foreground": "#FFFFFF" // サイドバーの文字色 },
参考 : 実際のsetting.json
効果・効用 • 好きな色にするとテンションが上がる • プロジェクトが色で見分けられるようになる ◦ 「あのプロジェクトのワークスペースどれだっけ ...?」と迷うことが少なくなる Before After
普段こんな感じで使っています Before After
良きVScodeライフをお送りください