WineskinでMacでもWindowsアプリ(東方とか)を動かすまとめ


追記:2018年5月27日　High Sierra以降での起動方法について追加しました。

# 概要

- MacでWineskinというアプリを使って**Windowsアプリ(.exe)を無料で実行可能にします**。  
//ここでは東方紺珠伝を例にしますが、その他のアプリにも応用可能です。
![IMG_1670.jpg](https://qiita-image-store.s3.amazonaws.com/0/107093/f65b9024-c031-087d-1f41-04263aba7e6f.jpeg)


## 前文、Wineと派生プロジェクト
- 非Windows環境でWindowsアプリを動かすWineと呼ばれるプロジェクトには、ここで使うWineskin以外にも色々あります。  

- 無料でできるWineプロジェクトの派生まとめは別記事http://qiita.com/amasaku/items/c7e0eb1dfda21ccb1389 参照してください。  

- 有料でできる（WindowsOSが必要）なシステムは、
MacにWindowsそのものをインストールして使う**BootCamp**、
仮想環境上でWindowsを動作させるVirtualBoxなどの**仮想マシン**、
Wineの有料版に近い**Crossover**など様々なものがあります。
それぞれにメリット・デメリット、再現性などの差があります。
詳しくはこのサイトhttp://mattintosh.blog.so-net.ne.jp/56488099をご覧ください。

## ①.Wineskinのインストール


Wineskinのホームページはここhttp://wineskin.urgesoftware.com/tiki-index.phpです。


- 画面上部の**Downloads**をクリックしてください。
//もしこのプロジェクトを支援したくなったら*Donate!(PayPal)*から寄付してあげてください。
![スクリーンショット 2016-04-11 22.44.42 のコピー.png](https://qiita-image-store.s3.amazonaws.com/0/107093/3f914000-b177-761e-a09a-6013a68f41b3.png)


- **Wineskin Winery 1.7** をクリックしてください。sourceforgeに飛びます。
![スクリーンショット 2016-04-11 22.44.59 のコピー.png](https://qiita-image-store.s3.amazonaws.com/0/107093/48b9509f-239d-fd44-49f4-94ba02c927f9.png)

- 五秒ほど待てばダウンロードが開始します。
ダウンロードが完了したら出てきたzipファイルをダブルクリックなりで解凍してください。
![スクリーンショット 2016-04-11 22.45.03.png](https://qiita-image-store.s3.amazonaws.com/0/107093/e5b535a7-bcaf-42df-1e5f-a6385ac5f7c4.png)


- 解凍が完了すると、**Wineskin Winery** というアプリケーションが生成されます。
![スクリーンショット 2016-04-11 22.08.45.png](https://qiita-image-store.s3.amazonaws.com/0/107093/77bce2ff-7a5e-bdd6-0dca-d37a107ad414.png)


## ②.Wineskinの初回起動の基本設定
- zipを解凍して出てきたWineskin Wineryをダブルクリックします。
初回時には画像のような警告が出るかもしれませんが、開くを押してください。
//もし開くボタンのない警告が出た場合は、Wineskin Wineryを右クリック→開くを押してください
![スクリーンショット 2016-04-11 22.10.44.png](https://qiita-image-store.s3.amazonaws.com/0/107093/11384b68-a0fb-68db-57a8-c05db7523f35.png)


- 次のような画面が出てくればokです。中央部にある**+ボタン**をクリックしてください。
![スクリーンショット 2016-04-11 22.11.34.png](https://qiita-image-store.s3.amazonaws.com/0/107093/b20808e6-0de6-e85a-e2dd-29cd9971ca4e.png)


- Add Engineというウィンドウが出てきます。**WS9Wine** からはじまるリストボックスをクリックします。
![スクリーンショット 2016-04-11 22.11.45.png](https://qiita-image-store.s3.amazonaws.com/0/107093/651c802b-721c-64c8-c039-4daef25bd248.png)


- 使用するWineのバージョンを選択します。**基本的に数字が大きくなればなるほど最新版** で、動作は安定しています。
Wineには開発版と安定版の2つのバージョンがあります。開発版はバグがあろうが不安定であろうが新機能を盛り込もうというスタンスなので(気になるほど深刻なバグはほとんどありませんが)、**初心者は安定版をおすすめします** 。  
![スクリーンショット 2016-04-11 22.12.40.png](https://qiita-image-store.s3.amazonaws.com/0/107093/31c2b732-877c-fc42-bc8c-ae30be01f733.png)

  - **Wine公式サイトhttps://www.winehq.org/** のLatest Releasesで、最新のバージョンを確認できます。Stableが安定版、Developmentが開発版の最新バージョンです。  


  - // なお、公式サイトで公開された最新版がWineskinに登場するのは少し後のことになります。その場合、Stableの上二桁(画像なら1.8)が付くバージョンで一番大きい数字のものを選んでください。  

  - // また、ある特定のWineのバージョン以外では動かなかったり、他のバージョンだと不具合が発生するWindowsアプリもまれにあります。  
  アプリの相性に関してはWine公式サイト、**「AppDB」https://appdb.winehq.org/objectManager.php?sClass=application&sTitle=Browse%20Applications&sOrderBy=appName&bAscending=true** で検索して確認できます。日本語だと正常に出てこないので英語で検索してください(東方ならtouhouとかです)

- 選択し終えたら**Download and Install**をクリックします。今回は1.8.1を使用しました。
次の画面はOKで大丈夫です。
![スクリーンショット 2016-04-11 22.12.56.png](https://qiita-image-store.s3.amazonaws.com/0/107093/ac1cf7ff-53de-3ca9-6743-1eca26e217b9.png)


- Wineのインストールが終わり、さっきの画面に選択したバージョンが表示されていれば成功です。
![スクリーンショット 2016-04-11 22.13.05.png](https://qiita-image-store.s3.amazonaws.com/0/107093/f5867dc6-7328-3e96-9a7a-c2b56153038e.png)


## ③.app作成  
- さっきの画像の一番下、**Create New Blank Wrapper** をクリックします。

- **MyCoolWrapper** を好きな名前に変更してください。この名前がそのまま完成するアプリの名前になります。今回は東方紺珠伝を.app化するので東方紺珠伝と入力しました。
![スクリーンショット 2016-04-11 22.13.39.png](https://qiita-image-store.s3.amazonaws.com/0/107093/4ce1d8a9-1427-3531-2211-62ce95a17b32.png)
- OKします。
![スクリーンショット 2016-04-11 22.14.10.png](https://qiita-image-store.s3.amazonaws.com/0/107093/7c9c50e2-601e-c96b-0be9-b87e4a7fc7ce.png)

- 何か警告が出ますが、許可してください。たぶんネットワーク関係のものなので、拒否するとアップデート系に不具合が出るかもしれません。
![スクリーンショット 2016-04-11 22.14.20.png](https://qiita-image-store.s3.amazonaws.com/0/107093/9e3dfd10-2103-3194-0af9-b86a79f2ccd7.png)

- 色々出ますが基本的にInstallで進んでください。今必要なくても後々どうなるかわからないのでとりあえず入れといてください。
![スクリーンショット 2016-04-11 22.14.33.png](https://qiita-image-store.s3.amazonaws.com/0/107093/c1cc59b5-f209-f841-772a-02d289b1ef06.png)

- インストールが完了するとこの画面になります。**View wrapper in Finder** をクリックしてください。
![スクリーンショット 2016-04-11 22.15.34.png](https://qiita-image-store.s3.amazonaws.com/0/107093/272a4f76-17e1-f923-5d9b-1951f8887483.png)  


- たぶん /Users/ユーザー名/Applications/Wineskin の下に　**東方紺珠伝**　というアプリができているはずです。
// これに写っているth14とth15は個人的にテストで作ったものなので気にしないでください。
![スクリーンショット 2016-04-11 22.16.07.png](https://qiita-image-store.s3.amazonaws.com/0/107093/e6f26f92-b976-e9b4-2d4d-1d409a6d561c.png)


## ④.インストール
- ここから、今は空っぽの東方紺珠伝.appに東方紺珠伝をインストールします。

- さっきできた東方紺珠伝をダブルクリックして開きます。下のような画面がでてくるはずです。
// このときにエラーが出て開けなかったら、もう一度ダブルクリックしてみてください。
![スクリーンショット 2016-04-11 22.16.22.png](https://qiita-image-store.s3.amazonaws.com/0/107093/9a0ec73b-8b02-90b7-a0b1-9a9cf413230b.png)

- 紺珠伝をインストールする前に、フォントの設定をしておきます。上の画像の**Advanced** をクリックしてください。
//Wineは日本語環境が非力ですので、正しいフォントの設定をしてあげないと以下の画像のような文字化けを起こします。  
![スクリーンショット 2016-04-16 17.14.36.png](https://qiita-image-store.s3.amazonaws.com/0/107093/bbdfab74-3bd0-f2e4-e4de-ff10b8ea3cd1.png)

- 次の画面が表示されます。上部の**Tools**タブをクリックしてください。
![スクリーンショット 2016-04-11 22.16.56.png](https://qiita-image-store.s3.amazonaws.com/0/107093/b8042548-e8e2-ecfe-7709-946ad23085e3.png)

- 真ん中上の方の**Winetricks** をクリックしてください。
![スクリーンショット 2016-04-16 17.20.08.png](https://qiita-image-store.s3.amazonaws.com/0/107093/412ea778-c618-fe0c-4916-f60f30d26ba9.png)

- 左下の**Update Winetricks**をクリックして更新します。出てくるダイアログはOKで大丈夫です。
![スクリーンショット 2016-04-16 17.26.03.png](https://qiita-image-store.s3.amazonaws.com/0/107093/67c250df-dd1b-ba89-93e2-7718f84ad2d3.png)

- **fonts** をクリックして色々表示します。文字化け解消の**ipamona**とフォントを綺麗にするための**fakejapanese_ipamona** にチェックを入れて中段右の**Run**ボタンをクリックします。
ログに**Winetricks Commands Finished!** と表示されたら右下の**Close** を押します。
![スクリーンショット 2016-04-11 22.28.04.png](https://qiita-image-store.s3.amazonaws.com/0/107093/b40fa80d-db0e-77f9-c150-38237fc010a4.png)

- さっきの画面に戻ってきました。
ここからちょっとややこしいです。とりあえず、**Install Software** をクリックします。
![スクリーンショット 2016-04-11 22.24.06.png](https://qiita-image-store.s3.amazonaws.com/0/107093/ca92d80b-f0e5-ea98-8d17-e485078a1262.png)



- 分岐です
  - CDなどからの新規インストールは**Choose Setup Executable**を選択してください（この記事でこのまま紹介します）

  - あらかじめ動かしたいアプリがMac内にあるときや、WindowsにインストールしていたアプリをHDDやUSBでMacに移行するときは  
  **Copy a Folder Inside** でファイルをコピーするか、  
  **Move a Folder Inside** でファイルを移動させます　(→この方法は別記事で紹介予定です)
![スクリーンショット 2016-04-11 22.17.20.png](https://qiita-image-store.s3.amazonaws.com/0/107093/4f9fbe5e-1bf2-871a-7e81-4dff330ef77f.png)


## ⑤.CDからインストール
- **Choose Setup Executable** を選択して、Finderが表示されたら、東方紺珠伝のCDをコンピュータに接続してCD内の**setup.exe**クリックして右下のchooseで選択します。
![スクリーンショット 2016-04-16 17.28.29.png](https://qiita-image-store.s3.amazonaws.com/0/107093/f208d7bb-dbed-4433-101d-4bfa18eb2c9c.png)

- セットアップウィザードが開始します。次へをクリックします。
![スクリーンショット 2016-04-16 17.29.00.png](https://qiita-image-store.s3.amazonaws.com/0/107093/89b65be5-548a-600b-b278-5691aa436bd3.png)

- インストール場所はこだわりがなければこのまま次へでいいです。
![スクリーンショット 2016-04-16 17.29.04.png](https://qiita-image-store.s3.amazonaws.com/0/107093/8a7ca87d-9ef4-e5d1-ba31-0a0af7118cd8.png)

- Wineskinではこのデスクトップアイコンとかは役に立たないのでチェックボックスは外しておきます。
![スクリーンショット 2016-04-16 17.29.08.png](https://qiita-image-store.s3.amazonaws.com/0/107093/73f97851-e62b-bcf2-23a0-c0d9c25cc452.png)

- インストールを押してインストールします。
![スクリーンショット 2016-04-16 17.29.12.png](https://qiita-image-store.s3.amazonaws.com/0/107093/8027bffb-2b72-5e1f-40a8-8cbdc4d97562.png)

- ぜんざいでも食べましょう。インストールが終わるまで待機です。
![スクリーンショット 2016-04-16 17.29.16.png](https://qiita-image-store.s3.amazonaws.com/0/107093/06ad7a18-6df5-ad6d-051c-f8b8646a68a4.png)


- こんなダイアログが出てくるかもしれませんが、**NO** を押してください。
Wineskinで東方を動かす際に、このDirectXのインストール作業は必要ありません。
![スクリーンショット 2016-04-16 17.32.42.png](https://qiita-image-store.s3.amazonaws.com/0/107093/c4d4da69-0bcf-365c-a3ff-2d6e13d14d5e.png)

- 完了です。
![スクリーンショット 2016-04-16 17.32.48.png](https://qiita-image-store.s3.amazonaws.com/0/107093/e5fa16fd-e44e-a8a0-7cce-165395a7d16c.png)

- 使うのはどのexeだと聞かれますので、プルダウンメニューから末尾が**th15.exe** のものを選択してください。
![スクリーンショット 2016-04-16 17.32.56.png](https://qiita-image-store.s3.amazonaws.com/0/107093/3a0d8780-b1f0-d6a2-c1d0-723604aca371.png)

- またこの画面です。今度はフルスクリーン時の挙動を調整します。 
  真ん中下の**Set Screen Option**をクリックしてください。
![スクリーンショット 2016-04-11 22.24.06.png](https://qiita-image-store.s3.amazonaws.com/0/107093/1f953b5a-29e6-5245-9d65-ae3d4edf3297.png)

  - //この時点で動くことは動きます。右下のTest Runをクリックすると、起動します。  
ただし、フルスクリーンで起動すると画面が黒白で点滅した後に真っ黒の画面が表示され効果音が高速で流れるカオスな状態になってしまいます。東方（Wineskin）側はキーを一切受け取ってくれず、**普通の方法での終了が不可能**になります。死にたがり以外はやめたほうがいいです。
    - もし間違って何も操作できなくなった時は**Command + Tab**キーでデスクトップに戻ってアプリを強制終了してください。  

- 右上のAutomaticを**Override**に変更して、画像のように編集してください。終わったら右下の**Done**でこのWindowを閉じます。
//ここはかなり環境依存です。自分の環境にあった設定を探してください。~~とりあえず自分の環境はこれで正常に動きました。~~
 - High Sierra以降のOSを使用する場合、**Auto Detect GPU for Direct 3D**のチェックを外さないと正常に起動しないようです。　http://wineskin.urgesoftware.com/tiki-view_blog_post.php?postId=87
![スクリーンショット 2016-04-11 22.35.08.png](https://qiita-image-store.s3.amazonaws.com/0/107093/10db60b3-42e7-b570-d10d-9b4e888e3121.png)


  - //右下のOther Options内の**Use Mac Driver instead of X11**にチェックを入れていますが、僕が過去にWineをいじくり回した時にX11アプリケーションをインストールしていたため成功しているのかもしれません。もしエラーが出るならX11アプリケーションを https://support.apple.com/ja-jp/HT201341 ここからインストールしてください。

  - 右下のUse Direct3D Boost (if available)はチェックしても大差ありませんでしたが、バグが有るっぽいのでチェックしないほうがいいかもしれません。





- また例の画面です。右下の**Test Run**で一度動かしてみましょう。
![スクリーンショット 2016-04-11 22.24.06.png](https://qiita-image-store.s3.amazonaws.com/0/107093/2a40201a-e873-e8d5-6f5b-9104df8237b0.png)

- 解像度設定画面が出ます。フルスクリーンで起動するにもチェックを入れて一度フルスクリーンで起動してみましょう。
//エラーが起きた時のために**Command + Tab**キーの位置を確認しておいてください。
![スクリーンショット 2016-04-11 22.30.18.png](https://qiita-image-store.s3.amazonaws.com/0/107093/4288c639-b05b-adf0-4090-9f117dd022e0.png)

- しばらく白黒とちらついたあとに、タイトル画面が表示されれば成功です。Congratulations!
//　ちゃんと表示されなかったらまず、三個前の画像で紹介したスクリーンオプションを見なおしてください。
![IMG_1670.jpg](https://qiita-image-store.s3.amazonaws.com/0/107093/e97d1d11-f5db-7297-e8e5-2b4b658528b0.jpeg)


このままプレイしても問題ありませんが、一旦終了してください。

- こんなダイアログが出て来ますがキャンセルで構いません。Viewを押すとログを見せられます。
![スクリーンショット 2016-04-11 22.23.44.png](https://qiita-image-store.s3.amazonaws.com/0/107093/a40ec807-67b7-a4ed-5064-23e50f182f8a.png)


- 残りに幾つかWineskinのウィンドウが残っているかも知れませんが、全部閉じて構いません。

## ⑥.あとがき
- 完成したアプリを起動するにはLaunchpadに作成されている東方紺珠伝.appをクリックするか、　/Users/ユーザー名/Applications/Wineskin/東方紺珠伝.app をクリックしてください。  解像度設定画面が表示された後、普通に起動できるはずです。

- 何かあればこのTwitterにでも　https://twitter.com/amasaku_ime

お疲れ様でした。