
#### CUIモードをデフォルトにする

```sh
sudo systemctl set-default multi-user.target
```

#### GUIモードをデフォルトにする

```sh
sudo systemctl set-default graphical.target
```

#### CUIモードの時に一時的にGUIモードにする

```sh
sudo systemctl isolate graphical.target
```


Ubuntu DesktopをCUIモードにする方法メモ


## ターミナル自体の設定

完成形画像から

![ターミナルサンプル画像](/assets/blog/2024/ubuntu-terminal-config/terminal.webp)

```sh:内容メモ
~ $ dconf dump /org/gnome/terminal/
[legacy/keybindings]
copy='<Primary>c'
paste='<Primary>v'

[legacy/profiles:/:b1dcc9dd-5262-4d8d-a863-c897e6d979b9]
audible-bell=false
background-color='rgb(46,52,54)'
bold-is-bright=true
cell-height-scale=1.0
cell-width-scale=1.0
cursor-blink-mode='off'
cursor-shape='ibeam'
default-size-columns=100
default-size-rows=30
font='Menlo 13'
foreground-color='rgb(211,215,207)'
highlight-colors-set=false
palette=['rgb(128,130,130)', 'rgb(237,117,108)', 'rgb(121,251,84)', 'rgb(252,233,79)', 'rgb(95,169,248)', 'rgb(230,130,246)', 'rgb(90,247,249)', 'rgb(211,215,207)', 'rgb(85,87,83)', 'rgb(237,117,108)', 'rgb(121,251,84)', 'rgb(252,233,79)', 'rgb(114,159,207)', 'rgb(244,111,229)', 'rgb(84,248,248)', 'rgb(238,238,236)']
use-system-font=true
use-theme-colors=false
```

### グローバル > 全般

- テーマ: Dark style

### グローバル > ショートカット

- コピー: Ctrl+C
- 貼り付け: Ctrl+V

### プロファイル > 名前無し

#### 文字

- 文字の外観
  - 起動時の端末サイズ: 100 列、30 行
- カーソル
  - カーソルの点滅: 無効

#### 色

- 文字と背景の色
  - 組み込みのスキーム: Tongo Dark
- パレット
  - 組み込みのスキーム: カスタム
  - カラーパレット
    - 黒: #2E3436
    - 赤: #ED756C
    - 緑: #79FB54
    - 黄: #FCE94F
    - 青: #5FA9F8
    - マゼンタ: #E682F6
    - シアン: #5AF7F9
    - 白: #D3D7CF
  - 太字のテキストを明るい色で表示する: true

## シェルの設定

### fish

#### インストール

```sh:bash
$ sudo apt install fish
$ fish -v
fish, version 3.7.0
```

```sh:bash
$ chsh -s $(which fish)
$ grep $USER /etc/passwd
```

PC 再起動

#### プロンプト設定

```sh:~/workspace/conf.d/setup.fish
function fish_prompt --description 'Write out the prompt'
  set -l last_status $status

  set -g __fish_git_prompt_show_informative_status 1
  set -g __fish_git_prompt_color_branch cyan
  set -g __fish_git_prompt_showupstream "informative"
  set -g __fish_git_prompt_char_stateseparator "|"
  set -g __fish_git_prompt_char_upstream_ahead "↑"
  set -g __fish_git_prompt_char_upstream_behind "↓"
  set -g __fish_git_prompt_char_upstream_prefix ""
  set -g __fish_git_prompt_char_stagedstate "●"
  set -g __fish_git_prompt_char_dirtystate "✚"
  set -g __fish_git_prompt_char_untrackedfiles "…"
  set -g __fish_git_prompt_char_conflictedstate "✖"
  set -g __fish_git_prompt_char_cleanstate "✔"
  set -g __fish_git_prompt_color_dirtystate blue
  set -g __fish_git_prompt_color_stagedstate yellow
  set -g __fish_git_prompt_color_invalidstate red
  set -g __fish_git_prompt_color_untrackedfiles $fish_color_normal
  set -g __fish_git_prompt_color_cleanstate green --bold
  set -g __fish_prompt_normal (set_color normal)

  set -l prefix
  set -l suffix
  set_color normal

  switch "$USER"
    case root toor
      set suffix '#'
    case '*'
      set suffix '$'
  end

  echo -ns (prompt_pwd)
  printf '%s ' (__fish_vcs_prompt)

  if test "$last_status" -ne 0
    set_color red
    printf "[$last_status] "
    set_color normal
  end

  echo -n "$suffix "
end
```

fish_configから適当に色をいじる

#### config.fish

```sh:fish
~ $ cat ~/.config/fish/config.fish
if status is-interactive
    # Commands to run in interactive sessions can go here

    source ~/workspace/conf.d/setup.fish
end
```

PATH の設定等は setup.fish に書いていく

ここまでやると最初の完成形画像のようになる。

### GitHub 周り

https://docs.github.com/ja/authentication/connecting-to-github-with-ssh/generating-a-new-ssh-key-and-adding-it-to-the-ssh-agent

```sh
$ cd ~/.ssh
$ mkdir github
$ cd github

$ ssh-keygen -t ed25519 -C "${メールアドレス}" -f id_ed25519
Generating public/private ed25519 key pair.
Enter passphrase (empty for no passphrase):
Enter same passphrase again:
```

```sh
$ git config --global user.name murosan
$ git config --global user.email "xxx@users.noreply.github.com"
```

```txt:~/.ssh/config
Host github.com
  HostName github.com
  User git
  Port 22
  IdentityFile ~/.ssh/github/id_ed25519
  IdentitiesOnly yes
```

### 他

#### Go

```sh
sudo apt install golang-go
```

```sh
# setup.fishに追記
set -x PATH /usr/local/go/bin $PATH
```

#### Node.js

https://github.com/hokaccha/nodebrew

```sh
curl -L git.io/nodebrew | perl - setup
```

```sh
# setup.fishに追記
set -x PATH $HOME/.nodebrew/current/bin $PATH
```

https://nodejs.org/en/download/package-manager  
↑ で LTS を見る

```sh
# LTSをインストール
$ nodebrew install-binary v20.17.0
$ nodebrew use v20.17.0
$ node -v
v20.17.0
```

Yarn install

```sh
$ which corepack
/home/murosan/.nodebrew/current/bin/corepack
$ corepack enable
$ yarn --help
! Corepack is about to download https://registry.yarnpkg.com/yarn/-/yarn-1.22.22.tgz
? Do you want to continue? [Y/n] y
```

#### Python

https://github.com/pyenv/pyenv  
https://github.com/pyenv/pyenv-installer

```sh
sudo apt install build-essential libffi-dev libssl-dev zlib1g-dev liblzma-dev libbz2-dev libreadline-dev libsqlite3-dev libopencv-dev tk-dev git
```

```sh
curl https://pyenv.run | bash
```

```sh
# setup.fishに追記
set -x PYENV_ROOT $HOME/.pyenv
set -x PATH $PYENV_ROOT/bin $PATH
pyenv init - | source
```

```sh
# 確認
pyenv --version
```

```sh
# 使うとき
pyenv install 3.11.9
pyenv local 3.11.9
python -m venv myenv
source myenv/bin/activate.fish
```


Ubuntu Desktopのターミナル初期設定メモ


## はじめに

自作PCのを組み立てた際、PCケース付属のファンに加えて、CorsairのRX120mmファンを増設のファンとして採用しました。
価格は高めですが、静音性と冷却性能のバランスと、iCUE Linkにも対応し何よりケーブルがスッキリまとめられる点に魅力を感じました。  
しかし、OSにUbuntuを採用したため、公式ソフトウェアである`Corsair iCUE`はUbuntu非対応ということで、回転数もライティングも制御できず困っていたのですが、最終的に両方制御できるようになりましたので、方法をメモとして残します。

ちなみに、[OpenRGB](https://gitlab.com/CalcProgrammer1/OpenRGB)を使うと通常のARGBファンであればUbuntuでもライティング制御ができますが、RXファンは非対応な模様です。

しばらく困っていたのですが、Corsairのフォーラムに以下の投稿を見つけました。

https://forum.corsair.com/forums/topic/189584-icue-link-system-hub-on-linux/

> Last 3 weeks I have been actively working on Linux support for Corsair Link System Hub. The product is currently in the beta phase.
> Service is daemon-based, it starts and stops with your computer. Once you configure it, it's set and forget.
>
> What is supported:
>
> - LINK Fans (QX, RX)
> - LINK AIOs (H150i, H115i, H170i, H100i, H100i)
> - LINK Pump/Res Combo (unable to test until I get one of those, soon I hope...)
> - Basic RGB (8-9 modes)
>
> The project is open source and the repository can be found on GitHub.  
> https://github.com/jurkovic-nikola/OpenLinkHub

[OpenLinkHub](https://github.com/jurkovic-nikola/OpenLinkHub)というOSSのツールが最近公開され、それを使うとiCUE Linkパーツのライティング制御ができるようです。
サポートリストを見るとRXファンに対応していそう！その他QXファンはもちろん、水冷CPUクーラーもいけるようです。  
試してみたところ、回転数・ライティングのどちらもうまく制御できましたので紹介します。

ソースコードを見るとGoで書かれているようです。

## PC の構成

|                    |                                                |
| ------------------ | ---------------------------------------------- |
| CPU                | Ryzen 7 9700X                                  |
| マザーボード       | GIGABYTE B650 AORUS ELITE AX ICE               |
| グラボ             | GIGABYTE RTX 4070Ti Super WINDFORCE            |
| メモリ             | Corsair DDR5-5600 16GB×2 (CMD32GX5M2B5600C40W) |
| 電源               | ANTEC NeoECO Gold NE850G                       |
| SSD                | crusial T500 2TB                               |
| ケース             | ANTEC Constellation C5 ARGB                    |
| CPU クーラー       | noctua NH-U12A                                 |
| ケースファン(付属) | ANTEC 120mm×7                                  |
| ケースファン(増設) | Corsair RX120mm×3 StarterKit                   |
| OS                 | Ubuntu 24.04.1 LTS                             |


![ケースファンの構成画像](/assets/blog/2024/corsair-rx-fan-on-ubuntu/01-fans.webp)

PCの構成はこんな感じ。ファンはケース付属の７つに加え、上部にCorsair RX120mmファンを付けています。

増設したRXファンの回転数とライティングの制御を[OpenLinkHub](https://github.com/jurkovic-nikola/OpenLinkHub)を使ってUbuntu Desktop(Ubuntu 24.04.1 LTS)から行います。

ちなみにケース付属のファンは、回転数をBIOSで、ライティングを[OpenRGB](https://gitlab.com/CalcProgrammer1/OpenRGB)で制御しています。

## OpenLinkHubのインストール

[README](https://github.com/jurkovic-nikola/OpenLinkHub)の通りにやっていきます。今回はmanualインストールを選択しました。

1. libudev-dev と Go のインストール

```sh:bash
$ sudo apt-get install libudev-dev
$ sudo apt-get install golang-go
```

`~/.profile`などに以下を追記します。

```sh:bash
export PATH=$PATH:/usr/local/go/bin
```

```sh:bash
$ exec $SHELL -l # シェルをリロード
$ go version
go version go1.22.2 linux/amd64
```

Goのバージョンが表示されればOK。  
Goは基本的に後方互換があるので、これより新しいバージョンでも問題ないはず。

2. OpenLinkHubをビルドする

```sh:bash
$ git clone https://github.com/jurkovic-nikola/OpenLinkHub.git
$ cd OpenLinkHub/
$ go build .
$ sudo sh install.sh
```

Goでビルドし、`install.sh`を実行します。  
`install.sh`ではサービス登録までやってくれます。

以下のコマンドで登録されているか確認し、active/enabledが表示されればOK。  
これでPC起動時に自動でOpenLinkHubも起動するようになります。

```sh:bash
$ systemctl is-active OpenLinkHub.service
active
$ systemctl is-enabled OpenLinkHub.service
enabled
```

ここまで完了すると、回転数とライティングの制御ができるようになっています。

http://127.0.0.1:27003/

上記URLをブラウザで開くとダッシュボードが開き、自分の環境だとCPU・GPU・SSDの温度が表示されました。

![OpenLinkHubのダッシュボード画像](/assets/blog/2024/corsair-rx-fan-on-ubuntu/02-dashboard.webp)

トップメニューの`iCUE LINK System Hub`をクリックすると、iCUE Linkパーツの設定画面が開きます。

![ファンの設定画面の画像](/assets/blog/2024/corsair-rx-fan-on-ubuntu/03-hub-config.webp)

## 回転数の制御方法

OpenLinkHubではファンの回転数を制御できるので手順を説明します。  
まずはプロファイルを作成します。

1. http://127.0.0.1:27003/ ダッシュボードを開く
2. トップメニューの`Profiles`を選択
3. `New Profile`から新しい Profile を作成
   1. `Profile name`は適当に`myquiet`にしました
   2. `Sensor`はCPUのまま
   3. Create
4. 温度の範囲と回転数を設定する

以下は最大65%になるように設定してみた例。

![回転数設定の画像](/assets/blog/2024/corsair-rx-fan-on-ubuntu/04-fan-speed.webp)

続いて作成したプロファイルを適用します。  
トップメニューの`iCUE LINK System Hub`から設定画面を開き、各ファンのプロファイルを作成した`myquiet`に変更します。以上で設定完了です。

CorsairのRX120mmファンは最大で2100RPMあり、デフォルトの設定だとうるさく感じることもありましたが、65%に設定するとCPUに負荷をかけても静かです。

## ライティング制御方法

続いてiCUE Linkパーツのライティング制御方法の説明です。

トップメニューの`iCUE LINK System Hub`から設定画面を開き、  
電球💡アイコンのプルダウンから選択するだけ！。

11 種類の設定が用意されているようです。

- circle
- circleshift
- colorpulse
- colorshift
- colorwarp
- flickering
- off
- rainbow
- spinner
- static
- watercolor

画像は左から、`watercolor` `rainbow` `spinner` に設定してみた例。

![ライティング設定例GIF](/assets/blog/2024/corsair-rx-fan-on-ubuntu/05-sample-lighting.gif)

今の所、動的に色をカスタマイズする機能はないようですが、`database/rgb.json`を書き換えると色の変更ができます。

試しに`static`の色を変更してみます。

```json,diff:diff(database/rgb.json)
diff --git a/database/rgb.json b/database/rgb.json
index 44495d0..1299b9c 100644
--- a/database/rgb.json
+++ b/database/rgb.json
@@ -15,15 +15,15 @@
       "brightness": 1,
       "smoothness": 20,
       "start": {
-        "red": 0,
-        "green": 255,
-        "blue": 255,
+        "red": 250,
+        "green": 107,
+        "blue": 12,
         "brightness": 0.5
       },
       "end": {
-        "red": 0,
-        "green": 255,
-        "blue": 255,
+        "red": 250,
+        "green": 107,
+        "blue": 12,
         "brightness": 0.5
       }
     },
```

適当にオレンジっぽい色にしてみました。  
`install.sh`を再実行すると更新されます。

```sh:bash
$ sudo sh install.sh
OpenLinkHub is already installed. Performing upgrade
```

設定ページを再読み込みして、`static`に変更してみます。

![staticに設定してみた画像](/assets/blog/2024/corsair-rx-fan-on-ubuntu/06-static-modify.webp)

左が設定したオレンジっぽい色(250,107,12)。右は次に試したマゼンタ色(255,0,255)。  
※付属ファンはOpenRGBで設定しています。

## まとめ

メモリが浮いてますね w。  
メモリもiCUE Link対応メモリなのですが、今の所OpenLinkHubから設定できる機能はないようでした。  
`.icueprofile`にも対応されたら嬉しいですね。

せっかくGoで書かれてるので色々いじってみようかな。

ひとまず制御できることが分かったので、RXシリーズのリバースファンが発売されたらケース付属のファンも入れ替えたいです。  
https://www.reddit.com/r/Corsair/comments/184apfj/qx120_reverse_optionfuture/  
ゲームズコム（ドイツで開催されるゲームイベント）にリバースファンが使われたPCが展示されていたという情報。

追記: TGS2024でも展示があったようです。QXのリバースファンが使われてますね！  
https://www.gdm.or.jp/crew/2024/0927/556186


Ubuntu DesktopでCorsairのiCUE Link対応RXファンを制御する方法


## 現象

- 2024 年 3 月ごろ、macOS をアップデートしようとした  
  (macOS Ventura 13.6.5 から 13.6.5)
- 「ソフトウェアアップデートの準備ができませんでした。やり直してみてください。」というメッセージが表示され失敗する
- 何度やり直しても変わらず
- Sonoma へのアップデートも試したが同じく失敗

![画像](/assets/blog/2024/macos-update-failure/cover.webp)

デバイスは Mac Book Pro 13-inch (2020)

## 結論

- AppleStore の GeniusBar を予約し持ち込むことで解決した
- システム検査をしてもらった結果、`beta版がインストールされています`というようなメッセージが出た模様
  - この検査は個人ではできないもの
  - 予想通り、ハードには問題なかった
  - 詳細なエラーは見せてもらっていないが、ファームウェアの部分？
  - もちろん beta 版などインストールしたことはない
- 問題が出た部分をクリーンにインストールし直してもらった結果、検査結果も問題なくなり、OS のアップデートも無事できるようになった
  - この作業も個人ではできないもの
  - ディスクユーティリティから消去しても消えない部分があるそう

## 持ち込むまでにしたこと

[support.apple.com - macOS のアップデート中やインストール中にエラーが起きた場合](https://support.apple.com/ja-jp/102531)  
基本的に上記ページに書かれている方法を順に試した

- とりあえず TimeMachine でバックアップ
- セーフモード
- ディスク修復
- macOS 復旧
- Mac 消去

最後の Mac 消去してもだめ。  
消去した状態で失敗したことで、次の起動では「インターネット復旧」になった。

- インターネット復旧では、Catalina のインストールになった  
  (この Mac を購入した当時の OS)
- Catalina は**インストールできた**！？
- Catalina から Sonoma や Monterey へのアップデートは失敗
- Catalina から BigSur へのアップデートは**成功**！？
- BigSur から Sonoma へのアップデートは失敗

というよくわからない状態になった。  
その後 Apple の電話サポートに一応連絡したが、意味はなかったため、GeniusBar を予約。

持ち込みで解決してもらい、データも移行アシスタントで TimeMachine から復旧。  
持ち込んで本当に良かった。


macOSをアップデートできなくなりAppleStoreに持ち込んで解決したときの記録


稼働中のECSタスクを `aws-cli` で動的に取得し、稼働中のコンテナにECS Execを実行できるスクリプトのメモ。

### 前提

peco が必要

```sh
brew install peco
```

### bashバージョン

```sh:Bash
#!/bin/bash

function ecs-exec() {
  cluster_arn=$(aws ecs list-clusters | jq -r '.clusterArns[]' | peco --prompt 'cluster_arn > ')
  if [ -z "$cluster_arn" ]; then
    return
  fi

  service_arn=$(aws ecs list-services --cluster "$cluster_arn" | jq -r '.serviceArns[]' | peco --prompt 'service_arn > ')
  if [ -z "$service_arn" ]; then
    return
  fi

  task_arn=$(aws ecs list-tasks --cluster "$cluster_arn" --service-name "$service_arn" | jq -r '.taskArns[]' | peco --prompt 'task_arn > ')
  if [ -z "$task_arn" ]; then
    return
  fi

  container_name=$(aws ecs describe-tasks --cluster "$cluster_arn" --tasks "$task_arn" --query 'tasks[].containers[].name' | jq -r '.[]' | peco --prompt 'container_name > ')
  if [ -z "$container_name" ]; then
    return
  fi

  aws ecs execute-command \
    --cluster "$cluster_arn" \
    --task "$task_arn" \
    --container "$container_name" \
    --interactive \
    --command "/bin/bash"
}
```

### fish shellバージョン

```sh:fish
#!/usr/local/bin/fish

function ecs-exec
  set cluster_arn (aws ecs list-clusters | jq -r '.clusterArns[]' | peco --prompt 'cluster_arn > ')
  if [ -z "$cluster_arn" ]
    return
  end

  set service_arn (aws ecs list-services --cluster $cluster_arn | jq -r '.serviceArns[]' | peco --prompt 'service_arn > ')
  if [ -z "$service_arn" ]
    return
  end

  set task_arn (aws ecs list-tasks --cluster $cluster_arn --service-name $service_arn | jq -r '.taskArns[]' | peco --prompt 'task_arn > ')
  if [ -z "$task_arn" ]
    return
  end

  set container_name (aws ecs describe-tasks --cluster $cluster_arn --tasks $task_arn --query 'tasks[].containers[].name' | jq -r '.[]' | peco --prompt 'container_name > ')
  if [ -z "$container_name" ]
    return
  end

  aws ecs execute-command \
    --cluster $cluster_arn \
    --task $task_arn \
    --container $container_name \
    --interactive \
    --command "/bin/bash"
end
```



ECS Execをちょっと便利にするスクリプト


### 方法1. sbt の Java オプションで指定する

```sh
sbt -Duser.language=ja -Duser.country=JP compile
```

### 方法2. 環境変数で指定する

これを設定すると、OS 全体の Locale が変更されるので注意。

```sh
export LANG=ja_JP.UTF-8
export LC_ALL=ja_JP.UTF-8
```

Docker で `LC_ALL` を設定しようとしたら、以下のエラーが表示されたが、`glibc-langpack-ja`を yum でインストールすると設定できた。

```txt
bash: warning: setlocale: LC_ALL: cannot change locale (ja_JP.UTF-8)
```

Dockerfile のサンプル

```sh:Dockefile
FROM amazoncorretto:8-al2023-jdk

RUN yum update -y && \
    yum install -y glibc-langpack-ja

ENV LANG ja_JP.UTF-8
ENV LC_ALL ja_JP.UTF-8

CMD bash
```


Dockerコンテナ上でsbtを実行するときにLocale指定する方法


### Chrome での作業

1. `chrome://net-internals/#dns` を開く
2. 「Clear host cache」で消す

### Mac での作業

プロセス確認

```sh
$ ps aux | grep DNS | grep -v grep
root               227   0.0  0.0 33889828   7308   ??  Ss   月11PM   0:07.90 /usr/sbin/mDNSResponderHelper
_mdnsresponder     222   0.0  0.0 33899576  13092   ??  Ss   月11PM   0:46.72 /usr/sbin/mDNSResponder
```

再起動させる

```sh
$ sudo killall -HUP mDNSResponder
```

反映されなかったら PC を再起動するのが楽


MacでChromeのDNSキャッシュを消す方法


#### requirements

1. 1024x1024のPNGを用意
2. ImageMagickを入れる `brew install imagemagick`

iconutilは元々あったもの。

```sh
~ $ which iconutil
/usr/bin/iconutil
```

#### script body

```sh:Bash
#!/bin/bash

src=original.png
dst=./app.iconset

convert $src -resize 16x16 $dst/icon_16x16.png
convert $src -resize 32x32 $dst/icon_32x32.png
convert $src -resize 64x64 $dst/icon_64x64.png
convert $src -resize 128x128 $dst/icon_128x128.png
convert $src -resize 256x256 $dst/icon_256x256.png
convert $src -resize 512x512 $dst/icon_512x512.png
convert $src -resize 1024x1024 $dst/icon_1024x1024.png

convert $src -resize 64x64 $dst/icon_32x32@2x.png
convert $src -resize 128x128 $dst/icon_64x64@2x.png
convert $src -resize 256x256 $dst/icon_128x128@2x.png
convert $src -resize 512x512 $dst/icon_256x256@2x.png
convert $src -resize 1024x1024 $dst/icon_512x512@2x.png

iconutil -c icns app.iconset
```


Macで1枚のPNG画像からデスクトップアプリ用アイコンを生成するスクリプト


## C++の next_permutation の動作を確認する

```cpp:C++
#include <algorithm>
#include <vector>
#include <iostream>

std::vector<int> v = {1, 2, 3};

void print() {
  for (int &e: v) std::cout << e << " ";
  std::cout << std::endl;
}

int main() {
  do {
    print();
  } while (std::next_permutation(v.begin(), v.end()));

  std::cout << "最後: ";
  print();
}
```

出力

```txt
1 2 3
1 3 2
2 1 3
2 3 1
3 1 2
3 2 1
最後: 1 2 3
```

これを Go で実装する。

注意点は

1. 全ての順列を生成し終えたあとは、初期の並びに戻っていること
2. do-while でループしていること

## Go で実装する

#### 簡単な処理の流れメモ

1. スライスの末尾から隣接する要素を見ていき、`s[i] < s[i+1]`となる最初の i を決定する
2. スライスの末尾から要素を見ていき、`s[i] < s[j]`となる最初の j を決定する
3. `s[i]`と`s[j]`を swap する
4. `s[i+1:]`を reverse する

#### 実装例

予め `go get golang.org/x/exp` で `constraints.Ordered` を使えるようにしている。

```go:Go
package lib

import "golang.org/x/exp/constraints"

func Reverse[S ~[]E, E any](s S) {
	for i, j := 0, len(s)-1; i < j; i, j = i+1, j-1 {
		s[i], s[j] = s[j], s[i]
	}
}

func NextPermutation[S ~[]E, E constraints.Ordered](s S) bool {
	i := len(s) - 2
	for i >= 0 && s[i] >= s[i+1] {
		i--
	}

	if i < 0 {
		Reverse(s)
		return false
	}

	j := len(s) - 1
	for j > i && s[j] <= s[i] {
		j--
	}

	s[i], s[j] = s[j], s[i]
	Reverse(s[i+1:])

	return true
}
```

```go:Go
package main

import (
	"fmt"
	"github.com/murosan/lib"
)

func main() {
	v := []int{1, 2, 3}

	for {
		fmt.Println(v)

		// do-while
		if !lib.NextPermutation(v) {
			break
		}
	}

	fmt.Println("最後:", v)
}
```

出力

```txt
[1 2 3]
[1 3 2]
[2 1 3]
[2 3 1]
[3 1 2]
[3 2 1]
最後: [1 2 3]
```

do-while の部分はこういう書き方でも良い。

```go:Go
for do := true; do; do = lib.NextPermutation(s) {
  // 処理
}
```

5要素の中から2要素を選ぶパターンの全列挙、みたいなこともできる

```go:Go
func main() {
	v := []int{0, 0, 0, 1, 1}

	for {
		fmt.Println(v)
		if !lib.NextPermutation(v) {
			break
		}
	}

	fmt.Println("最後:", v)
}
```

```txt
[0 0 0 1 1]
[0 0 1 0 1]
[0 0 1 1 0]
[0 1 0 0 1]
[0 1 0 1 0]
[0 1 1 0 0]
[1 0 0 0 1]
[1 0 0 1 0]
[1 0 1 0 0]
[1 1 0 0 0]
最後: [0 0 0 1 1]
```

#### テスト

```go:Go
import (
	"testing"
	"golang.org/x/exp/slices"
)

func TestNextPermutation(t *testing.T) {
	cases := []struct {
		in []int
		ex []int
		b  bool
	}{
		{[]int{1, 2, 3}, []int{1, 3, 2}, true},
		{[]int{3, 2, 1}, []int{1, 2, 3}, false},
		{[]int{1, 1, 5}, []int{1, 5, 1}, true},
		{[]int{1}, []int{1}, false},
		{[]int{}, []int{}, false},
		{[]int{1, 3, 2}, []int{2, 1, 3}, true},
		{[]int{2, 3, 1}, []int{3, 1, 2}, true},
		{[]int{1, 5, 1}, []int{5, 1, 1}, true},
		{[]int{5, 1, 1}, []int{1, 1, 5}, false},
		{[]int{2, 1, 1, 4, 3}, []int{2, 1, 3, 1, 4}, true},
	}

	for i, c := range cases {
		result := NextPermutation(c.in)
		if result != c.b || !slices.Equal(c.in, c.ex) {
			t.Errorf("[%d] want: %v, actual: %v, bool:%v", i, c.ex, c.in, result)
		}
	}
}
```

## おまけ

#### PrevPermutationの実装

```go:Go
func PrevPermutation[S ~[]E, E constraints.Ordered](s S) bool {
	i := len(s) - 2
	for i >= 0 && s[i] <= s[i+1] {
		i--
	}

	if i < 0 {
		Reverse(s)
		return false
	}

	j := len(s) - 1
	for j > i && s[j] >= s[i] {
		j--
	}

	s[i], s[j] = s[j], s[i]
	Reverse(s[i+1:])

	return true
}
```

#### テスト

```go:Go
func TestPrevPermutation(t *testing.T) {
	cases := []struct {
		in []int
		ex []int
		b  bool
	}{
		{[]int{1, 3, 2}, []int{1, 2, 3}, true},
		{[]int{1, 2, 3}, []int{3, 2, 1}, false},
		{[]int{1, 5, 1}, []int{1, 1, 5}, true},
		{[]int{1}, []int{1}, false},
		{[]int{}, []int{}, false},
		{[]int{2, 1, 3}, []int{1, 3, 2}, true},
		{[]int{3, 1, 2}, []int{2, 3, 1}, true},
		{[]int{5, 1, 1}, []int{1, 5, 1}, true},
		{[]int{1, 1, 5}, []int{5, 1, 1}, false},
		{[]int{2, 1, 3, 1, 4}, []int{2, 1, 1, 4, 3}, true},
	}

	for i, c := range cases {
		result := PrevPermutation(c.in)
		if result != c.b || !slices.Equal(c.in, c.ex) {
			t.Errorf("[%d] want: %v, actual: %v, bool:%v", i, c.ex, c.in, result)
		}
	}
}
```

#### もっと抽象化してみる

```go:Go
func NextPermutationFunc[S ~[]E, E any](s S, comp func(a, b E) int) bool {
	i := len(s) - 2
	for i >= 0 && comp(s[i], s[i+1]) >= 0 {
		i--
	}

	if i < 0 {
		Reverse(s)
		return false
	}

	j := len(s) - 1
	for j > i && comp(s[i], s[j]) >= 0 {
		j--
	}

	s[i], s[j] = s[j], s[i]
	Reverse(s[i+1:])

	return true
}
```

こう実装すると、さっきは`[]int`で5要素の中から2要素を選ぶパターンを全列挙をしたが、`[]bool`でもできるようになる。

```go:Go
func main() {
	v := []bool{false, false, false, true, true}

	comp := func(a, b bool) int {
		if a == b {
			return 0
		}
		if a {
			return 1
		}
		return -1
	}

	for {
		fmt.Println(v)
		if !lib.NextPermutationFunc(v, comp) {
			break
		}
	}

	fmt.Println("最後:", v)
}
```

```txt
[false false false true true]
[false false true false true]
[false false true true false]
[false true false false true]
[false true false true false]
[false true true false false]
[true false false false true]
[true false false true false]
[true false true false false]
[true true false false false]
最後: [false false false true true]
```


GoでC++のnext_permutationを実装するメモ


[Prism.js](https://github.com/PrismJS/prism/)はコードブロックにシンタックスハイライトを当てる便利なライブラリです。  
Typesafe Configをハイライトする機能はサポートされていませんが、独自にルールを定義することによってシンタックスハイライトを適用することができます。

## Typesafe Config とは？

https://github.com/lightbend/config

ScalaやJavaで使えるconfigライブラリです。  
PlayFrameworkのプロジェクトでよく使います。

一般的には、[HOCON](https://github.com/lightbend/config/blob/main/HOCON.md)(Human-Optimized Config Object Notation)形式で書かれます。

## ハイライトする

冒頭で書いたように、Typesafe Configはサポートされていないのでハイライトルールを独自に定義します。  
（[issue](https://github.com/PrismJS/prism/issues/3433)は出ていました。）

### ハイライトルール(Grammar)

Prism.jsはハイライトルールを正規表現で定義します。  
JSONを参考にHOCON用に拡張してみました。

全てのパターンで完璧にハイライトできるわけではありませんが、基本は問題なく動くと思います。

```js:JavaScript
const hoconGrammar = {
  property: [/(?:[\w\-]|[^:\/\+.\[\]{}="$\s\r\n]+)/, /"(?:\\.|[^"\r\n]*)"/].map(
    r => ({
      pattern: new RegExp(r.source + '(?=\\s*(?:[\\.:={]|\\+=))'),
      lookbehind: true,
      greedy: true,
    }),
  ),
  string: [
    { pattern: /"""[\s\S]*?"""/, greedy: true },
    {
      pattern: /(^|[^\\])"(?:\\.|[^"\\\r\n])*"/,
      lookbehind: true,
      greedy: true,
    },
  ],
  comment: { pattern: /(\/\/|#).*/, greedy: true },
  punctuation: /[\${}\[\],]/,
  operator: /[:=]/,
  keyword: {
    pattern: /(?:^|\s)include(?=\s)/,
    lookbehind: true,
    greedy: true,
  },
  function: {
    pattern: /(?:^|\s)(file|url|classpath|required)(?=\()/,
    greedy: true,
  },
}
```

### Node.jsで使う例

```js:Node.js
import Prism from 'prismjs'

const code = 'key = "value"'
const result = Prism.highlight(code, hoconGrammar, 'hocon')
console.log(result)
```

```html:結果
<span class="token property">key</span> <span class="token operator">=</span> <span class="token string">"value"</span>
```

### HTMLで使う例

```html:HTML
<pre><code class="language-hocon">
key = "value"
</code></pre>
<script src="https://cdn.jsdelivr.net/npm/prismjs@1.29.0/prism.min.js"></script>
<script>
  Prism.languages.hocon = {
    // 省略
    // hoconGrammarをここに書く
  }
</script>
```

`Prism.languages`を拡張してhoconを追加、`code`タグのclassに`language-hocon`を追加するとハイライトできます。

コードサンプル: https://github.com/murosan/prism-test/blob/main/docs/hocon.html  
実際にハイライトした例: https://murosan.github.io/prism-test/hocon.html

## サンプル

```hocon:Typesafe Config(HOCON)
// コメント
# コメント
not.a.comment = [
  "文字列の中はコメントではない"
  "//quoted",
  "#string"
]//comment

arr=[1,2 3]

"fo:o": { "a" : 42 },
"f$oo" : [null, true, false],
"foo	" : { "b" : 43 }

"foo" : { "a" : 42, "b" : 1e5 }

// a b c は有効なプロパティだけど、このGrammarだとハイライトされない..
// こういう書き方は普通しないので問題ないと思うが..
a b c : 42
"a b c" : 43

without_colon { a: 100 } // {が続く場合は:や=なしでも良い

obj = {
  aaa.bbb = 100
  ccc.ddd = [200 300]
  eee.fff {
    ggg.hhh: xxxx
  }
}

// Scalaのmultiline stringsみたいなやつが使える
multiline = """"
" aaa
bbb
"""

// プロパティにもできる
"""
multilinekey
""": val

data-center-generic = { cluster-size = 6 }
data-center-east = ${data-center-generic} { name = "ea:st" }

path = [ /bin ]
path = ${?path} [ /usr/bin ]
path += /usr/local/bin
path -= /usr/sbin // "path -" is a valid key

included {
  include
    "another.conf"
}

;;;|||¥¥¥--- = ok

include file("aaa.conf")
include url("file://bbb.conf")
include classpath("ccc.conf")
include required("ddd.conf")
```


Typesafe Config(HOCON)のコードブロックにPrism.jsでシンタックスハイライトを当てる


PlayFrameworkのCORS Filterでオリジンのマッチングに正規表現を使います。  
「自社のサブドメインは全て許可」のような設定ができるようになります。

## 前提

基本的な `Scala + Sbt + PlayFramework` のプロジェクトで、コントローラーとconfは以下の通り。

```scala:app/controllers/HomeController.scala
package controllers

import javax.inject._
import play.api._
import play.api.mvc._

class HomeController @Inject() (val controllerComponents: ControllerComponents)
  extends BaseController {

  def index(): Action[AnyContent] =
    Action { implicit request: Request[AnyContent] =>
      Ok("OK")
    }
}
```

```hocon:conf/application.conf
play.filters.enabled += "play.filters.cors.CORSFilter"

play.filters.cors {
  allowedOrigins = ["https://blog.murosan.dev"]
  allowedHttpMethods = ["GET", "POST"]
  allowedHttpHeaders = [
    "Accept",
    "Accept-Language",
    "Content-Type",
    "Keep-Alive",
    "Origin",
    "User-Agent"
  ]
}
```

```txt:conf/routs
GET / controllers.HomeController.index()
```

この状態で起動してCORSが効いているか確認すると、

```sh:bash
$ curl localhost:9000 -H 'Origin: https://blog.murosan.dev' -I
HTTP/1.1 200 OK
Access-Control-Allow-Origin: https://blog.murosan.dev
Access-Control-Allow-Credentials: true
...

$ curl localhost:9000 -H 'Origin: https://blog2.murosan.dev' -I
HTTP/1.1 403 Forbidden
...
```

しっかり動作している。

## Originを正規表現でマッチングさせる

先程ブロックされた`https://blog2.murosan.dev`を許可するには、`play.filters.cors.allowedOrigins`に追加すれば良いですが、サブドメインの数が多くなると大変です。


```hocon,diff:conf/application.conf
 play.filters.cors {
   // 数が多いと大変
-  allowedOrigins = ["https://blog.murosan.dev"]
+  allowedOrigins = ["https://blog.murosan.dev", "https://blog2.murosan.dev"]
   allowedHttpMethods = ["GET", "POST"]
   ...
 }
```

そこで、正規表現を用いて全てのサブドメインを許可するように設定してみます。

PlayFrameworkのビルトインCORSFilterを拡張して、独自のCORSFilterを作ります。

```scala:app/filters/CORSFilter.scala
package filters

import play.api.Configuration
import play.api.mvc.EssentialAction
import play.filters.cors.CORSConfig
import play.filters.cors.CORSConfig.Origins
import play.http.HttpErrorHandler

import javax.inject.{Inject, Singleton}
import scala.util.matching.Regex

@Singleton
class CORSFilter @Inject() (configuration: Configuration)
  extends play.filters.cors.CORSFilter(corsConfig = CORSFilter.conf(configuration))

object CORSFilter {
  def conf(configuration: Configuration): CORSConfig = {
    // allowedOriginsをapplication.confから取得して正規表現に変える
    val origins = configuration.get[Seq[String]]("play.filters.cors.allowedOrigins").map(_.r)

    // configurationからCORSConfigを作成
    val default = CORSConfig.fromConfiguration(configuration)

    // Originのマッチングに正規表現を使うようにする
    val matching = Origins.Matching { (origin: String) =>
      origins.exists(_.matches(origin))
    }

    default.copy(allowedOrigins = matching)
  }
}
```

```hocon,diff:conf/application.conf
- play.filters.enabled += "play.filters.cors.CORSFilter"
+ play.filters.enabled += "filters.CORSFilter"
 
 play.filters.cors {
-  allowedOrigins = ["https://blog.murosan.dev"]
+  allowedOrigins = ["""(\Ahttps://[\w.-]+\.murosan\.dev\z)"""]
   allowedHttpMethods = ["GET", "POST"]
   ...
 }
```

正規表現の書き方や、allowedOriginsの数によっては処理時間が増えてしまうので注意が必要ですが、
このように`CORSConfig`を書き換えると正規表現でマッチングできます。

ちなみにPlayFrameworkのデフォルトのCORSFilterはシンプルな`Set[String]`でマッチングしていました。

確認してみます。

```sh:bash
$ curl localhost:9000 -H 'Origin: https://blog.murosan.dev' -I
HTTP/1.1 200 OK
Access-Control-Allow-Origin: https://blog.murosan.dev
Access-Control-Allow-Credentials: true
...

$ curl localhost:9000 -H 'Origin: https://blog2.murosan.dev' -I
HTTP/1.1 200 OK
Access-Control-Allow-Origin: https://blog2.murosan.dev
Access-Control-Allow-Credentials: true
...

$ curl localhost:9000 -H 'Origin: https://abc.murosan.dev' -I
HTTP/1.1 200 OK
Access-Control-Allow-Origin: https://abc.murosan.dev
Access-Control-Allow-Credentials: true
...

# 同一オリジンはもちろんOK
$ curl localhost:9000 -H 'Origin: http://localhost:9000' -I
HTTP/1.1 200 OK

# Preflight Request
$ curl localhost:9000 -X OPTIONS \
  -H 'Origin: https://blog.murosan.dev' \
  -H 'Access-Control-Request-Method: GET' \
  -H 'Access-Control-Request-Headers: Accept,Content-Type,User-Agent' -v
...
< HTTP/1.1 200 OK
< Access-Control-Max-Age: 3600
< Access-Control-Allow-Origin: https://blog.murosan.dev
< Access-Control-Allow-Headers: accept,content-type,user-agent
< Access-Control-Allow-Methods: GET
< Access-Control-Allow-Credentials: true
...

# ポート付きは許可していない
$ curl localhost:9000 -H 'Origin: https://abc.murosan.dev:3000' -I
HTTP/1.1 403 Forbidden

# 不正なサブドメイン
$ curl localhost:9000 -H 'Origin: https://.murosan.dev' -I
HTTP/1.1 403 Forbidden

# 末尾に.comがついている
$ curl localhost:9000 -H 'Origin: https://abc.murosan.dev.com' -I
HTTP/1.1 403 Forbidden

# http (not https)
$ curl localhost:9000 -H 'Origin: http://abc.murosan.dev' -I
HTTP/1.1 403 Forbidden
```

## ローカルはポートも許可する

```hocon:conf/application.local.conf
play.filters.cors.allowedOrigins = ["""(\Ahttps?://localhost:\d+\z)"""]
```

```hocon,diff:conf/application.conf
 play.filters.enabled += "filters.CORSFilter"
 
 play.filters.cors {
   ...
 }
 
+include "application.local.conf"
```

Filterというか、confで上書きすればOKです。  


PlayFrameworkのCORS Filterでオリジンを正規表現でマッチングする


![カバー画像](/assets/blog/2023/chrome-extension-aws-console-banner/cover.webp)

AWSアカウントを複数使い分けていると、時々どのアカウントを開いているか分からなくなるときがあります。  
そのうち事故りそうな気がしたので、AWSコンソールの上部に、アカウントIDに応じて「本番環境」や「開発環境」のような文字列を表示するChrome拡張を作りました。

せっかくなので「◯◯環境」だけではなく、任意の文字を表示できるようにしつつ、背景色もアカウントごとに変えられるようにしました。

## 作る

必要なファイルは3つだけ。

```sh:bash
mkdir chrome-extension-aws-console-banner
cd chrome-extension-aws-console-banner
touch insert-banner.js manifest.json style.css
```

```json:manifest.json
{
  "manifest_version": 3,
  "name": "AWS Console Banner",
  "description": "",
  "version": "1.0",
  "content_scripts": [
    {
      "matches": ["https://*.aws.amazon.com/*"],
      "css": ["style.css"],
      "js": ["insert-banner.js"]
    }
  ]
}
```

```css:style.css
.aws-console-banner {
  font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue,
    Hiragino Kaku Gothic ProN, 'ヒラギノ角ゴ Pro W6', sans-serif;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 2rem;
  color: #fff;
  height: 50px;
}
```

```js:insert-banner.js
// TODO: アカウントIDを書き換える。
//       外部公開することは想定していないので直書きしている。
const accountList = [
  { accountId: '000000000000', text: '開発環境', backgroundColor: '#1a52d6' },
  { accountId: '111111111111', text: '本番環境', backgroundColor: '#e31e1e' },
]

window.addEventListener('load', async () => {
  const accountId = await getAccountId()
  const account = accountList.find(a => a.accountId === accountId)
  if (account) {
    insertBanner({
      text: account.text,
      style: { backgroundColor: account.backgroundColor },
    })
  }
})

async function getAccountId() {
  // 表示されるまでラグがあるのでsleepを入れながら5回試す
  let menu
  for (let i = 0; i < 5 && !menu; i++) {
    menu = document.getElementById('menu--account')
    await new Promise(resolve => setTimeout(resolve, 2000))
  }

  const span =
    menu.firstElementChild.firstElementChild.firstElementChild.children[1]
  return span.textContent.replaceAll('-', '')
}

function insertBanner({ text, style }) {
  const div = document.createElement('div')
  div.classList.add('aws-console-banner')
  if (text) div.textContent = text
  Object.entries(style || {}).forEach(([k, v]) => (div.style[k] = v))

  getContainer().appendChild(div)
  resize()
  return div
}

function removeBanner(banner) {
  getContainer().removeChild(banner)
  resize()
}

function getContainer() {
  return document.getElementById('awsc-navigation-container')
}

function resize() {
  window.dispatchEvent(new Event('resize'))
}
```

### インストール

1. chrome://extensions のデベロッパーモードを on にする
1. `パッケージ化されていない拡張機能を読み込む` から作った拡張を選択して読み込む

## おまけ

東京リージョン以外だったら、「東京リージョンではありません」と表示する機能を追加してみる。

```css,diff:style.css
+.btn-close-region {
+  display: block;
+  position: absolute;
+  right: 10px;
+  height: 30px;
+  width: 40px;
+  background-color: #fff;
+  color: #ec7211;
+  border-radius: 2px;
+  font-size: smaller;
+
+  border: none;
+  cursor: pointer;
+  outline: none;
+  padding: 0;
+  appearance: none;
+}
```

```js,diff:insert-banner.js
 window.addEventListener('load', async () => {
   const accountId = await getAccountId()
   const account = accountList.find(a => a.accountId === accountId)
   if (account) {
     insertBanner({
       text: account.text,
       style: { backgroundColor: account.backgroundColor },
     })
   }
+
+  // 東京リージョンではない場合、バナーを表示する
+  // S3のページ等では取れないが気にしない
+  const region = window.location.host.split('.')[0]
+  if (region !== 'ap-northeast-1') insertRegionBanner()
 })

+function insertRegionBanner() {
+  const text = '東京リージョンではありません'
+  const banner = insertBanner({ text, style: { backgroundColor: '#ec7211' } })
+
+  // 閉じるボタン
+  const closeBtn = document.createElement('button')
+  closeBtn.textContent = 'OK'
+  closeBtn.classList.add('btn-close-region')
+  closeBtn.addEventListener('click', () => removeBanner(banner))
+  banner.appendChild(closeBtn)
+}
```

表示サンプル

![カバー画像](/assets/blog/2023/chrome-extension-aws-console-banner/region-notice.webp)


AWSコンソールに「本番環境」「開発環境」のような文字を表示するChrome拡張を作る


![カバー画像](/assets/blog/2023/cloudflare-pages-custom-domain/cover.webp)

## カスタムドメイン設定

Cloudflare Pages でデプロイしたブログ(murosans-blog.pages.dev)にカスタムドメインを設定します。

Cloudflare Pages のダッシュボードを開き、「カスタムドメイン」タブから「カスタムドメインを設定」。

![設定1](/assets/blog/2023/cloudflare-pages-custom-domain/step1.webp)

ドメインを入力し、「ドメインをアクティブにする」だけで完了しました。  
ドメインもCloudflareで取得したので、CNAMEレコードは自動で追加されていました。

![record](/assets/blog/2023/cloudflare-pages-custom-domain/cname-record.webp)

1 分程待つと、もう新しいドメインでアクセスできるようになっていました。

## リダイレクト設定

このままだと旧URLでもアクセスできてしまうので、新しいURLに301リダイレクトするように設定します。

Cloudflareダッシュボードの一括リダイレクトページ、「一括リダイレクト リストの作成」から設定します。
リストの名前を適当に入力し、「次へ」

![bulk-redirect1](/assets/blog/2023/cloudflare-pages-custom-domain/bulk-redirect1.webp)

URLを追加するページで、ソースURLに旧URLを、ターゲットURLに新URLを入力します。  
ついでに、クエリ文字列、サブパス、パスサフィックスを保持するようにチェックを入れました。  
「サブドメインを含める」にチェックを入れるとプレビューできなくなるので注意してください。

![bulk-redirect2](/assets/blog/2023/cloudflare-pages-custom-domain/bulk-redirect2.webp)

保存すると、ルールの設定ページに移動するので、作成したリストを選択して保存します。

しばらくすると新しいURLにリダイレクトされるようになりました。設定した通り、パスやクエリ文字列も保持されています。

```sh:bash
$ curl 'https://murosans-blog.pages.dev/' -I
HTTP/2 301
location: https://blog.murosan.dev/
...

$ curl 'https://murosans-blog.pages.dev/blog/subpage?some_query=value' -I
HTTP/2 301
location: https://blog.murosan.dev/blog/subpage?some_query=value
...
```

プレビュー用のURLは301リダイレクトされません。  
(リストの設定ページで「サブドメインを含める」にチェックを入れるとプレビュー用URLもリダイレクトされます。)

```sh:bash
# プレビューページへのAccessポリシーを設定しているので、認証ページにリダイレクトされている
$ curl https://preview.murosans-blog.pages.dev/ -I
HTTP/2 302
location: https://xxxx.cloudflareaccess.com/cdn-cgi/access/login/preview.murosans-blog.pages.dev ...
```
