― MozillaZine.jp フォーラムは Mozilla 製品に関する情報交換の場です ―



All times are UTC + 9 hours

返信する
ユーザー名:
件名:
オプション:
BBCode: ON
[img]: ON
[flash]: OFF
[url]: ON
スマイリー: ON
BBCode を無効にする
スマイリーを無効にする
URL を自動的にパースしない
ユーザエージェントを表示する
認証コード
KCaptcha by Nikita_Sp
   

トピックのレビュー - 現状で構築出来る、Firefoxのアドオン開発環境について教えてください
作成者 メッセージ
  記事の件名:  Re: 現状で構築出来る、Firefoxのアドオン開発環境について教えてください  引用付きで返信する
ありがとうございます。
自分も同じ結論に達しました。 公式サイトのチュートリアルでHellow World出来ました。
思ったより簡単ですね。

頑張って自分の作りたいものを構築していこうと思います。
投稿記事 Posted: 2018年1月06日(土) 21:12
  記事の件名:  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
投稿記事 Posted: 2018年1月03日(水) 12:58
  記事の件名:  現状で構築出来る、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
投稿記事 Posted: 2018年1月01日(月) 19:08

All times are UTC + 9 hours


ページ移動:  
cron
Powered by MozillaZine.jp® Forum Software © phpBB Group , Almsamim WYSIWYG
Japanese translation principally by ocean