Upgrade to PRO for Only $50/Year—Limited-Time Offer! 🔥
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
ゆるく始める自作カラースキーム (Vim)
Search
Tak
November 27, 2024
Programming
0
72
ゆるく始める自作カラースキーム (Vim)
Tak
November 27, 2024
Tweet
Share
More Decks by Tak
See All by Tak
`美しいVim` を正しく表示する
ttak0422
0
97
Nixを使う
ttak0422
0
6.2k
uzimARuの開発
ttak0422
0
960
Other Decks in Programming
See All in Programming
Full-Cycle Reactivity in Angular: SignalStore mit Signal Forms und Resources
manfredsteyer
PRO
0
180
ローターアクトEクラブ アメリカンナイト:川端 柚菜 氏(Japan O.K. ローターアクトEクラブ 会長):2720 Japan O.K. ロータリーEクラブ2025年12月1日卓話
2720japanoke
0
510
Navigation 3: 적응형 UI를 위한 앱 탐색
fornewid
1
150
ViewファーストなRailsアプリ開発のたのしさ
sugiwe
0
400
『実践MLOps』から学ぶ DevOps for ML
nsakki55
2
550
大体よく分かるscala.collection.immutable.HashMap ~ Compressed Hash-Array Mapped Prefix-tree (CHAMP) ~
matsu_chara
1
210
【Streamlit x Snowflake】データ基盤からアプリ開発・AI活用まで、すべてをSnowflake内で実現
ayumu_yamaguchi
1
110
AIコーディングエージェント(Gemini)
kondai24
0
160
Level up your Gemini CLI - D&D Style!
palladius
1
170
【CA.ai #3】Google ADKを活用したAI Agent開発と運用知見
harappa80
0
270
sbt 2
xuwei_k
0
190
AIコーディングエージェント(skywork)
kondai24
0
120
Featured
See All Featured
The World Runs on Bad Software
bkeepers
PRO
72
12k
Context Engineering - Making Every Token Count
addyosmani
9
470
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
234
17k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
31
3k
VelocityConf: Rendering Performance Case Studies
addyosmani
333
24k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
249
1.3M
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
194
17k
How to Ace a Technical Interview
jacobian
280
24k
Site-Speed That Sticks
csswizardry
13
990
Bootstrapping a Software Product
garrettdimon
PRO
307
120k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
140
34k
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
21
1.3k
Transcript
ゆるく始める 自作カラースキーム @ttak0422 •••
自己紹介 • ttak0422 • Java書いてる • VimとNixが好き
最近のカラースキーム遷移 Monokai Ayu Tokyo Night Kanagawa One Dracura Serenade
そして自作へ
自作に至った理由 • 興味 • 欲しいプラグインのサポートがされていない • 重い (利用しないプラグインのサポートが適用されている) • 自分が色弱
(相性の悪い色が存在する) • ボーダーがあって成立する配色・無くて成立する配色がある
Vimのカラースキームの中身 1. カラースキーム名の定義 2. パレット 3. ハイライトグループに対応する色や書式の定義 4. エントリーポイントの定義 以上!!!
Vimのカラースキームの中身 :colorschemeとしたときに 表示される名前を定義 1.カラースキーム名の定義
Vimのカラースキームの中身 以降の設定で利用する色を定義 必須ではないが、あると便利。 e.g. red = "#d76e6e" magenta = "#b384b1"
2.パレットの定義
Vimのカラースキームの中身 e.g. String = {fg = c.green} ↓で確認できる :help highlight-group
:help group-name :so $VIMRUNTIME/syntax/hitest.vim 実例から知るのが近道 3.ハイライトグループに 対応する色や書式の定義
Vimのカラースキームの中身 DiagnosticError = { fg = c.darkRed } CmpItemAbbrDeprecated =
{ fg = c.grey1, strikethrough = true } IncSearch = { fg = c.bg0, bg = c.lightGreen } ["@keyword.operator"] = {“fg” = c.orange, bold = true } などなどー プラグインによって定義されるハイライトグループも結構ある IncSearch
Vimのカラースキームの中身 4.エントリーポイントの定義
完走した感想 • ある程度色を決めてChatGPTに相談する進め方で無事完走できた • 速いは正義 約0.3msec • 標準のハイライトグループやSyntax、LSP、Treesitterなどについての 理解が深まった
Next Action • プラグインサポート強化 • パフォーマンス強化 (fennelの力はこんなもんじゃない!!!) • Vimの外の世界のサポート (ターミナル、VSCode、JetBrains製IDEなど)
• 配色決めたときのモニターの色見の影響を受けてる気がする...要調整 • アプリの色もズレてる気がする...要調整 • Light系、透過系