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
69
VScodeのサイドバーをカラフルにしてみよう
LT_社内業務効率化大会_20200930
rakuda3dev
October 02, 2020
Tweet
Share
Other Decks in How-to & DIY
See All in How-to & DIY
#きんぢラーメン大賞 番外編 -都内で食べられるご当地ラーメン23選-
kjstylepp
0
150
Raspberry PiではじめるKiCad入門 / 20240226-rpi-jam
akkiesoft
1
3.1k
Terra Charge|EVコンセントご利用ガイドブック / Terra Charge EV Charger Guidebook
contents
0
590
#技術を動画で伝える技術 〜 α シリーズを活用した技術紹介・プレゼン動画制作ノウハウ〜
1heisuzuki
4
600
240420MapillaryMeetup2024Tokyo
tosseto
0
110
【技術カンファレンス運営の裏側】Iwaken Lab 技術好き学生の近況報告 & ことみんさんに技術カンファレンス運営の裏側を聞いちゃう会
kotomin_m
3
140
もくもく会? / mokumokukai?
tbshiki
0
350
面接で伸びしろを感じさせる方法 / How to make the interviewer feel like you have potential
uenitty
2
540
やがてカンファレンス登壇者になる
yumechi
1
210
ATOM Echoでぽぽぽぽぽーぽ #呼び込み君 #m5jptour2023 #iotlt #m5stack
n0bisuke2
1
1.7k
さらなるアウトプットに、Let's ライトニングトーク! ― LTのやり方
ma2shita
1
180
スクラムチームに アウトスプリントで関わる テスターの取り組み事例
camel_404
0
130
Featured
See All Featured
How to name files
jennybc
67
96k
Become a Pro
speakerdeck
PRO
15
4.8k
Into the Great Unknown - MozCon
thekraken
20
1.3k
Making the Leap to Tech Lead
cromwellryan
127
8.7k
Creatively Recalculating Your Daily Design Routine
revolveconf
214
11k
Writing Fast Ruby
sferik
623
60k
A designer walks into a library…
pauljervisheath
201
24k
Put a Button on it: Removing Barriers to Going Fast.
kastner
58
3.3k
StorybookのUI Testing Handbookを読んだ
zakiyama
15
4.9k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
248
20k
The Cost Of JavaScript in 2023
addyosmani
31
4.7k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
224
21k
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ライフをお送りください