MozillaZine.jp フォーラム
https://forums.mozillazine.jp/

現状で構築出来る、Firefoxのアドオン開発環境について教えてください
https://forums.mozillazine.jp/viewtopic.php?f=26&t=16937
ページ 11

作成者:  ひつじ人間 [ 2018年1月01日(月) 19:08 ]
記事の件名:  現状で構築出来る、Firefoxのアドオン開発環境について教えてください

 
 Firefox ver57.03です。
 調べた範囲では、AddonSDKは廃止されていると知りました。

現状では
 webpack/babelでWebExtensionsの開発環境を整える 

を見ながら、開発環境を構築しようとしています。


試したこと
node-v8.9.3-x64.msi
をインストール。


npm init
npm install -D webpack babel-loader babel-core babel-preset-es2015
まではスムーズに行ったようです。




 >次に webpack.config.js をプロジェクトのルートに配置します。
 
とあるのですが、このプロジェクトのルートに配置の意味がよく分かりません。
どこのディレクトリを指すのでしょうか。

また、もっと簡単な方法があれば知りたいです(期待はしませんが・・・・)


フォーラムを移動しました。
by Moderator

作成者:  EarlgreyTea [ 2018年1月03日(水) 12:58 ]
記事の件名:  Re: 現状で構築出来る、Firefoxのアドオン開発環境について教えてください

ひつじ人間 さんが書きました:
 Firefox ver57.03です。
 調べた範囲では、AddonSDKは廃止されていると知りました。

現状では
 webpack/babelでWebExtensionsの開発環境を整える 

を見ながら、開発環境を構築しようとしています。
この書き方の感じから、失礼ながら、WebExtensionsでのアドオン開発はまだ未経験で、始めるにあたってリンク先ページを参考に開発環境を整えようとしている、そんな風に受け取ったのですがどうでしょう?

そのページを見ましたが、WebExtensionsの開発自体についての解説はされてませんし、それについて一定の理解があることを前提にして、webpack/babelを使ったやり方でもできるよ、と紹介している内容のようです。
ですので、もしこれからWebExternsionsでの開発を始めようということなのでしたら、そのページは参考にならないかと思います。

ひつじ人間 さんが書きました:
 >次に webpack.config.js をプロジェクトのルートに配置します。
 
とあるのですが、このプロジェクトのルートに配置の意味がよく分かりません。
どこのディレクトリを指すのでしょうか。
これから開発しようとしているプロジェクトのディレクトリの下で、npm init して package.json のひな形を作り、npm install --save-dev (-D は短縮形)で必要なパッケージをプロジェクト下にインストールするわけです。
プロジェクトがわからないのにコマンドを打ってらっしゃる時点で、たぶん時期尚早なのではないかと思われます。

まずは、「WebExtensions 開発」でGoogle検索して最初に出てくる下記の公式入門ページを参考にされることをおすすめします。

初めての拡張機能 - Mozilla | MDN

作成者:  ひつじ!人間 [ 2018年1月06日(土) 21:12 ]
記事の件名:  Re: 現状で構築出来る、Firefoxのアドオン開発環境について教えてください

ありがとうございます。
自分も同じ結論に達しました。 公式サイトのチュートリアルでHellow World出来ました。
思ったより簡単ですね。

頑張って自分の作りたいものを構築していこうと思います。

ページ 11 All times are UTC + 9 hours
Powered by phpBB® Forum Software © phpBB Group
http://www.phpbb.com/