Tasks to release Extension for Edge
/icons/pastak.icon Pasta-K @ ToKyoto.js
こんにちは
京都大学工学部情報学科5回生
SW-3377-1978-8675
Nota Incでアルバイトをしています
普段はKyoto.jsでブラウザ拡張やReactでお絵かき機能を書く話などをしています
https://gyazo.com/422954eb4591d345c7d507cae73748ae
Nota Inc
Gyazoは今月10周年
https://gyazo.com/f9978eca58ad6b127f694093bc8e3c39
We're Hirering
Gyazo 月間1000万UU 6600万PV / month
Scrapbox
JavaScript (React) / Ruby on Rails / Golang / NodeJ
Mac / Windows / iOS / Android App
Kyoto or Everywhere
Tokyo, Yokohama, Hokkaido, USA, Australia
明後日渋谷で生誕祭あるんで良かったら遊びにきてください
https://gyazo.com/8d776fa9d2fbc0a20f35af66f7b14712
今日の話
話すこと
Extension for Edgeをリリースするための実作業
完成した拡張のリリースについて
話さないこと
Edge移植のための小手先のテクニック
Edge拡張実装の苦労話
Extension for Edge
Windows 10に載っているEdgeブラウザのための拡張機能
WebExtension互換
.appx形式で配布
インストールは他のWindows向けアプリと同じWindows Store経由
Gyazo Extenison for Edge
https://gyazo.com/ea40a01c8e3932871f6977ebd6dd5ede
Chrome, Firefox向けにリリースしているブラウザ拡張の移植版。
現在のEdge拡張のストア内の様子
現在64個の拡張機能が公開されている
少ない……
世の中に実際にやった人少なそうなのでやっていき方を順を追って紹介します
Edge向けの拡張をリリースするまで
拡張を作る 💪
MSの開発者向けアカウントを取る
アプリ名を予約
Extensionの申請を出す
アプリケーションリリースの申請を出す
ストアに公開される
ユーザーに配布する
拡張を作る
Chrome拡張ある人→移植頑張りましょう
無から生み出す人→やっていきましょう
ChromeかFirefoxでも動くようにしておくとベター（後述）
先日のbuildersconで話したのでそっちを見てくれ
https://www.youtube.com/watch?v=HCFNaB-Gq-w
拡張のパッケージング
manifoldJSとかを使うと良い
manifest.xml内のIDとか適当に置き換える
ドキュメントにもひょっこり載ってるが、edgeextension/manifest/Assetsの中の Square150x150Logo.png Square44x44Logo.png StoreLogo.png をそれぞれ同サイズの画像と置換してから appx に固める
MSのアプリケーション開発者向けアカウントを取る
個人は $19 / year
法人は $99 / year
法人の方なんか色々確認とかされる
まぁ皆さんも経験あるでしょう
アプリ名を予約して作成
ここで予約した名前と manifest.jsonのnameが同じ必要がある
https://gyazo.com/a85456ba3db974e7a048f33e6b75aa84
Extensionの申請を出す
この状態ではストア自体にはまだ申請できない
packageをアップロードするとエラーが出る
https://gyazo.com/bfc70dea979dc20ea4c3c58b0b393918
APIがまだ発展途上のためとかなんとか
他のブラウザなどで動作を把握できるURLを送信する必要がある（これGitHubとかだとダメ？どうなんだろう？Gyazoの場合はChrome向けに公開しているもののストアのURLを貼った）
https://gyazo.com/00f53a3ae3afd8d554841314ad2cde91
２〜３営業日くらいでOKの連絡が来る
アプリケーションリリースの申請を出す
Extensionのパッケージのアップロードが許可されるといよいよストアに公開するための申請を作成できる
諸々の情報などを入力する
https://gyazo.com/f5d8477c105028273f62103f923b530a
AMO等と同じくレビュワーに依って様々ないちゃもんをつけられることがある
アイコンがどうとか記入漏れとかを教えてくれます
まぁ普通に対応すると良いです
大体3営業日くらいでお返事が来る
ストアに公開される
おめでとうございます🎉
ユーザーに配布する
アプリ管理＞アプリ ID からブラウザ用のURLとストアプロトコルリンクを取得できる
https://www.microsoft.com/store/apps/9nf31nnx69v1
ms-windows-store://pdp/?productid=9nf31nnx69v1
社内テストなどで配布する場合
appxと証明書を一緒に配る
ちょっと面倒
MSストアにパッケージ フライトの機能があるのでこれで配ると良さそう
メールアドレスやユーザーステータスなどでグループを分けて配布できる
一部のよく使ってるユーザーにだけ先に新バージョンを出すとかもできる