開発したGoogle Chrome拡張機能をChromeウェブストアに公開する手順

Google Chrome拡張機能アプリの開発方法に関する情報はいくつもあるのに、Chromeウェブストアに公開する手順をまとめた記事がない！ということで、自身が開発した拡張機能をリリースするついでに手順をまとめてみました。

以下記事を参考にしました。

[Tutorial: Getting Started - Google Chrome](https://developer.chrome.com/webstore/get_started_simple)

# 事前準備
- Googleアカウントの取得
- Google Chrome拡張機能の開発を済ませておく

# 開発した拡張機能をZIPで圧縮する
```bash
$ tree myapp
myapp
├── eventPage.js
├── icon128.png
├── icon16.png
├── icon48.png
└── manifest.json

$ zip -r myapp.zip myapp
```

# Chromeウェブストアに公開する
[Chrome Developer Dashboard](https://chrome.google.com/webstore/developer/dashboard)に行きます。

![スクリーンショット 2018-03-19 22.54.41.png](https://qiita-image-store.s3.amazonaws.com/0/55366/1ec8764a-5811-431d-ba0a-b30694336c3b.png)
`今すぐこの料金を支払う`を選択し、１回限りのデベロッパー登録料として$5支払います。
<br>

![スクリーンショット 2018-03-19 23.13.55.png](https://qiita-image-store.s3.amazonaws.com/0/55366/d39644a1-0684-665f-c860-aada10bfdd96.png)
`今すぐ支払う`を選択します。支払い方法はクレジットカードかデビットカードの2つです。
<br>

![スクリーンショット 2018-03-19 22.54.41.png](https://qiita-image-store.s3.amazonaws.com/0/55366/0cc68c8d-c9a6-8e3e-801b-139c039c85f2.png)
`新しいアイテムを追加する`を選択します。
<br>

![スクリーンショット 2018-03-19 22.56.40.png](https://qiita-image-store.s3.amazonaws.com/0/55366/65ef9cad-7b2f-b4a4-403b-3150fc5652fc.png)
`同意する`を選択します。
<br>

![スクリーンショット 2018-03-19 22.58.45.png](https://qiita-image-store.s3.amazonaws.com/0/55366/90b7956a-9b84-b573-9a88-4c1ae403584b.png)
さきほどのZIPファイルを選択し、開発したGoogle Chrome拡張機能をアップロードします。
<br>

あとは、以下を参考に申請情報を入力して、最後に`ドラフトを保存してダッシュボードに戻る`を選択します。

![スクリーンショット 2018-03-19 23.12.41.png](https://qiita-image-store.s3.amazonaws.com/0/55366/163fc94d-6115-2f06-9f69-454bb4487a4b.png)
![スクリーンショット 2018-03-19 23.12.57.png](https://qiita-image-store.s3.amazonaws.com/0/55366/1b351a1a-eb94-87af-a912-5df4e9a6723b.png)
![スクリーンショット 2018-03-19 23.13.04.png](https://qiita-image-store.s3.amazonaws.com/0/55366/38407d40-c969-b074-e8f4-e11d7d33664a.png)
![スクリーンショット 2018-03-19 23.13.26.png](https://qiita-image-store.s3.amazonaws.com/0/55366/e7abb407-5396-9068-a2df-d68a3745c134.png)
![スクリーンショット 2018-03-19 23.13.34.png](https://qiita-image-store.s3.amazonaws.com/0/55366/5bd1ee18-3117-3438-a15c-f2de252d78fd.png)
<br>

![スクリーンショット 2018-03-19 23.15.44.png](https://qiita-image-store.s3.amazonaws.com/0/55366/b599afda-d79f-185c-9d3b-d113a0747f89.png)
`公開`を選択し、開発したGoogle Chrome拡張機能をChromeウェブストアに公開します。
<br>

![スクリーンショット 2018-03-19 23.19.06.png](https://qiita-image-store.s3.amazonaws.com/0/55366/c8b9aef7-0b2d-e659-4eba-12929eccb666.png)
ステータスが`公開済み`になっていればOKです。ただ公開後Chromeウェブストアに公開されるまで少し時間がかかるようです。
<br>

![スクリーンショット 2018-03-20 6.50.05.png](https://qiita-image-store.s3.amazonaws.com/0/55366/7a2e3d23-e152-ccd0-7671-c4c06de78e62.png)
Chromeウェブストアに自身が開発した拡張機能があれば公開完了です！

# まとめ
意外と簡単にChromeウェブストアに公開できましたね。最後に公開した拡張機能の宣伝をしておきます。ワンクリックで現在のページのリンクをマークダウン形式でコピーできる拡張機能です。Qiitaで記事を書くときに、マークダウン形式のリンクを簡単にコピーできるので便利ですよ。

[1-Click Link Copy as Markdown - Chrome ウェブストア](https://chrome.google.com/webstore/detail/1-click-link-copy-as-mark/pmhehcpfecalmggdcdhhlcolaifiejao?hl=ja)

ソースはGitHubにあげています。

[donchan922/1-Click-Link-Copy-as-Markdown: This is a Google Chrome extension to copy link as markdown-format on the current page by 1-Click.](https://github.com/donchan922/1-Click-Link-Copy-as-Markdown)

# 参考リンク
- [Chrome Extension を作って公開する - Qiita](https://qiita.com/sqrtxx/items/19fd2114430e9e1fb57f)
- [Tutorial: Getting Started - Google Chrome](https://developer.chrome.com/webstore/get_started_simple)