Chromeの拡張機能をSafariで使う方法（macOS Monterey, Safari 15.6）
- 躓《つまづ》いたところ
- うまくいった方法
- 1. 変換したい拡張機能のChromeストアURLを取得する
- 2. 拡張機能のソースコードを入手する
- 拡張機能のCRXをダウンロードする
- .crxファイルをzipファイルに変換する
- zipファイルを解凍する
- 3. 変換コマンドを実行
xcode-selectコマンドで下準備- safari-web-extension-converterで変換する
- 4. Xcode上での作業
- コンパイルエラー修正
- 5. 変換できた拡張機能を有効にする
- Safariを開発モードに
- 後記
表題の通りです。 「 Chrome Safari 拡張機能」とか検索すれば解説記事が沢山出てくるんですが、検索結果トップ 2 つ 3 つ辺りのやり方は同じで、その通りにやっても出来なかったので少しルートが違う方法のメモです。基本のやり方は同じですが、変換したい拡張機能のソースコード一式を入手したりします。
躓《つまづ》いたところ
ちなみに検索して出てくる方法のどこで躓いたかと言いますと、ド頭、変換したい拡張機能の保存場所を見つけるところです。/Users/ （ユーザー名） /Library/Application Support/Google/Chrome/Default/Extensionsの中に、拡張機能の ID と同じフォルダがあるよと書かれているんですが、無いのです。ID どころか、拡張機能けっこう沢山入れてるのに該当フォルダには 2 、3 個しかフォルダがありません。はて……
うまくいった方法
というわけで、自分が取った方法はこちらの動画の方法です。
外人さんが詳しく解説してくれてるのでこの通りにやれば出来ましたが、エラーが発生したりと一筋縄ではいかなかったので自分の場合の手順を書いておきます。
1. 変換したい拡張機能のChromeストアURLを取得する
というわけで、いきなり手順が異なります。ググって見つかる方法ではインストール済みの拡張機能一覧から ID をコピーするよう書かれていますが、こちらの方法では Chrome ストアの URL を使います。なので、Chrome にインストールしなくても変換できると思います。
例えば、今回筆者が変換したのはバックスペースキーでのブラウザバック機能を復活してくれる拡張機能
『Go Back With Backspace』なので、Chrome ストアの URL は下記になります。
https://chrome.google.com/webstore/detail/go-back-with-backspace/eekailopagacbcdloonjhbiecobagjci?hl=ja余談ですが、各ブラウザからバックスペースキーで戻る機能を削除した罪深い連中は、全人類がこれまでにバックスペースキーを使ってブラウザバックした回数の総数と同じ回数、鞭で打たれるべきだと思います。
2. 拡張機能のソースコードを入手する
拡張機能のCRXをダウンロードする
CRX Extractorを使って拡張機能のパッケージをダウンロードします。下記サイトで
〈 START FOR FREE 〉ボタンを押すと URL を貼り付ける欄が出てくるので、控えた URL をペーストして
〈 DOWNLOAD 〉ボタンを押します。ボタンが
〈 GET .CRX 〉に変化するので、もうその一度ボタンをクリックするとextension_2_1_0_0.crxみたいなファイルがダウンロードできます。
後でわかりやすいように、ここで拡張機能の名前を表すようなファイル名に変更しておくといいかもです。
Get .CRX Chrome Extension file, it's source code and download .CRX to your computer.
https://crxextractor.com
.crxファイルをzipファイルに変換する
引き続き CRX Extractor のサイトで、今度は
〈 Drop downloaded .CRX and get source code 〉の欄にダウンロードした .crx ファイルをドラッグ＆ドロップします。
〈 GET SOURCE CODE 〉ボタンが現れるので、クリックして zip ファイルをダウンロードします。
CRX パッケージは基本 zip ファイルらしいのですが、独自のヘッダが付いててそのままだと解凍できないということで、この作業でそれを取り除くようです。
zipファイルを解凍する
変換した zip ファイルを解凍します。manifest.json やアイコンが入っている icons フォルダなどがでてきます。これが拡張機能のソース一式というわけですね。
こんな感じで拡張機能のソースコード一式が手に入ります。
3. 変換コマンドを実行
ソースコード一式が手に入ったところで、Xcode の CLI ツールを使って Safari で使えるように変換します。ターミナルでの作業になります。
とりあえず Xcode が無いと話にならないので、インストールしてない場合は AppStore から入手します。容量大きいのでインストールにはかなり時間がかかります。
Xcode - App Store
https://apps.apple.com/jp/app/xcode/id497799835?mt=12
xcode-selectコマンドで下準備
Xcode が準備できたら、徐《おもむろ》にターミナルを起動して下記コマンドを打ちます。
これは Xcode が複数インストールされている場合に、コマンドラインからの各種コマンドがどのバージョンの Xcode を使うかを指定するもののようです。これを実行しておくことでどのディレクトリからでも Xcode 関連コマンドが使える様になります。-sはおそらく--switchと等価で「この場所の Xcode に切り替えてね」みたいな意味合いかと。管理者権限が必要なので頭にsudoです。
sudo xcode-select -s /Applications/Xcode.appsafari-web-extension-converterで変換する
続いて本命の変換コマンドです。xcrunコマンドを使ってsafari-web-extension-converterを実行します。
xcrun に渡すsafari-web-extension-converterのパスがフルパスなのは、環境変数にパスが正しく設定されていない可能性があるからだそうです。直前の xcode-select はあくまで xcrun にのみ有効で、その引数に指定するパスは関係ないというわけです。
2 番目のパスは変換したい拡張機能のパスで、先の手順で解凍したソース一式のパスを指定します。こっちももちろんフルパスです。
xcrun /Applications/Xcode.app/Contents/Developer/usr/bin/safari-web-extension-converter /Users/（ユーザー名）/Downloads/Go Back With Backspace時に、Mac のターミナルと言うか zsh って引数にパス渡す時にスペースあっても大丈夫なんですね。どこまでをパスと判断してるんだろ。ふしぎ。
Xcode未実行の場合のライセンス同意
Xcode を一度も起動したことがないまま上記コマンドを実行すると、Xcode へのライセンス同意を促される事があります。ターミナル上で同意できるようになってはいるのですが、同意には管理者権限が必要なので、今回のコマンドでは同意に失敗します。ターミナル上でライセンス同意するためのコマンドもあるみたいですが、一旦 GUI 上でサクッと Xcode を起動しちゃって、おなじみのダイアログから Agree しちゃうのが手軽かなーと思います。
コマンドラインからもちゃんと同意できるようになってるのは流石ですねー。
ライセンスに同意できたら改めて先程のコマンドを実行することで、変換作業が行われます。ターミナル上にはなにやら警告など表示されますが、そのまま Xcode が起動してプロジェクトが読み込まれた状態になります。
4. Xcode上での作業
コンパイルエラー修正
さて変換作業も大詰め、あと一歩です。
手順としては Xcode 上で実行ボタン（再生アイコン）を押せば済むはずなのですが、自分の環境ではコンパイルエラーになってしまい、その修復作業が必要でした。こういう時のコンパイルエラーってうんざりしますねー（笑）。
コンパイルエラーの様子。
エラーメッセージを見るに、コンパイルには署名が必要みたいですね。署名するには、開発チームが必要ですとあります。
筆者は昔 Apple Developer Program に登録していたアカウントを持っているので、とりあえずそれを使うことにしました。課金しなくなり久しく、放置状態のアカウントでしたが問題ありませんでした。
Xcode のアカウント追加画面
Xcode の 〈設定〉 → 〈アカウント〉で、Apple ID を追加。今はもう課金してないとは言え、昔はデベロッパープログラムに登録してアプリなども公開していたアカウントで、チーム設定などもその時に済んでいるのですんなり通りました。この辺、普通の ID だとどうなるのかちょっとわからないです。すみません。
Xcode にアカウントを追加すると、先程の Xcode プロジェクト設定の 〈 Signing & Capabilities 〉の Team のところから追加したアカウントのチームが選択できるようになります。自分のアカウントの Personal Team を設定した状態でコンパイルすると、今度はエラーもなくコンパイル成功しました。
5. 変換できた拡張機能を有効にする
Safariを開発モードに
やっと変換作業が終わりました。これで拡張機能が既に Safari に追加されているのですが、そのままだと表示されません。 〈設定〉 → 〈詳細〉ページの一番下にある 〈メニューバーに“開発”メニューを表示〉にチェックを入れて Safari をデベロッパーモードにします。
さらに、デベロッパーモードでのみ表示される 〈開発〉メニューの下の方にある、 〈未署名の拡張機能を許可〉を選択します。これで Safari の 〈設定〉 → 〈拡張機能〉のページに変換した拡張機能が表示されるようになります。
もちろん初期状態では有効になっていないので、チェックを入れて拡張機能を有効にします。閲覧する全ての Web サイトのデータを読み取れるなどと物騒な警告が出ますが、これは Chrome でも同じ。ブラウザ拡張機能はそういうものなので仕方ないです。
Go Back With Backspace が Safari に降臨！
というわけで、苦労の甲斐あってChrome の拡張機能を Safari に移植する事に成功しました！
ざっと使ってみた限りは正しく動作してるようです。これで Safari でも Backspace でブラウザバックができるようになりました！
ちなみに、拡張機能を導入するとそのアイコンがウィンドウ右上に追加されますが、ツールバー上を右クリックして 〈ツールバーのカスタマイズ〉から削除できます。Safari のタブはアドレスバーと統合されていてスッキリしているので、統一感のない拡張機能のアイコンでごちゃごちゃさせたくないですね。
後記
というわけで、Chrome 拡張機能を Safari で使えるようにする方法、自分の場合でした。
ぶっちゃけ手間ですよねー。まあこれだけの手間をかけても使いたいと思える拡張機能しか変換しなくなるので、本当に必要なものを厳選できて良いかもしれません。自分も今の所 Go Back With Backspace 以外はもういいかなってなってます。あでもキーボードで快適にブラウジングできるようになるMoly HaHは欲しいかな。あとReturn YouTube Dislikeは要《い》るなー（笑）。
この記事はここで終わりです。
読んでいただきありがとうございました。
良かったらシェアしてね！
That's all for this article. Thank you for your reading.
Please share this if you like it!
