Safari Web Extensionの実装を理解する

iOSDC 2022の発表で、Safari Web Extensionについての発表があった。

noppeさんが会期中にすぐに実装して役立ててるツイートを見て、

なんと、そんなにサッと作れるものなのか、とコードをgit cloneして見てみたところ、おーなるほどなるほど、ここがこうなってるわけね、簡単そう、とはならなかった

ただ、おそらく多くはテンプレート由来のものなので、まずテンプレートを理解して、そこからの差分で見れば実装部分だけがシンプルに見えてくるはず。

普段は(PCでは)Chromeを使っていてSafariはメインブラウザではないのだけど、以下の観点で「Safari Web Extensionを自分で作れるイメージ」を持っておくと良さそうに思う。

  • iOSのSafariのExtensionも作れる

  • Xcodeで開発できる

  • Chromeをメインで使っている主な理由はOneTab。ただコンテンツが増えすぎて非常に重くなってきている。自分用に改善したSafari向けOneTabがつくれるなら乗り換えても良さそう。

というわけで上述の発表を参考にまずはSafari Web Extensionのテンプレートプロジェクトを眺めてみる。

テンプレートをMac向けにビルドしてみる

ここから先は

4,418字 / 8画像
文章やサンプルコードは多少荒削りかもしれませんが、ブログや書籍にはまだ書いていないことを日々大量に載せています。たったの400円で、すぐに購読解除してもその月は過去記事もさかのぼって読めるので、少しでも気になる内容がある方にはオトクかと思います。

技術的なメモやサンプルコード、思いついたアイデア、考えたこと、お金の話等々、頭をよぎった諸々を気軽に垂れ流しています。

最後まで読んでいただきありがとうございます!もし参考になる部分があれば、スキを押していただけると励みになります。 Twitterもフォローしていただけたら嬉しいです。 https://twitter.com/shu223/