aboutsummaryrefslogtreecommitdiff
path: root/files/ja/archive/b2g_os/add-ons/index.html
blob: 6f689e46efc02ea4f128223dee4bf8d1671c64f5 (plain)
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
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
---
title: B2G OS アドオン
slug: Archive/B2G_OS/Add-ons
tags:
  - Add-ons
  - Apps
  - Extensions
  - Firefox OS
  - customizations
translation_of: Archive/B2G_OS/Add-ons
---
<p></p><section class="Quick_links" id="Quick_Links">

<ol>
  <li class="toggle">
      <details>
          <summary>Build and install</summary>
          <ol>
            <li><strong><a href="/ja/docs/Mozilla/B2G_OS/Building_and_installing_B2G_OS">Build and install overview</a></strong></li>
            <li><a href="/ja/docs/Mozilla/B2G_OS/Building_and_installing_B2G_OS/B2G_OS_build_process_summary">B2G OS build process summary</a></li>
            <li><a href="/ja/docs/Mozilla/B2G_OS/B2G_OS_build_prerequisites">Build prerequisites</a></li>
            <li><a href="/ja/docs/Mozilla/B2G_OS/Preparing_for_your_first_B2G_build">Preparing for your first build</a></li>
            <li><a href="/ja/docs/Mozilla/B2G_OS/Building">Building B2G OS</a></li>
            <li><a href="/ja/docs/Mozilla/B2G_OS/Building_and_installing_B2G_OS/B2G_installer_add-on">B2G installer add-on</a></li>
            <li><a href="/ja/docs/Mozilla/B2G_OS/Building_and_installing_B2G_OS/Building_for_Flame_on_OS_X">Building B2G OS for Flame on Mac OS X</a></li>
            <li><a href="/ja/docs/Mozilla/B2G_OS/Choosing_how_to_run_Gaia_or_B2G">Choosing how to run Gaia or B2G OS</a></li>
            <li><a href="/ja/docs/Mozilla/B2G_OS/Building_and_installing_B2G_OS/Compatible_Devices">Compatible Devices</a></li>
            <li><a href="/ja/docs/Mozilla/B2G_OS/Installing_on_a_mobile_device">Installing B2G OS on a mobile device</a></li>
            <li><a href="/ja/docs/Mozilla/B2G_OS/Building_and_installing_B2G_OS/B2G_OS_update_packages">Creating and applying B2G OS update packages</a></li>
            <li><a href="/ja/docs/Mozilla/B2G_OS/Building/FOTA_community_builds">Building and installing FOTA community builds</a></li>
            <li><a href="/ja/docs/Mozilla/B2G_OS/Building_and_installing_B2G_OS/B2G_Build_Variables_Reference_Sheet">B2G build variables reference sheet</a></li>
          </ol>
      </details>
  </li>
  <li class="toggle">
      <details>
          <summary>Porting B2G OS</summary>
          <ol>
            <li><strong><a href="/ja/docs/Mozilla/B2G_OS/Porting_B2G_OS">Porting overview</a></strong></li>
            <li><a href="/ja/docs/Mozilla/B2G_OS/Porting_B2G_OS/basics">Porting basics</a></li>
            <li><a href="/ja/docs/Mozilla/B2G_OS/Porting_B2G_OS/Porting_on_CyanogenMod">Porting on CyanogenMod</a></li>
          </ol>
      </details>
  </li>
  <li class="toggle">
      <details>
          <summary>Developing Gaia</summary>
          <ol>
            <li><strong><a href="/ja/docs/Mozilla/B2G_OS/Developing_Gaia">Developing Gaia overview</a></strong></li>
            <li><a href="/ja/docs/Mozilla/B2G_OS/Developing_Gaia/Running_the_Gaia_codebase">Running the Gaia codebase</a></li>
            <li><a href="/ja/docs/Mozilla/B2G_OS/Mulet">Run Gaia on desktop using Mulet</a></li>
            <li><a href="/ja/docs/Mozilla/B2G_OS/Developing_Gaia/Understanding_the_Gaia_codebase">Understanding the Gaia codebase</a></li>
            <li><a href="/ja/docs/Mozilla/B2G_OS/Developing_Gaia/Making_Gaia_code_changes">Making Gaia code changes</a></li>
            <li><a href="/ja/docs/Mozilla/B2G_OS/Developing_Gaia/Testing_Gaia_code_changes">Testing Gaia code changes</a></li>
            <li><a href="/ja/docs/Mozilla/B2G_OS/Developing_Gaia/Submitting_a_Gaia_patch">Submitting a Gaia patch</a></li>
            <li><a href="/ja/docs/Mozilla/B2G_OS/Developing_Gaia/Build_System_Primer">Gaia build system primer</a></li>
            <li><a href="/ja/docs/Mozilla/B2G_OS/Developing_Gaia/Different_ways_to_run_Gaia">Different ways to run Gaia</a></li>
            <li><a href="/ja/docs/Mozilla/B2G_OS/Developing_Gaia/make_options_reference">Make options reference</a></li>
            <li><a href="/ja/docs/Mozilla/B2G_OS/Developing_Gaia/Gaia_tools_reference">Gaia tools reference</a></li>
          </ol>
      </details>
  </li>
  <li><a href="/ja/docs/Mozilla/B2G_OS/API">B2G OS APIs</a></li>
</ol>
</section><p></p>

<div class="note">
<p dir="ltr"><strong>注記</strong>: B2G OS アドオンは、<a href="https://developer.mozilla.org/docs/Mozilla/Add-ons/WebExtensions">WebExtensions API</a> を基礎としていて、これはデスクトップ版Firefox の42以降からサポートされており、Chrome と Operaで使われているエクステンション(拡張機能)を基礎としています。</p>
</div>

<h2 id="前提条件">前提条件</h2>

<p>エクステンションの開発を始めるためのセットアップを行うには、下記のステップに従う必要があります。</p>

<h3 id="1._USB_デバッグの有効化">1. USB デバッグの有効化</h3>

<p>端末の <em>Settings</em> アプリで、<em>Developer &gt; De bugging via USB &gt; ADB and Devtools</em>.を選びます。ここで WebIDE を用いてインストール型のアプリを USB ケーブル <a href="https://developer.mozilla.org/en-US/docs/Tools/Remote_Debugging/Debugging_Firefox_OS_over_Wifi"></a><a href="https://developer.mozilla.org/docs/Tools/Remote_Debugging/Debugging_Firefox_OS_over_Wifi">Wifi 上</a> (USB ケーブル不要) の両方からデバッグできるはずです。</p>

<h3 id="2._WebIDE_のセットアップ">2. WebIDE のセットアップ</h3>

<p><a href="https://developer.mozilla.org/ja/docs/Tools/WebIDE">WebIDE</a> ツールは Firefox の一部分であり、開発期間に電話機へアドオンをインストールするのに使われます — 詳しくは <a href="https://developer.mozilla.org/ja/Firefox_OS/Add-ons/Developing_B2G_OS_add-ons#WebIDE_%E3%82%92%E5%88%A9%E7%94%A8%E3%81%97%E3%81%9F%E3%82%A2%E3%83%89%E3%82%AA%E3%83%B3%E3%81%AE%E3%83%86%E3%82%B9%E3%83%88">WebIDE を利用したアドオンのテスト</a>をご覧ください。</p>

<h2 id="その他の情報">その他の情報</h2>

<h3 id="開発する">開発する</h3>

<ul>
 <li dir="ltr"><strong>チュートリアル</strong>: <a href="https://developer.mozilla.org/ja/docs/Mozilla/Firefox_OS/Add-ons/Developing_Firefox_OS_add-ons">https://developer.mozilla.org/ja/docs/Mozilla/Firefox_OS/Add-ons/Developing_Firefox_OS_add-ons</a></li>
 <li dir="ltr"><strong>詳しい例</strong>: <a href="https://hacks.mozilla.org/2015/11/building-an-ios-style-unread-notifications-add-on-for-firefox-os/">https://hacks.mozilla.org/2015/11/building-an-ios-style-unread-notifications-add-on-for-firefox-os/</a></li>
 <li dir="ltr"><strong>API リファレンス</strong>: <a href="https://developer.mozilla.org/ja/Add-ons/WebExtensions">https://developer.mozilla.org/ja/Add-ons/WebExtensions</a></li>
</ul>

<h3 dir="ltr" id="参加する">参加する</h3>

<ul>
 <li dir="ltr"><strong>メーリングリスト(日本語)</strong>:<a href="https://groups.google.com/forum/#!forum/mozilla-translations-ja">https://groups.google.com/forum/#!forum/mozilla-translations-ja</a></li>
 <li dir="ltr"><strong>メーリングリスト(英語)</strong>:<a href="https://mail.mozilla.org/listinfo/dev-addons">https://mail.mozilla.org/listinfo/dev-fxos</a></li>
 <li dir="ltr"><strong>講演フォーラム</strong>: <a href="https://discourse.mozilla-community.org/c/add-ons/development">https://discourse.mozilla-community.org/c/add-ons/development</a></li>
 <li dir="ltr"><strong>IRC</strong>:  irc.mozilla.org, #webextensions and #fxos</li>
 <li dir="ltr"><strong>どの新規</strong><strong> API を優先付けるべきかは、こちらで教えてください</strong>: <a href="https://webextensions.uservoice.com/forums/315663-webextension-api-ideas">https://webextensions.uservoice.com/forums/315663-webextension-api-ideas</a></li>
 <li dir="ltr"><strong>Twitter でフォローしてください</strong>: <a href="https://twitter.com/MozWebExt">@MozWebExt</a></li>
</ul>

<div id="divDic" style="opacity: 0.9; font-size: small; background-color: #EDF4FC; color: Gray; position: absolute; top: 774px; left: 229px; min-height: 50px; max-width: 50%; padding: 5px; text-align: left; border-radius: 4px; box-shadow: -2px 0px 9px 5px #898D91;">
<div id="divResult" style="overflow: auto; padding: 3px;"><a href="https://groups.google.com/forum/#!forum/mozilla-translations-ja">https://groups.google.com/forum/#!forum/mozilla-translations-ja</a></div>
<a id="optionsLink" style="opacity: 0.2; position: absolute; right: 13px; font-size: 18px; text-decoration: none!important; background: #528DDF; padding: 1px; color: #fff; border-radius: 6px 6px 6px 6px; border: 2px solid #EEEEEE; font-weight: bold; width: 20px; text-align: center; display: block;">+</a></div>