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
64
VScodeのサイドバーをカラフルにしてみよう
LT_社内業務効率化大会_20200930
rakuda3dev
October 02, 2020
Tweet
Share
Other Decks in How-to & DIY
See All in How-to & DIY
IoTカーテンオープナー
keicafeblack
0
150
The story of repairing my junk keyboard with The kinT keyboard controller
kurotaky
0
1.2k
Raspberry PiではじめるKiCad入門 / 20240226-rpi-jam
akkiesoft
1
2.9k
SIM型チョコレート、作成の裏側
soracom
PRO
0
400
Mini 4WD and Community
fukumay
0
640
地域JAWSの現状とベストプラクティス
awsjcpm
0
230
データエンジニアのためのテクニカルサポートとLLM
yutomatsunoo
0
600
コロナ後の世界メイカーフェア事情 高須正和@Nico-Tech Shenzhen #KMMF2024 #KariyaMMF2024
takasumasakazu
0
160
にじさんじ格闘ゲーム制作プロジェクト
vfgpproject
0
7.1k
Fraxinus1k Assembly Instructions (English, v. 0.9)
fukumay
0
840
ITエンジニアにおすすめのゲームFactorio御紹介
zembutsu
PRO
1
590
メタバース研究所のマネジメントプレイヤーが爆速で業務効率化している件 #VRStudioLab
vrstudiolab
1
1.2k
Featured
See All Featured
Adopting Sorbet at Scale
ufuk
68
8.6k
Robots, Beer and Maslow
schacon
PRO
155
7.9k
Infographics Made Easy
chrislema
238
18k
Designing for humans not robots
tammielis
248
25k
Build your cross-platform service in a week with App Engine
jlugia
225
17k
It's Worth the Effort
3n
180
27k
How to train your dragon (web standard)
notwaldorf
73
5.2k
Bootstrapping a Software Product
garrettdimon
PRO
302
110k
A Tale of Four Properties
chriscoyier
151
22k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
352
28k
A Modern Web Designer's Workflow
chriscoyier
689
190k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
659
120k
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ライフをお送りください