Firefox
by Tomoya Asai (aka. dynamis)
.(   ).
✴
    ✴
✴
    ✴
✴
    ✴
✴
    ✴
✴
    ✴
        .(   ).
✴
    ✴
✴
    ✴
✴
    ✴
✴
    ✴
        .(   ).
XUL + JS + CSS
XUL + JS + CSS
Jetpack: https://wiki.mozilla.org/Labs/Jetpack
HTML5
✴
    ✴




✴
    ✴
✴
    ✴
✴
    ✴
        .(   ).
firefox -P extdev   -P
firefox -P extdev   -P
firefox -P extdev   -P
http://support.mozilla.com/ja/kb/
about:config   Firefox
✴
    ✴
✴
    ✴




✴
    ✴
✴
    ✴
        .(   ).
1.
  •
2.
  •
3. install.rdf   chrome.manifest
  •
4.
  •
5.
  •
https://developer.mozilla.org/ja/Generating_GUIDs
(   )
http://support.mozilla.com/ja/kb/
sample@extdev.org/install.rdf




                                OK https://developer.mozilla.org/ja/Install.rdf
sample@extdev.org/install.rdf

   em:id         ID (            )
   em:version

                                       em...
v(   )   (   )v
sample@extdev.org/chrome.manifest


• content/                       sample
     content    (                  )
    • chr...
sample@extdev.org/chrome.manifest
                                          /


• content/                       sample
  ...
sample@extdev.org/content/sample.xul
sample@extdev.org/content/sample.xul




   




sample@extdev.org/content/sample.js
chrome://sample/content/       index.html
chrome://sample/content/sample.xul
chrome://sample/content/       index.html
chrome://sample/content/sample.xul
https://developer.mozilla.org/ja/XUL/overlay, https://developer.mozilla.org/ja/XUL_Overlays
sample@extdev.org/chrome.manifest




                                    https://developer.mozilla.org/ja/Chrome_Registra...
sample@extdev.org/chrome.manifest
         [       ]

                            classic/1.0


                          ...
chrome://browser/content/browser.xul




sample@extdev.org/content/overlay.xul
chrome://browser/content/browser.xul


             toolbarpalett   toolbarbutton




sample@extdev.org/content/overlay.xu...
chrome://browser/content/browser.xul


             toolbarpalett   toolbarbutton




sample@extdev.org/content/overlay.xu...
chrome://browser/content/browser.xul




                                       https://developer.mozilla.org/ja/XUL_Tutor...
chrome://browser/content/browser.xul




                                       https://developer.mozilla.org/ja/XUL_Tutor...
chrome://browser/content/browser.xul




             ID




   overlay




                                       https:/...
sample@extdev.org/content/overlay.xul





   
   




sample@extdev.org/skin/toolbar.css




                            ...
sample@extdev.org/content/overlay.xul



                               class    toolbarbutton-1


   
   




sample@extd...
v(   )   (   )v
v(   )   (   )v
✴
    ✴
✴
    ✴
✴
    ✴




✴
    ✴
        .(   ).
https://developer.mozilla.org/ja/Chrome
https://developer.mozilla.org/ja/Chrome_Registration
content
✴
    ✴
✴
    ✴
✴
    ✴
✴
    ✴



        .(   ).
ZIP
https://developer.mozilla.org/ja/XPI
ZIP
ZIP
https://addons.mozilla.org/ja/firefox/
Firefox ExtDev Introduction
Firefox ExtDev Introduction
Firefox ExtDev Introduction
Firefox ExtDev Introduction
Firefox ExtDev Introduction
Firefox ExtDev Introduction
Firefox ExtDev Introduction
Firefox ExtDev Introduction
Firefox ExtDev Introduction
Firefox ExtDev Introduction
Firefox ExtDev Introduction
Firefox ExtDev Introduction
Firefox ExtDev Introduction
Firefox ExtDev Introduction
Firefox ExtDev Introduction
Firefox ExtDev Introduction
Firefox ExtDev Introduction
Firefox ExtDev Introduction
Firefox ExtDev Introduction
Firefox ExtDev Introduction
Firefox ExtDev Introduction
Firefox ExtDev Introduction
Firefox ExtDev Introduction
Firefox ExtDev Introduction
Firefox ExtDev Introduction
Firefox ExtDev Introduction
Firefox ExtDev Introduction
Firefox ExtDev Introduction
Firefox ExtDev Introduction
Firefox ExtDev Introduction
Firefox ExtDev Introduction
Firefox ExtDev Introduction
Firefox ExtDev Introduction
Upcoming SlideShare
Loading in …5
×

Firefox ExtDev Introduction

3,692 views

Published on

Firefox 拡張機能開発@入門編
http://dev.mozilla.jp/addons/intro/

Published in: Technology
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
3,692
On SlideShare
0
From Embeds
0
Number of Embeds
28
Actions
Shares
0
Downloads
40
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Firefox ExtDev Introduction

  1. 1. Firefox by Tomoya Asai (aka. dynamis)
  2. 2. .( ).
  3. 3. ✴ ✴ ✴ ✴ ✴ ✴ ✴ ✴ ✴ ✴ .( ).
  4. 4. ✴ ✴ ✴ ✴ ✴ ✴ ✴ ✴ .( ).
  5. 5. XUL + JS + CSS
  6. 6. XUL + JS + CSS
  7. 7. Jetpack: https://wiki.mozilla.org/Labs/Jetpack
  8. 8. HTML5
  9. 9. ✴ ✴ ✴ ✴ ✴ ✴ ✴ ✴ .( ).
  10. 10. firefox -P extdev -P
  11. 11. firefox -P extdev -P
  12. 12. firefox -P extdev -P
  13. 13. http://support.mozilla.com/ja/kb/
  14. 14. about:config Firefox
  15. 15. ✴ ✴ ✴ ✴ ✴ ✴ ✴ ✴ .( ).
  16. 16. 1. • 2. • 3. install.rdf chrome.manifest • 4. • 5. •
  17. 17. https://developer.mozilla.org/ja/Generating_GUIDs
  18. 18. ( )
  19. 19. http://support.mozilla.com/ja/kb/
  20. 20. sample@extdev.org/install.rdf OK https://developer.mozilla.org/ja/Install.rdf
  21. 21. sample@extdev.org/install.rdf em:id ID ( ) em:version em:name em:description em:creator em:homepageURL em:minVersion em:MaxVersion ( ) Firefox OK https://developer.mozilla.org/ja/Install.rdf
  22. 22. v( ) ( )v
  23. 23. sample@extdev.org/chrome.manifest • content/ sample content ( ) • chrome://sample/content/ • content • content locale ( ) skin ( ) 3 • sample ( ID @ ) • content/ ( ) https://developer.mozilla.org/ja/Chrome_Registration
  24. 24. sample@extdev.org/chrome.manifest / • content/ sample content ( ) • chrome://sample/content/ • content • content locale ( ) skin ( ) 3 • sample ( ID @ ) • content/ ( ) https://developer.mozilla.org/ja/Chrome_Registration
  25. 25. sample@extdev.org/content/sample.xul
  26. 26. sample@extdev.org/content/sample.xul sample@extdev.org/content/sample.js
  27. 27. chrome://sample/content/ index.html chrome://sample/content/sample.xul
  28. 28. chrome://sample/content/ index.html chrome://sample/content/sample.xul
  29. 29. https://developer.mozilla.org/ja/XUL/overlay, https://developer.mozilla.org/ja/XUL_Overlays
  30. 30. sample@extdev.org/chrome.manifest https://developer.mozilla.org/ja/Chrome_Registration
  31. 31. sample@extdev.org/chrome.manifest [ ] classic/1.0 chrome:// URL https://developer.mozilla.org/ja/Chrome_Registration
  32. 32. chrome://browser/content/browser.xul sample@extdev.org/content/overlay.xul
  33. 33. chrome://browser/content/browser.xul toolbarpalett toolbarbutton sample@extdev.org/content/overlay.xul overlay ID
  34. 34. chrome://browser/content/browser.xul toolbarpalett toolbarbutton sample@extdev.org/content/overlay.xul overlay ID
  35. 35. chrome://browser/content/browser.xul https://developer.mozilla.org/ja/XUL_Tutorial/Overlays
  36. 36. chrome://browser/content/browser.xul https://developer.mozilla.org/ja/XUL_Tutorial/Overlays
  37. 37. chrome://browser/content/browser.xul ID overlay https://developer.mozilla.org/ja/XUL_Tutorial/Overlays
  38. 38. sample@extdev.org/content/overlay.xul sample@extdev.org/skin/toolbar.css MDC
  39. 39. sample@extdev.org/content/overlay.xul class toolbarbutton-1 sample@extdev.org/skin/toolbar.css 2 MDC
  40. 40. v( ) ( )v
  41. 41. v( ) ( )v
  42. 42. ✴ ✴ ✴ ✴ ✴ ✴ ✴ ✴ .( ).
  43. 43. https://developer.mozilla.org/ja/Chrome
  44. 44. https://developer.mozilla.org/ja/Chrome_Registration
  45. 45. content
  46. 46. ✴ ✴ ✴ ✴ ✴ ✴ ✴ ✴ .( ).
  47. 47. ZIP
  48. 48. https://developer.mozilla.org/ja/XPI
  49. 49. ZIP
  50. 50. ZIP
  51. 51. https://addons.mozilla.org/ja/firefox/

×