Appleが昨年発表したMacやXcode、SafariなしでもSafari機能拡張を開発＆パッケージ化しmacOSやiOS/iPadOS、visionOSへ配布できる「Safari Web Extension Packager」用のサンプルコードを公開しています。詳細は以下から。
Appleは2026年06月に開催したWWDC26で、FirefoxやChrome用の機能拡張を開発するユーザーが、MacやXcodeなどのSafari用機能拡張の開発環境を揃えなくてもSafari機能拡張を開発できるようApp Store Connectに「Safari Web Extension Packager」という機能を実装したと発表し、
WWDC26:What’s new in WebKit for Safari 27
このSafari Web Extension Packagerに機能拡張のmanifest.jsonやJavaScript、HTMLコードをzipファイルでまとめてアップロードすれば、Apple側が機能拡張をアプリにパッケージ化して配布できるようになっていましたが、
Safari Web Extension Packager
WWDC26では、この「Safari Web Extension Packager」を利用したSafari機能拡張の開発と配布する方法をまとめたセッション「Create web extensions for Safari」とサンプルコードが公開されています。
WWDC26:Create web extensions for Safari
Create web extensions for Safariでは、AppleでSafari Extensionsエンジニアを務めるKiara Roseさんが、SNSなど長時間見てしまうWebサイトを最長10分間でブロックする「Shiny OnTrack」というサイトブロッカーの開発を通して、MacやXcode以外のPCやエディタ環境で機能拡張を開発する方法とSafari Web Extension Packagerの使い方が紹介されており、
WWDC26:Create web extensions for Safari
macOS 27 Golden GateやiOS/iPadOS 27、visionOS 27以降のSafari 27で使えるサンプルコードも公開されているので、WindowsやLinux PC、VS Coodeなどの開発環境でSafari機能拡張を開発したい方はチェックしてみて下さい。
Building and testing a Safari web extension
おまけ
なお、作成したSafari機能拡張をアップデートする過程で、macOSやiOS/iPadOS、visionOSアプリとの連係やネイティブ機能を実装する場合は、MacとXcode環境を揃え、以下のxcrunコマンドを実行すればソースをXcodeへエクスポートできるそうです。
xcrun safari-web-extension-packager -copy-resources /path/to/extension
What’s new in WebKit for Safari 27
Create web extensions for Safari
- Building and testing a Safari web extension – Apple Developer Documentation
コメント