## 経緯
以前に[[JankyBorders]]を試したことがあった。
<div class="link-card-v2">
<div class="link-card-v2-site">
<img class="link-card-v2-site-icon" src="https://publish-01.obsidian.md/access/35d05cd1bf5cc500e11cc8ba57daaf88/favicon-64.png" />
<span class="link-card-v2-site-name">Minerva</span>
</div>
<div class="link-card-v2-title">
📜2025-07-23 JankyBordersを試してみる
</div>
<div class="link-card-v2-content">AeroSpaceの情報を調べていた際、JankyBordersが軽量そうだと感じて導入を試みた。macOS 15.5環境でbrewを用いてインストールし、設定ファイルで外観を調整したが、ウィンドウ枠が画面の角で視認しづらかったため、brewでアンインストールした。</div>
<img class="link-card-v2-image" src="https://publish-01.obsidian.md/access/35d05cd1bf5cc500e11cc8ba57daaf88/Notes/attachments/activity.webp" />
<a data-href="📜2025-07-23 JankyBordersを試してみる" class="internal-link"></a>
</div>
%%[[📜2025-07-23 JankyBordersを試してみる]]%%
そのときは
- 自分の環境的な都合から[[AeroSpace]]は使いたくない
- [[AeroSpace]]を使わなければgapが確保できない
- gapが確保できなければ[[JankyBorders]]の強調表示が見えない
- 強調表示が見えなければ[[JankyBorders]]を使うメリットがない
という感じで見送ったが、**[[AeroSpace]]を使わなくても[[JankyBorders]]の恩恵が得られるそうなことがわかった**ので再チャレンジする。
## 環境
| 対象 | バージョン |
| --------- | ----- |
| [[macOS]] | 15.7 |
## ふたたびやろうと思ったきっかけのサイト
以下を参考に。
<div class="link-card-v2">
<div class="link-card-v2-site">
<img class="link-card-v2-site-icon" src="https://static.zenn.studio/images/logo-transparent.png" />
<span class="link-card-v2-site-name">Zenn</span>
</div>
<div class="link-card-v2-title">
macデスクトップを整理しようぜ Raycast / JankyBorders / SwiftShift / Ice
</div>
<img class="link-card-v2-image" src="https://res.cloudinary.com/zenn/image/upload/s--wNpmSUVI--/c_fit%2Cg_north_west%2Cl_text:notosansjp-medium.otf_55:mac%25E3%2583%2587%25E3%2582%25B9%25E3%2582%25AF%25E3%2583%2588%25E3%2583%2583%25E3%2583%2597%25E3%2582%2592%25E6%2595%25B4%25E7%2590%2586%25E3%2581%2597%25E3%2582%2588%25E3%2581%2586%25E3%2581%259C%2520Raycast%2520%252F%2520JankyBorders%2520%252F%2520SwiftShift%2520%252F%2520Ice%2Cw_1010%2Cx_90%2Cy_100/g_south_west%2Cl_text:notosansjp-medium.otf_37:kawarimidoll%2Cx_203%2Cy_121/g_south_west%2Ch_90%2Cl_fetch:aHR0cHM6Ly9zdG9yYWdlLmdvb2dsZWFwaXMuY29tL3plbm4tdXNlci11cGxvYWQvYXZhdGFyL2QxNjFiNWRjZTUuanBlZw==%2Cr_max%2Cw_90%2Cx_87%2Cy_95/v1627283836/default/og-base-w1200-v2.png" />
<a href="https://zenn.dev/kawarimidoll/articles/99f8062d269f9c"></a>
</div>
冒頭のコメントからしてまさしくという感じ。
> この記事にインスパイアされてデスクトップ整理を試みました。
>
> <div class="link-card-v2">
> <div class="link-card-v2-site">
> <img class="link-card-v2-site-icon" src="https://static.zenn.studio/images/logo-transparent.png" />
> <span class="link-card-v2-site-name">Zenn</span>
> </div>
> <div class="link-card-v2-title">
> デスクトップは「清く・正しく・美しく」AeroSpace, JankyBorders, SketchyBar, alt-tab
> </div>
>
> <img class="link-card-v2-image" src="https://res.cloudinary.com/zenn/image/upload/s--kQCWLrQ9--/c_fit%2Cg_north_west%2Cl_text:notosansjp-medium.otf_55:%25E3%2583%2587%25E3%2582%25B9%25E3%2582%25AF%25E3%2583%2588%25E3%2583%2583%25E3%2583%2597%25E3%2581%25AF%25E3%2580%258C%25E6%25B8%2585%25E3%2581%258F%25E3%2583%25BB%25E6%25AD%25A3%25E3%2581%2597%25E3%2581%258F%25E3%2583%25BB%25E7%25BE%258E%25E3%2581%2597%25E3%2581%258F%25E3%2580%258DAeroSpace%252C%2520JankyBorders%252C%2520SketchyBar%252C%2520a...%2Cw_1010%2Cx_90%2Cy_100/g_south_west%2Cl_text:notosansjp-medium.otf_37:mozumasu%2Cx_203%2Cy_121/g_south_west%2Ch_90%2Cl_fetch:aHR0cHM6Ly9zdG9yYWdlLmdvb2dsZWFwaXMuY29tL3plbm4tdXNlci11cGxvYWQvYXZhdGFyL2IzZTRhZjAyMDkuanBlZw==%2Cr_max%2Cw_90%2Cx_87%2Cy_95/v1627283836/default/og-base-w1200-v2.png" />
> <a href="https://zenn.dev/mozumasu/articles/mozumasu-window-costomization"></a>
> </div>
>
> やってみたところ、自分にはAerospaceはtoo muchだなと感じたので別の方法での整理を考えることにしました。
なお、ウィンドウの管理は同様に[[Raycast]]を使っていたのでそこはOK。ただ、[[Raycast]]にgapの設定があることは知らなかった...。
## Raycastの設定
Tinyで平気なはず。
![[2025-09-17-23-31-02.avif]]
## インストール
以前と同じ。
```console
brew tap FelixKratz/formulae
brew install borders
```
## 設定
以前と同じ。
`~/.config/borders/bordersrc`
```bash
#!/bin/bash
options=(
style=round
width=6.0
hidpi=off
active_color=0xffe2e2e3
inactive_color=0xff414550
)
borders "${options[@]}"
```
## 起動
```console
brew services start borders
```
無事に表示はされたけど、白だとウィンドウによっては見にくい...。
## 再設定
いくつか設定しなおした。まず[[Raycast]]のgapは `Small (16px)` に増やす。
![[2025-09-18-00-41-21.avif]]
[[JankyBorders]]の `width` は12にして、色合いも調整。`hidpi` もなんとなく `on` にしておく。
`~/.config/borders/bordersrc`
```bash
#!/bin/bash
options=(
style=round
width=12.0
hidpi=on
active_color=0xE025A64A
inactive_color=0x262F2F2F
)
borders "${options[@]}"
```
色については以下3パターンまで絞った結果、グリーンを採用。
```
# グリーン系
active_color=0xE025A64A
inactive_color=0x262F2F2F
```
```
# ブルー系
active_color=0xFF4A2BFF
inactive_color=0x262F2F2F
```
```
# パープル系
active_color=0xE07B5FF2
inactive_color=0x402F2547
```
[[ChatGPT]]と1時間くらい壁打ちした...。
> [!right-bubble] ![[minerva-face-right.webp]]
> Jankey Boardersの色設定で試行錯誤しています。
>
> 以下4つの背景色でいずれも視認性がある程度とれる色にしたいです。
>
> - `#000000` (Terminal)
> - `#FFFFFF` (Discordなど)
> - `#FDF6E4` (Obsidian)
> - `#EDF2F7` (Google Chrome)
>
> 良い候補はありますか？ (明るめの紫系とかですかね...)
### 設定の反映
```console
brew services restart borders
```
### 再々設定
やっぱオレンジ系がいいかも... と思って変えてみた。
```
#!/bin/bash
options=(
style=round
width=12.0
hidpi=on
active_color=0xE0FF7A1A
inactive_color=0x203F3328
)
borders "${options[@]}"
```
というのも一度試したときは、デスクトップ壁紙がオレンジ系だったのもあり見にくかったのもあった気がする。黒一色のデスクトップにしたら以前より見やすくなった。
ターミナルではちょっと眩しすぎる感はあるけど、しばらくやってみてどうなるか...。[[Retinaディスプレイ]]でないときはちょうどいいのでそこまで気にならない気もする。
## おわりに
[[JankyBorders]]を試せる環境ができたことはとりあえずよかった。しばらく使ってみるが、もとに戻る可能性はそこそこあると思っている。
- [[Retinaディスプレイ]]かそれ以外かで発色が結構違うのがきになる
- 画面が広くなるとどうしても目立たなくなる
- 外部ディスプレイだと視認しにくいのはディスプレイ輝度の問題?
- 自分は暗めに設定しているから...
ちなみにこんな感じ。[[AVIF]]に圧縮しているから発色は少し悪いけど概ね印象は同じ。
![[2025-09-18-00-51-43.avif|frame]]
*Obsidianにフォーカスあたっている状態*