Macでサクラエディタを使用する方法(無料のWineskinServer)

# はじめに
Macでサクラエディタ的なテキストエディターとして、「[CotEditor](https://coteditor.com/)」を使用しています。
Wineを使用すればサクラエディタが使えるんじゃないかと以前に調べたことがあったのですが、管理機能をもたせたWine環境「[EasyWine](https://booth.pm/ja/items/1669411)」や「[CrossOver Wine](https://www.codeweavers.com/crossover)」が有料ということもあって放置していました。

仕事にて別件で調べものをしていたら下記サイトを見つけました。これならMacでサクラエディタが無料で動くんじゃないかと思って、帰宅後に試したら動くことを確認できたので記事を書いてみました。

http://c-lege.hacca.jp/ukgk/ukgk_at_mac.html#wineskin-section

## Whisky版の記事紹介
【2025/02/01追記】
SwiftUI を利用してインストールが簡単になった「Whisky」を使用した記事を書きました。

https://qiita.com/yaju/items/280adb1d13b411e114c3

# macOS上でWineの32bitアプリ対応
macOS上で動作するWine環境は、Mojaveまでは32bitと64bitアプリの両方にOSが対応していたものの、Catalina以降は64bitのみの対応で32bitは切り捨てられてしまった。これが原因で、Windowsアプリの32bitが動かなくなるという状況になっていた。

|バージョン|名称|リリース日|Wine環境|
|:--|:--|:--|:--|
|macOS v10.14|Mojave|2018年9月25日|32bit/64bit|
|macOS v10.15|Catalina|2019年10月8日|64bit|
|macOS v11|Big Sur|2020年11月13日|64bit|
|macOS v12|Monterey|2021年秋予定|64bit|

そんな中で、唯一「CrossOver 19」が32bit/64bit変換レイヤ(llvm/clangベースの特別なコンパイラを使用して64bit環境で32bitバイナリを実行する仕組みであるwine32on64を実現)を備えて、2019年12月10日にリリースを行なっていた。
https://www.codeweavers.com/crossover/changelog
CrossOverのパッケージは有償であるが、WineはGPLなのでWineをベースとするCrossOverは[ソースコードを公開](https://www.codeweavers.com/crossover/source)したことにより有志が動いた。

今回使用する「WineskinServer」は、Wineskin(既に開発停止)としては非公式であるが、CrossOverのソースコード公開により有志が32bitソフトを64bitPCで動かすCrossOverWineの仕組みを導入してこのアプリの拡張を行ったものです。

https://github.com/Gcenx/WineskinServer

# 環境
* Mac Book Pro(2.3 GHz 8コアIntel Core i9) Big Sur 11.6

Intel Mac上で確認しました。M1 Mac上では持参していないため未確認です。
下記サイトにて同じ仕組みで秀丸エディタとWinSCPをM1 Mac上動かしているので問題ないと思われます。

https://pc.watch.impress.co.jp/docs/column/nishikawa/1332743.html

# WineSkinの導入と設定
## WineSkinダウンロード
[Github Gcenx/WineskinServer](https://github.com/Gcenx/WineskinServer)のページに従って、homebrewでインストールします。

【2024/10/13追記】
WineskinServerからkegworksに変更されています。

```bash:新しいインストール方法
brew upgrade
brew uninstall --force --zap wineskin
brew install --cask --no-quarantine gcenx/wine/kegworks
```

```bash:以前のインストール方法
brew install --no-quarantine gcenx/wine/unofficial-wineskin
```

homebrew自体がインストールされていない場合、下記サイトを参考にhomebrewをインストールしてから上記を実行してください。

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

コマンドを実行すると最終的にアプリケーションフォルダに「Wineskin Winery.app」が出来ます。

```
% brew install --no-quarantine gcenx/wine/unofficial-wineskin
Updating Homebrew...
==> Auto-updated Homebrew!
Updated 2 taps (homebrew/core and homebrew/cask).
==> New Formulae
︙
####################################################################### 100.0%
Warning: No checksum defined for cask 'unofficial-wineskin', skipping verification.
==> Installing Cask unofficial-wineskin
Warning: macOS's Gatekeeper has been disabled for this Cask
==> Moving App 'Wineskin Winery.app' to '/Applications/Wineskin Winery.app'
🍺  unofficial-wineskin was successfully installed!
``` 

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/14053/8b7262ed-ce70-1531-ec3b-2865549dd15b.png)

## 最新のエンジンを導入
アプリケーションフォルダに「Wineskin Winery.app」をダブルクリックします。
下記の画面が起動するので、「+」ボタンをクリックします。
現時点で最新(通常は先頭)の「WS11WineCX64bit20.0.4」を選択しました。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/14053/34d948ed-557b-e229-eeeb-2e3ffa75d3a5.png)  ![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/14053/1c4628d9-71fc-66d6-51d9-1a59202ab5b7.png)

## 最新のラッパーを導入
Wrapper versionのところの「update」ボタンをクリックして、WineSkinの最新のラッパーをインストールします。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/14053/bf19bcb2-17c6-b367-d249-fcf9b90beb3d.png) ![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/14053/03d21f66-7aa6-3745-9088-24d571407ad2.png)

## ラッパーを作成
「Create New Blank Wrapper」をクリックし、好きな名前を設定( Sakura.app とか)し「OK」ボタンをクリックすればラッパーの作成が開始されます。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/14053/50540e0b-efb4-6ed8-1050-a6578679c90b.png)

作成が終わり「view folder in Finder」をクリックすれば、設定した名前のWineSkinラッパーアプリが「/Users/ユーザー名/アプリケーション/WineSkin/」の下に生成されます。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/14053/2277bfa4-9f34-df12-d185-b00f71bf9369.png)

## サクラエディタを用意
今回のサクラエディタは公式の32bit版を使用します。有志による[64bit版](https://sourceforge.net/p/sakura-editor/wiki/64bit/)もあるようです。

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

今回は、zip版をダウンロードしました。そのままダウンロードフォルダ上にzipを展開しました。

## サクラエディタのフォルダをWineSkinラッパーに入れる
設定画面で「Install Software」を選択します。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/14053/86d40ada-9160-39f7-aa68-bfe35303cb20.png)

「Move a folder inside」又は「Copy a folder inside」を選択します。今回は「Copy a folder inside」を選択しました。
※インストーラー版の場合、「Choose Setup Executable」を選択する。秀丸エディタを例にした[サイト](https://pc.watch.impress.co.jp/docs/column/nishikawa/1332743.html)があります。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/14053/ce89f001-bdcb-4b22-a37b-974297a0b903.png)

ダウンロードフォルダ上にあるzip展開したサクラエディタのフォルダを指定します。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/14053/732d88c7-2e23-e8b1-576e-a379237f9fd1.png)

アプリの起動のためのexeファイルの場所を選択します。「OK」ボタンをクリックし「quit」で画面を閉じます。

### パッケージ内容の確認
これは実施しなくてもいいです。どういう仕組みなのかを知るためです。
「Sakura.app」の右クリックメニューで「パッケージの内容を表示」をクリックします。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/14053/8cf4982c-8e4b-834b-8f9f-9976213b6c1a.png)

中身はこんな感じになっているんですね。フォルダ名を綺麗に直しておけば良かったかな。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/14053/497f3243-0925-e66b-ca69-9c8b19714c83.png)

## サクラエディタの起動
「[ユーザー名]/ アプリケーション/Wineskin/Sakura.app」をダブルクリックします。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/14053/f52526d5-40c8-ae2f-3797-5c0835f8fb20.png)

メニューの日本語も表示されていて英数文字入力も何も問題なさそうに思えたのですが、漢字を入力しようとしたところでIMEのフォントが真っ黒豆腐「■」になっていました。なお、変換後の漢字は正常に表示されます。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/14053/73738a98-97ba-26bd-32d6-3ad9dbb0b3b8.png)

## フォントのインストール
フォントの問題を解決していきます。
下記フォントをインストールすることで、IME上変換文字も正しく表示されるようになります。

### fakejapaneseの導入
Wineは標準では普通のWindowsが標準搭載しているライブラリ、フォント類がかなり抜けています。必要に応じて「winetricks」を用いてこれらのライブラリ、フォントを導入できます。

「Sakura.app」の右クリックメニューで「パッケージの内容を表示」をクリックします。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/14053/8cf4982c-8e4b-834b-8f9f-9976213b6c1a.png)
「WineSkin.app」をダブルクリックすると設定画面が起動します。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/14053/57bd084a-71d7-6d8e-9ef5-4a968b9e8a6f.png)
「Advanced」を選択すると詳細設定画面が開きます。
※最新版では「Set Screen Options」から「Winetricks」に変更されています。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/14053/f1e30b3c-7a3f-2750-ea68-2c588cc6d2be.png)
詳細設定画面の「Tools」タブの「winetricks」を選択します。
※最新版では「Set Screen Options」の位置に「Winetricks」が配置されています。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/14053/e2918b33-b26b-dc0e-3560-41c6ad2f23d3.png)
検索窓に「fakejapanese」を入力します。fontsの配下に「fakejapanese」が表示されてきます。これにチェックを付けて「Run」をクリックしてインストールします。
いろいろインストールされるのがパネルに表示され、終わると「Close」ボタンが有効になるので終了する。
フォントのダウンロードに少し時間がかかりますが、しばらく完了するまで待ちましょう。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/14053/846491aa-8a16-e94b-1fd5-9a1c8dc9db9f.png)

これにより日本語環境に必要な、「MS (UI/P)Gothic」、「MS(P)Mincho」、MS(P)ゴシック」、「MS(P)明朝」などのフォント名が追加される。ただし、実際該当するフォントがインストールされるわけではなく、fakejapaneseという名の通りシステムにある何かの代替えとなる。

【2022/06/13追記】
「fakejapanese_ipamona」をインストールすると、依存している「fakejapanese」パッケージも同時にインストールされる。ipamonaフォントをインストールしなかった場合、適当なフォント置換を行っていないため可読性の低いフォントになる可能性がある。「fakejapanese_vlgothic」はメイリオフォントの代替フォントとなる。

https://scienceboy.jp/88io/2020/04/wine-customize/

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

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

### 日本語等幅フォントの追加
追加するフォントはパッケージ内のdrive_cへ入れる必要はなく、macOSに登録するだけで良い。

https://pouhon.net/font-programming/4990/

今回はフリーの日本語等幅フォントに「源真ゴシック(げんしんゴシック)」があるので下記サイトから「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)

## アイコンの変更
今後複数のアプリケーションを入れた時にアイコンが同じWineskineアイコンだと見分けにくいのでアイコンを変更します。
サクラエディタのアイコンとして下記サイトの「メモ帳もどき」をダウンロードしました。

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

「Sakura.app」の右クリックメニューで「パッケージの内容を表示」をクリックし、「WineSkin.app」をダブルクリックすると設定画面が起動します。
「Advanced」を選択すると詳細設定画面が開きます。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/14053/f1e30b3c-7a3f-2750-ea68-2c588cc6d2be.png)
詳細設定画面の「Configration」タブの「Icon」の「Browe」にてサクラエディタ用のアイコンを選択します。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/14053/f5ede02a-22ab-b1ad-7dc6-6dc5b1bb5f0e.png)

うーむ、Launchpad の右クリックメニューのアイコンは切り替わったものの、通常表示のアイコンが切り替わらないですね。下記サイトではアイコンが変わっているので、再起動するとか何かで切り替わるタイミングとかあるかも知れません。もしかしたらインストールする段階で先に設定しておいた方がいいのかも。

https://bulesky58.com/?p=3404

~~再起動しても変わらなかったです。分かる方がいたらコメントで教えてください。~~
何かのタイミングで変更されました。

# 最後に
とりあえずMac上でサクラエディタが使えるようになりました。普段の仕事でもサクラエディタを使用しているので使い慣れたエディタの方がいいですよね。
「秀丸エディタ」については自分はライセンスを持っていないので確認していませんが、「環境」のところに記載したサイトで同様に「WineskinServer」を使用して動作を実現させています。

これで他のアプリケーションとかも今後試してみたいと思います。