Puppeteerを使ったStorybookの自動スクリーンショット撮影用のアドオンを作った - wadackel.me
先日、Storybook のストーリーを、Puppeteer を使って自動でスクリーンショットを撮影する Addon を作りました。まだ React のサポートのみだったり、API がまだ不十分だったりしますが、簡単に使い方と仕組みについて紹介していきたいと思います。 はじめにまず、Puppeteer が何者かという点は、以下の記事が大変参考になるため、ここでは触れません。 —headless 時代の本命？ Chrome を Node.js から操作するライブラリ puppeteer について - Qiita 今回作った Addon は、上記 Puppeeer を使って、任意のストーリーのスクリーンショットを取るためのものになります。 スクリーンショットを取るためのモチベーションは色々と考えられますが、ここでは開発時に使用している既存のストーリーを活用して、最小限の労力で Visual T
Google Chrome からの移行 | MDN
WebExtension API で開発する拡張機能は、ブラウザー間で互換性が維持されるように設計されており、大半は Google Chrome や Opera でサポートされている extension API とコード互換性があります。これらのブラウザー向けに書かれた拡張機能はほとんどの場合、少しの変更を加えるだけで Firefox でも動くようになります。ほぼすべての WebExtension API は、Chrome と同様に chrome 名前空間のコールバック関数を使ってサポートされています。chrome 名前空間でサポートされない唯一の API は、わざと Chrome と互換性がないものです。こうしたまれな場合は、API ドキュメントページでは明示的に、browser 名前空間だけでサポートされることを述べています。Chrome や Opera から拡張機能を移行する手順は下
HipChat Connect ベータ版発表 － チャットが生まれ変わる！ | Atlassian Japan 公式ブログ | アトラシアン株式会社
AtlasCamp 2015 で Atlassian Connect for HipChat に取り組んでいることを発表しました。最近、サンフランシスコで開催されたハッカソンの中で、New Relic、PagerDuty、StatusPage.io、Tempo、Wittified、Meekan、Notify、Zendesk などの優れた企業の 25 人の開発者にアーリーアクセス版を提供したのですが、その結果は素晴らしいものでした! 現在、この API は非公開のアルファ版ですが、ベータ版公開まであとわずか数週間となりました。公開までに準備を整えていただくため、Atlassian Summit 2015 で開発者トレーニングを提供します。 トレーニングに参加する ベータプログラムに参加する どのようなものを簡単に作れるのか、こちらの SupportKit のデモをご覧ください: HipCha
Firefoxのアドオン作りのススメ | 株式会社参謀本部
どうもです。soRaです。 今回のお題はAdd-on SDKを使ったFirefoxのアドオン作りです。当初はチュートリアル的なものを書こうとも思っていたのですが、本家のMDNのチュートリアルが十分充実しているので、その役目はそちらにお任せしたいと思います。 代わりに、何故、今Firefoxのアドオン作りをおすすめするのかを述べたいと思います。ここで述べる理由は次の３つです。 Firefox Developer Editionの登場 コマンドラインツール：cfxからjpmへの移行 ECMAScript6を先行して試す機会 以下ではそれぞれについて述べたいと思います。 Firefox Developer Editionの登場 アドオンを制作するときには、Firefoxの動向に注意が必要です。Mozillaは既存のウェブサイトがみれなくなる(Break the web)変更はできるだけ回避しよう
Addon-SDKでFirefoxのアドオンを書くための開発環境を作る
はじめに 久しぶりに、Add-on SDKを触ってFirefoxのアドオンを作成したのでその時の環境作りについてメモです。 内容は以下のような感じ Addon SDKの概要 Addon SDK APIのモジュールについて WebStorm Addon SDK APIの補完について XPCOM APIのインターフェイスについて アドオンのデバッグ(デバッガ) Addon SDK Firefoxのアドオン開発をするには、Add-on SDKを使うのが比較的入りやすいです。 一応 日本語 のページ もありますが古いので、リファレンスは本家を見た方がいいです。もしくは cfx docs を叩く Add-on SDK (Jetpack SDK) – あすかぜ・ねっと Firefox 21からAddon SDKのAPIがFirefoxに取り込まれているので、Addon SDKでビルドしたアドオン以外で
サイト全体で未使用のCSSセレクタを見つけるFirefoxアドオン「Dust-Me Selectors」
不要なCSSセレクタを見つけてくれるFirefoxアドオン「Dust-Me Selectors」を紹介します。 古くからあるアドオンなのでご存知の方も多いかと思います。ページ単位のチェックができる他、サイトマップを使って、サイト全体で使っていないCSSセレクタを見つけてくれる機能もあるようです。 １．インストール 「Dust-Me Selectors」のページにアクセスして、「Continue to Download」のリンクをクリックすればダウンロード画面が表示されます。 Dust-Me Selectors 2011年5月現在では、Firefox4には対応していないようです。Firefox4にインストールしたい場合は「Firefox4で動作しないアドオンを動作させる方法」を試してみてください。 2012年6月現在、最新のFirefoxに対応しています。 ２．ページ単位のチェック ページ単
Firefox 拡張の作り方 (2013 年版) - ひだまりソケットは壊れない
4 年前に Firefox 拡張機能の作り方についての記事を書いた のですが、いい加減内容が古いので、改めて Firefox 拡張を作ろうと思った人向けに Firefox 拡張の作り方について概要を記しておこうかと思います。 この記事の内容は古くなっています！！！！！ (2015-12-15 追記) タイトルにあるように、本記事は 2013 年に書かれたもので、現在ではすでに内容が古くなっています。 現在でも通用する部分もありますが、基本的には一から調べなおした方が良いと思います。 例えば、本記事では cfx を使うと書いていますが jpm を使うようになっているようです : Firefoxのアドオン開発環境の導入 - keep-alive MDN の日本語ドキュメントは古い内容のことが多いので、英語のドキュメントを読むのがよさそうです : Add-ons - Mozilla | MDN
Mozilla - klee
About Mozilla Mozilla とは、ブラウザやメーラーなどのオープンソースプロジェクトです。ここでは Firefox 用のテーマと、Sage 用の CSS を配布しています。 Mozilla.org Mozilla の公式サイト。 Mozilla Japan Mozilla の日本支部。日本語ローカライズ版を配布しています。 Sage :: Add-ons for Firefox RSS や ATOM を Firefox で見る為の拡張プログラムです。 About rein このテーマは OS 配色のシンプルなテーマです。カスタマイズしてあなたの色に染めてください。 rein Toolbar Tutorial Japanese version [Under construction] English version [Under construction] rein Hist
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
TechCrunch | Startup and Technology News
「Firefox 41」がベータ版に。未署名のアドオンが自動的に無効化される