MacでサクラエディタをWhisky経由で動かす方法

# はじめに
これは、[サクラエディタ Advent Calendar 2024](https://qiita.com/advent-calendar/2024/sakura-editor) の7日目の記事となります。

つい最近、MacBook Pro M4 を購入しました。
これまで WineskinServer を使用してサクラエディタを動かす記事を書いていたのですが、

https://qiita.com/yaju/items/f2825b6618055149f597

新しい PC になったことで、SwiftUI を利用してインストールが簡単になった「Whisky」を使用することにしました。前回、Whisky を使用したのが次記事となります。
[MacでSteam版ドラゴンクエスト3をWhisky経由で動かす方法](https://qiita.com/yaju/items/e055e4e099e8c51e0daf)

# Whiskyのインストール
パッケージ形式 か`brew`コマンド のどちらかでインストールしてください。
筆者は、パッケージ形式でインストールしました。

ただ、パッケージ形式の前に後述した`Homebrew`のインストールを先にやっていたので、もしかしたら`Homebrew`が必要かも知れません。

## パッケージ形式
下記サイトにて、`DownLoad Latest`ボタンをクリックすると「Whisky.zip」がダウンロードされますので、ダブルクリックして展開します。

https://getwhisky.app/

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/14053/af034f37-8b88-33bd-a8c1-669dc24add91.png)

Steamは、システム言語を`English`にしないと正しくインストールできないため、「次へ」の Bottle 作成は後回しにして、ここでは「終了」ボタンをクリックします。

### アプリケーションフォルダに追加
Whiskyをアプリケーションフォルダに追加しておくといいでしょう。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/14053/27b33a43-459e-b965-5562-56e01b7408aa.png)

## brewコマンド
```bash
brew install --cask whisky
```

ターミナル画面で brew コマンドを入力して、「zsh: command not found: brew」のエラーが出る場合、先にHomebrewをインストールして下さい。

### Homebrewのインストール

https://zenn.dev/yoshiki449/articles/0be6800b72fe21

ターミナル画面から下記コマンドを入力します。

```bash
/bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)"
```

パスワードを求められた場合(パスワードのアイコンが表示されている状態)、パスワードを入力します。
パスワードは入力しても表示されないので、間違えないように注意しましょう。

## サクラエディタのダウンロード
今回のサクラエディタは公式の32bit版を使用します。有志による64bit版もあるようです。

https://github.com/sakura-editor/sakura/releases

インストーラー版(Win32-Release-Installer.zip)をダウンロードしました。そのままダウンロードフォルダ上に zip を展開しました。

## Bottleの作成
Bottle 名を「Tools」にしました。これは、これから他のWindows用ツールを入れて行きたいためです。
Windows version は「Windows 11」を選択しました。たぶん Windows 10でも問題ないです。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/14053/b48acfec-9aad-23f5-e8b9-c9904df9cbdd.png)

## フォントのインストール
WineskinServer では IME 上変換文字が真っ黒豆腐「■」になっていた経験があったので、先にフォントをインストールしておきます。

Toolsボトルのところで「Winetricks」ボタンをクリックします。
Winetricks コマンドを実行画面のフォントタブから「fakejapanese_ipamona」を選択します。これにより依存している「fakejapanese」パッケージも同時にインストールされる。「fakejapanese_vlgothic」はメイリオフォントの代替フォントとなる。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/14053/a3376333-c45c-385e-1d77-5ee27b3014dd.png)

「fakejapanese_ipamona」以外では「cjkfonts」もあります。

https://bigmoro.cocolog-nifty.com/blog/2021/04/post-2f6bff.html

## サクラエディタのセットアップ
「sakura_install2-4-2-6048-x86.exe」に Whisky が関連付けられているため、ダブルクリックします。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/14053/09a308af-c8fc-03db-1004-039c74a298a7.png)

ボトルは「Tools」となっているので、「実行」ボタンをクリックします。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/14053/72e6a5e5-baf0-8485-6328-3781f0d9311f.png)

「日本語」のままでいいので、「OK」ボタンをクリックします。
インストーラーの日本語の描画状況がよくない、読めますけどね。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/14053/323c7a73-2d6c-4f52-57d9-5e761166025c.png)
「次へ」ボタンをクリックします。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/14053/e862c975-3553-c18e-3cc3-48ba12d0c73b.png)
「次へ」ボタンをクリックします。
フォントの問題なのか、豆腐で文字が表示されてしまいます。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/14053/994bd4c4-1935-0982-0122-af529df7c8a6.png)
「次へ」ボタンをクリックします。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/14053/3c1220b8-f669-cad1-f4ee-d36af9f715ef.png)
「次へ」ボタンをクリックします。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/14053/b46dd0ea-2463-cb70-a91d-73206d4b801f.png)
「次へ」ボタンをクリックします。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/14053/187d6a83-7849-491c-714d-03ffcae57fea.png)
「次へ」ボタンをクリックします。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/14053/8d34393d-ddcb-b30c-ff3a-63e1979ef0a4.png)
筆者は全てのチェックを外しました。「次へ」ボタンをクリックします。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/14053/d0d4e6d6-49b5-0138-ca23-2a20606ed266.png)
「インストール」ボタンをクリックします。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/14053/4684caf3-9288-a9d3-0cce-251181ea3ffd.png)
「完了」ボタンをクリックします。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/14053/349212a5-1c74-cd6c-78e0-fc5edc801d47.png)

## プログラムをピン留め
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/14053/9821825a-0d8c-3d9c-0813-f73462f6dda9.png)

アイコンは下記の状態です。Steamの時はSteamのアイコンになったのにね。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/14053/ce2772ba-11a9-4b4b-5bfe-8734d5a9d3c7.png)

## サクラエディタの起動
緑色矢印アイコンをダブルクリックすれば、サクラエディタが起動します。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/14053/acfc9dba-041a-c200-4918-0c5f5cfc3bcd.png)

# お好みで追加設定
ここからはお好みで設定してください。

## アプリケーションにショートカットを作成
Whiskyを起動してサクラエディタを起動するより、アプリケーションからサクラエディタを起動できるようにしたいです。

ピン留めしたサクラエディタ(緑三角矢印)のコンテキストメニュー(右クリックメニュー)にある「設定」をクリックします。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/14053/1b1ee6bf-6504-4fcf-a08c-e278c82e4622.png)

「ショートカットを作成」ボタンをクリックします。
筆者は、初期表示の「sakura」から「サクラエディタ」に変更しました。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/14053/4fb6a2b5-55b5-8d77-935d-9275829afd60.png)

### アイコンの変更
プログラムをピン留め時のアイコンは変更できませんでしたが、アプリケーションフォルダのアイコンは変更できました。

サクラエディタのアイコンとして下記サイトの「メモ帳もどき」をダウンロードしました。

http://sakura.qp.land.to/?Customize%2FIcons

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/14053/84b534b5-80a4-0288-8333-a99e25496c31.png)

アプリケーションフォルダに出来たサクラエディタのコンテキストメニュー(右クリックメニュー)の「情報を見る」をクリックします。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/14053/b2bbb909-cd28-fe32-d605-612c02b7dccc.png)

ダウンロードした「my_appicon.ico」を、アプリケーションの名前の部分「例 サクラエディタ XXX KB」に持っていくとアイコンが切り替わります。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/14053/e77ec902-f40a-e37b-970c-4b6b8348af06.png)

これでアプリケーションのアイコンが変わります。
Lanchpad 画面からサクラエディタが直接起動できるようになります。

## 日本語等幅フォントの追加
追加するフォントはパッケージ内の drive_c へ入れる必要はなく、macOS に登録するだけで良い。最近は、日本語等幅フォントとして「BIZ UDゴシック」が標準で入っているので、それを使うでもいいかも。

https://qiita.com/udoP_/items/286dc6c8ea6ff7845b28

今回はフリーの日本語等幅フォントに「源真ゴシック(げんしんゴシック)」があるので下記サイトから「genshingothic-20150607.zip」をダウンロードしてインストールする。

http://jikasei.me/font/genshin/

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/14053/098567fc-60a7-8285-3965-79412dc05c2f.png)
パッケージ中のすべてのフォントを入れてもいいが、Monospaceが等幅なのでレギュラーのみを追加する。
「GenShinGothic-Monospace-Regular.ttf」をダブルクリックしたフォント画面で「フォントをインストール」ボタンをクリックする。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/14053/4f20f68d-d5a1-4afc-3dd8-e650903d0dca.png)

「Sakura.app」をダブルクリックして、設定メニューの「フォント設定」をクリックする。
フォントの指定画面で「源真ゴシック等幅 Regular」を選択して「OK」ボタンをクリックします。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/14053/fd3e910d-3081-8c33-c67a-59ad446fe65a.png)

# 最後に
とりあえず Mac 上でサクラエディタが使えるようになりました。普段の仕事でもサクラエディタを使用しているので使い慣れたエディタの方がいいですよね。
これで他のアプリケーションとかも今後試してみたいと思います。