2021-09-09

MacSafariはてなブックマーク拡張を使う

経緯

Chrome/Firefoxはてブ機能拡張は配布されているが、MacSafari機能拡張は数年前から配布されていない

Safariに乗り換える際の個人的障壁であったが、Chrome機能拡張Safari向けに変換して利用する事ができたので、メモ代わりに記しておく。

必要もの


インストール手順

1. Chromeアドレスバーに「chrome://extensions/」と打ち込み、機能拡張の画面を表示する。

2. 同画面右上の「デベロッパー モード」をONにする。

3. 同画面内の「はてなブックマーク」の欄に表示されている「ID:xxxxxx」を次手順で使用する。

4. FinderChromeはてブ機能拡張インストールされているフォルダ存在する事を確認する。

/Users/(ユーザー名)/Library/Application Support/Google/Chrome/Default/Extensions/(手順3のID名)/(バージョン番号)

5. ターミナルを起動して、以下コマンド入力後にReturnキーを押す。この際に「Is this correct?」と表示されたら「yes」入力後にReturnキーを押す。

xcrun safari-web-extension-converter (手順4のフォルダパス)

6. XCodeが起動されるので[▶]ボタンを押して、Safari向け機能拡張ビルドする。(ビルド後に起動されたアプリは終了して良い)

7. Safariを起動して、「開発」>「未署名機能拡張許可」を押す。(「開発」メニューは、「Safari」>「環境設定」>「詳細」>「メニューバーに“開発”メニューを表示」で表示される)

8.「Safari」>「環境設定」 > 「機能拡張」にてはてブ機能拡張のチェックを入れ有効化する。

9. Safariアドレスバーの横にはてブアイコンが表示されていればインストール完了

インストール後の設定

1. はてブアイコンに [▲] のアラートが表示されている場合アイコンを押して「すべてのWebサイトで常に許可」を選択する。

2. はてブアイコンを押すと表示される利用規約画面で「同意する」を押す。(なお「同意する」を押しても何もリアクションがないので、手動でタブを閉じる必要がある)

3. はてブアイコンを押して見慣れたはてブコメント一覧が表示されていれば設定完了

おまけ

上記手順では基本的Safari再起動する度に「未署名機能拡張許可」を行ってはてブ機能拡張有効化する必要がある。

メニューから選択するだけの手間であるが、頻繁にSafari/Mac再起動するので面倒という場合には以下手順にて機能拡張署名を行っておく。

なお、この手順に際してApple IDが必要となる。

1. 上述したインストール手順の「手順6」にてXCodeが開いている状態で画面内サイドメニューからはてなブックマーク」を選び、画面中央上部の「Signing & Capabilities 」タブを押す。

2.「Signing」>「Team」で自身Apple IDを選択する。(選択リスト内に存在しなければ「Add an Account…」でアカウント追加後に選択する)

3.「Signing」>「Signing Certificate」で「Developement」を選択する。

4. 手順2-3を「Target」の「はてなブックマーク」と「はてなブックマーク Extension」の両方で実施後、[▶]ボタンを押して、Safari向け機能拡張ビルドする。

5. Safariにて「開発」>「未署名機能拡張許可」を外した状態でもはてブ機能拡張が表示されていれば完了

はてな運営の方へ

Safari機能拡張の再配布をお願いします😭

修正/追記 (2021/9/9 12:48)

記事への反応(ブックマークコメント)

ログイン ユーザー登録
ようこそ ゲスト さん