files/ja/mozilla/add-ons/webextensions/examples/index.html


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33

---
title: 拡張機能の例
slug: Mozilla/Add-ons/WebExtensions/Examples
tags:
  - Interface
  - WebExtensions
translation_of: Mozilla/Add-ons/WebExtensions/Examples
---
<div>{{AddonSidebar}}</div>

<p>拡張機能の開発方法を分かりやすく説明するため、シンプルな拡張機能のサンプルを集めたリポジトリ <a href="https://github.com/mdn/webextensions-examples">https://github.com/mdn/webextensions-examples</a> を公開しています。この記事では、そのリポジトリで使われている WebExtension API について説明します。</p>

<p>これらのサンプルは Firefox Nightly で動作します。ほとんどのものがより早期の Firefox でも動作しますが、拡張機能の manifest.json に指定されている <code><a href="/ja/docs/Mozilla/Add-ons/WebExtensions/manifest.json/browser_specific_settings">strict_min_version</a></code> キーを確認してください。</p>

<div class="notecard warning">
<p>いくつかの例では、特定のドメインまたはページでのみ動作します。制限事項の詳細は、各サンプルの readme ファイルに記載されています。どの例も既定ではプライベートブラウジングウィンドウでは動作しません。詳細は「<a href="https://support.mozilla.org/en-US/kb/extensions-private-browsing#w_enabling-or-disabling-extensions-in-private-windows">プライベートブラウジングでの拡張機能</a>」をご覧ください。</p>
</div>

<p>これらの例を試してみる場合は、リポジトリをクローンしてから下記のようにしてください。</p>

<ol>
 <li>一時的なアドオンを読み込む (<a href="https://extensionworkshop.com/documentation/develop/temporary-installation-in-firefox/">Load Temporary Add-on</a>) 機能を使用する。拡張機能は Firefox を再起動するまで読み込まれたままになります。</li>
 <li>コマンドラインで拡張機能のソースフォルダーを開き、 <a href="https://extensionworkshop.com/documentation/develop/getting-started-with-web-ext/">web-ext</a> を使用して拡張機能を実行する。拡張機能は Firefox を再起動するまで読み込まれたままになります。</li>
 <li>Firefox で <strong>ファイル</strong> &gt; <strong>ファイルを開く</strong> を使用し、 <a href="https://github.com/mdn/webextensions-examples/tree/master/build">build</a> フォルダーにある例を探す。 <code>build</code> フォルダーにはビルドされ署名されたバージョンのすべての例が置いてあります。これは例を永続的にインストールします。</li>
</ol>

<div class="warning">
<p><strong>重要</strong>: この例の WebExtension を addons.mozilla.org (AMO) に投稿しないでください、WebExtension の例を実行するのに署名をする必要はありません。単に上記の手順に従ってください。</p>
</div>

<p>リポジトリに貢献したい方は、是非とも <a href="https://github.com/mdn/webextensions-examples/blob/master/CONTRIBUTING.md">pull request</a> を送ってください！</p>

<p>{{WebExtAllExamples}}</p>