Mozilla Workshop 20111001 LT Add-on SDK
Upcoming SlideShare
Loading in...5
×
 

Mozilla Workshop 20111001 LT Add-on SDK

on

  • 1,150 views

 

Statistics

Views

Total Views
1,150
Views on SlideShare
1,150
Embed Views
0

Actions

Likes
0
Downloads
2
Comments
0

0 Embeds 0

No embeds

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

Mozilla Workshop 20111001 LT Add-on SDK Mozilla Workshop 20111001 LT Add-on SDK Presentation Transcript

  • アドオン SDK を利用した初めてのアドオン開発
    2011 年 10 月 1 日 Mozilla 勉強会@東京 6th
    knagato
  • 発表概要
    目的
    アドオン開発の経験が全くない人を対象として、Add-on SDK を用いたアドオン開発の導入を紹介する
    目次
    SDK を用いたアドオン開発の特徴
    開発環境の種類
    インストール方法
    サンプルコード
    参考資料
    2
  • SDK を用いたアドオン開発の特徴
    主に JavaScript と HTML を用いたコーディング
    XUL や XPCOM などの専門知識がなくてもアドオンを実装できる
    ライブラリのモジュールを用いて様々な機能を呼び出す
    Firefox のバージョンアップに伴う仕様変更を吸収する
    インストール時の再起動が不要
    3
  • 開発環境の種類
    Add-on builder
    Web ページ上のエディタでアドオンのコードを記述する
    Firefox を再起動せず、 Web ページ上でアドオンのインストール / アンインストールができる
    作成したアドオンの公開や、他人のアドオンの利用・閲覧などが簡単にできる
    GUI によるメタデータ設定やバージョン管理ができる
    ローカルに Add-on SDK をインストール
    ローカルのコードエディタやバージョン管理システムを利用できる
    コマンドラインベースで操作する
    4
  • 環境構築 (Add-on Builder)
    https://addons.mozilla.org/
    ユーザ登録
    5
  • 環境構築 (Add-on Builder)
    https://addons.mozilla.org/
    Create an Add-on Now
    6
  • 環境構築 (Add-on Builder)
    https://addons.mozilla.org/
    7
  • 環境構築 (Add-on SDK)
    Installation – Add-on SDK Documentation
    https://addons.mozilla.org/en-US/developers/docs/sdk/1.0/dev-guide/addon-development/installation.html
    Add-on SDK で始めるアドオン開発 (インストール編)
    https://dev.mozilla.jp/2011/08/add-on-sdk-install-knagato/
    必要なもの
    Python 2.x の実行環境
    3.x は現在のところ非対応
    Firefox 4.0 以降
    8
  • 環境構築 (Add-on SDK)
    SDK のダウンロード
    https://addons.mozilla.org/ja/developers/builder
    ダウンロードしたファイルの解凍
    9
  • 環境構築 (Add-on SDK)
    SDK の起動
    解凍した SDK のフォルダに移動
    > cd addon-sdk-1.0
    起動コマンドを実行
    Windows の場合
    C:UsersMozillaaddon-sdk-1.0> binactivate
    Mac の場合
    ~/mozilla/addon-sdk-1.0 > source bin/activate
    ※SDK を使う際には毎回実行が必要
    起動ショートカットの作成
    -> Add-on SDK で始めるアドオン開発 (インストール編)
    SDK の終了
    > deactivate
    10
  • 環境構築 (Add-on SDK)
    cfxコマンドラインツール ->ドキュメント
    cfx docs
    HTML のドキュメント閲覧
    cfx init
    新しいアドオンのプロトタイプを作成
    cfx run
    アドオンの実行
    cfx test
    自動テストユーティリティの実行
    cfxxpi
    xpiファイルの出力
    11
  • サンプルコード
    main.js
    ライブラリのモジュールを読み込む
    モジュールのコンストラクタやメソッドを用いて拡張機能を実装
    12
  • サンプルコード
    実行結果
    13
  • 参考資料
    Installation – Add-on SDK Documentation
    https://builder.addons.mozilla.org/docs/
    Add-on SDK で始めるアドオン開発
    https://dev.mozilla.jp/author/knagato/
    SDK のインストールから XPCOM の利用まで
    Mozilla Developer Network
    https://developer.mozilla.org/en/
    JavaScript や XPCOM のリファレンスなど
    Add-on Builder Public Add-ons
    https://builder.addons.mozilla.org/search/?type=a
    他の人が作成したアドオンやライブラリのソースを閲覧
    14