Browser Extension開発四方山話

[pastak]

表記するお名前、SNSアカウント

pastak

http://twitter.com/pastak

概要

Chrome Extensionや最近登場したWebExtensionについての内容をお届けします。（WebExtensionに関する内容が少し多めかもしれません）

発表者が主に開発に関わっているGyazoのブラウザ拡張は現在、ChromeとFirefoxそれぞれに向けて提供しています。

• https://addons.mozilla.org/addon/gyazo-official/
• https://chrome.google.com/webstore/detail/gyazo/ffdaeeijbbijklfcpahbghahojgfgebo

これらの開発経験を通して得た各種知見（各種ブラウザ拡張開発時のtipsや気をつけたいこと、またChrome ExtensionとWebExtensionの互換に関してなどなど）について紹介しようと思います。
過去にこういう感じの発表やブログ記事を書いたりしているので、これらの内容をベースにしつつ、振り返り＋近況観察状況報告などになると思います。

• http://pastak.hatenablog.com/entry/2015/12/05/013527
• http://pastak.hatenablog.com/entry/2016/02/13/153810
• https://speakerdeck.com/pastak/chrome-extensionwo-firefoxniinsutorusuru-webextensionyi-zhi-wu-yu

アジェンダ予定 WIP

• Chrome Extensionについて
  • そもそも何なのか
• WebExtensionについて
  • WebExtensionの互換性について
    • 現状の互換に関する注意点
    • キャッチアップ方法など
  • web-ext コマンドについて
  • Firefox for Android？
• 開発Tips集
  • 細やかなおもてなし
  • リリース自動化
  • Webサービスとの連携
  • その他Gyazo Extensionで実施している諸々を紹介します

要求トーク時間

A/15:00/30min

想定聴講者層

ブラウザ拡張に興味のある皆さん(JSやブラウザに関する知識があるとより楽しめると思います)

録画や写真撮影と、その後の公開

OK

日付の希望

7/2を希望します

あなたは暴言などをしない常識を持っていて、このトークで人や法人を悲しませたり怒らせたりせず、平たく言ってネット等でダメな方向に炎上するような行動は慎むことを誓えますか？

はい

お知らせとなる #1 お知らせスレをSubscribeするなどしてちゃんと読みますか？

はい

[pastak]

資料公開しました https://speakerdeck.com/pastak/browserextensionsi-fang-shan-hua-number-yapc8oji

[uzulla]

動画を公開しました！
https://youtu.be/tuXF5Wf1-i4