超初心者でもできた！Chrome拡張機能を作って公開するまで｜準備・ホームページ・問い合わせ・Chrome Web Storeまで

「Chrome拡張機能を作るところまではできた。でも、これをどうやって公開するの？」

この記事は、Chrome拡張機能の開発経験がほとんどない状態から、製品サイトを作り、問い合わせ窓口やプライバシー方針を整え、Chrome Web Storeへの公開準備まで進めた流れを、超初心者向けにまとめたものです。

作っているのは、ChatGPTの会話をHTML・Markdown・TXT・JSON・PDFとして手元に保存するChrome拡張機能「Pinpoint Local Saver」です。

思っていたより「公開準備」の方が大変だった

最初は「拡張機能のZIPができたら、そのままChrome Web Storeへ出せる」と思っていました。ところが実際には、製品名、製品ページ、Privacy、問い合わせ、不具合報告、管理メール、サイト更新方法、Store掲載文など、周辺の準備がかなり必要でした。

1. まずChrome拡張機能を作る

Local Saverは、現在開いているChatGPTの会話をHTML・Markdown・TXT・JSON・PDFとして保存します。

ここで最初につまずいたのが長い会話でした。古いメッセージが画面上から外れていると、見えている部分だけを読む方法では途中からしか保存できません。そのため、過去履歴を確認しながら取得し、不完全な場合は保存を止める仕組みを何度も修正しています。

2. 製品名を決める

製品名は「Pinpoint Local Saver」にしました。ChatGPTは対応サービスとして説明し、Pinpointを製品ブランドとして前面に出す形です。

3. 製品専用サイトを作る

製品情報をまとめるため、Pinpoint Productsという製品専用サイトを作りました。

Productsトップ、製品カタログ、Local Saverの製品ページ、Privacy、Support、FAQ、Changelogなどを分けて用意しています。

URL構造そのものを記事で細かく見せるのではなく、「製品ごとに公式ページを持ち、必要な情報へたどり着けるようにする」ことを重視しました。

4. WordPressは入れず、軽い構成から始めた

Productsは製品情報を見せることが中心なので、まずHTML・CSS・JavaScript・JSON中心の構成にしました。製品情報は products.json にまとめています。

5. 連絡窓口も用途別にした

Store管理、不具合情報の受付、一般問い合わせを、それぞれ別の役割として分けました。

• Store管理用：Chrome Web Storeなどの登録・管理専用
• 不具合情報用：製品改善のための報告受付
• 一般問い合わせ用：具体的な情報を希望する場合の窓口

公開記事ではメールアドレスそのものは掲載せず、利用者にはProductsサイト上のフォームから連絡してもらう形にしています。

6. 「不具合報告」と「問い合わせ」を分けた

無料製品なので、すべての不具合報告へ個別返信する運用にはしませんでした。

匿名の不具合報告

• メールアドレス不要
• 氏名不要
• 原則返信なし
• 製品改善のための情報提供
• 送信後に報告IDを発行

具体的な問い合わせ

• 返信先メールアドレスを入力
• 欲しい情報を具体的に記入
• 提供可能な情報があるか確認
• 回答できる場合に返信

7. 不具合報告フォームも実際にテストした

不具合の種類、Local Saverのバージョン、Chrome / OS、エラーコード、互換性レポート、補足情報を送れるようにしました。会話本文は自動送信しません。

実際にテストし、不具合報告と具体的な問い合わせが、それぞれ想定した窓口へ届くことまで確認しました。

8. Privacyでは「読む」と「送る」を分けて考えた

Local Saverは保存のためにブラウザ内でChatGPTの会話を読み取ります。ただし、ブラウザ内で読むことと、Pinpointのサーバーへ送信することは別です。

Local Saver本体では会話本文をPinpointへ自動送信しません。互換性レポートも端末内で作成し、利用者が内容を確認した上で任意に提供する方式です。

9. サイト更新が面倒になってRelease Managerまで作った

ProductsサイトはWordPressではないため、毎回ファイルを手作業で上書きするのは不安でした。そこでProducts専用のRelease Managerを作りました。

• 新版ZIPをアップロード
• ZIPを検査
• 追加・上書き・削除予定を確認
• 現在版をバックアップ
• 新版を公開
• 問題があれば直前版へ戻す

10. Chrome Web Store用の準備も別に必要

現在、製品名、短い説明、詳細説明、Privacy Policy URL、Support URL、各権限を使う理由、データの扱い、Store用スクリーンショットなどを整理しています。

現在の進捗

• Local Saver本体：バグ修正・最終確認中
• Productsサイト：公開済み
• 匿名不具合報告フォーム：動作確認済み
• 問い合わせフォーム：動作確認済み
• Release Manager：導入済み
• Chrome Web Store用日本語原稿：準備中
• Store用画像：これから
• 英語版Products：これから
• Chrome Web Store公開：これから

まとめ：最初から全部分からなくても進められる

最初から完璧な仕様を作ったわけではありません。拡張機能を作る、バグが見つかる、製品サイトが必要になる、問い合わせ方法を考える、更新が面倒になってRelease Managerを作る。必要になったものを一つずつ追加しています。

Chrome拡張を作ってみたいけれど「公開まで何をやればいいか分からない」という人でも、小さく作って、自分で使って、必要なものを順番に追加していけば進められると思います。

Pinpoint Local Saverは現在Chrome Web Store公開へ向けて最終調整中です。公開まで進んだら、実際の登録・審査についても続編としてまとめる予定です。