[B! extension] yatemmmaのブックマーク

Chrome拡張の開発方法まとめ　その1：概念編 - Qiita

Chrome拡張の開発に必要な知識とかの覚書です。この記事では開発の前に知っておくべきChrome拡張の全容について解説していきます。「実際に開発しながら学ぶ」形式の解説記事は多く見られるのですが、概念についてちゃんとまとめてある記事は見当たらず、そこらへんの理解で結構苦労した覚えがあるので、そういった人達の手助けになればと思います。対象 Chrome拡張が作りたい人 Javascriptがまあまあわかる人 Chrome拡張の各概念がいまいちわかってない人概要まずはChrome拡張の大まかな構造について説明します。 Chrome拡張はHTMLとCSSとJavascriptで作られています。必要なhtml,css,jsファイルなどと後述のManifest Fileを一つのフォルダにまとめたものが一つの拡張機能のまとまりとなり、zipで圧縮してアップロードすることでストアで公開する

yatemmma 2017/06/12

リンク

Chrome Extensionでユニットテストしてみる #TddAdventJp - くりにっき

これは TDD Advent Calendar 2013 の24日目です。 23日目 @quicy さんのレガシースタイル: JnarioでJavaのTDD でした 24日目 : Chrome Extensionでユニットテストしてみる Chrome Gitlab Notifier でユニットテストをしてみたので共有です何をテストするのか？人によって粒度は違うと思いますが、自分の場合普段のウェブアプリの開発だと Model : 割と書く不安なところは全部テストを書く View : 書かないデザイン崩れや使いやすいかどうかは目で見ないと分からないため自動化できない社内ツールを作ることが多いので、画面は適当でいい分単位で変わる仕様に対してユニットテストを書くのは無駄 Controller : 多少書く GETやPOST叩いた時にエラーが起きないこと（最低限のハッピーパスの担保）

yatemmma 2014/01/11

リンク

Chrome拡張開発のユニットテスト事情 - laiso

ちょっと前から検索しているけど、あんまりこの話題活発ではない。FirefoxやOperaのAdd-onsやExtensionsはどんな感じなんでしょうか。おおまかに以下の2パターンのアプローチがある。 (1) Chrome拡張独自のAPIをモック化してブラウザやコマンドラインから独立したテストを実行できるようにする Testing Chrome Extensions with Jasmine - Roberto Soares Chrome Extension API のモック化+jasmine-spyでテスト require.js を使ってbackgroundscriptやcontentscriptをテスト時に動的に読み込む。 chrome.extention 以下をモック化しているのでテストがブラウザに依存しなく実行できる(コマンドライン、CI) ソースコード: gist-io-chr

yatemmma 2014/01/11

リンク

Chrome Extension 開発: executeScript で呼び出す Javascript にデータを渡すには? - aki note

ひょんなことからドイツの carrotshop という活動のお手伝いがてら、Chrome の拡張を書いています(かわいいよ! もうじきリリース)。で、chrome.tabs.executeScript で呼び出す Javascript にデータを渡すにはどうしたもんだろうと調べるも日本語のポストがあまり見当らなかったのでエントリーを。夢の中で夢を見る … といった感じですね :D chrome.tabs.executeScript( null, { code: "var scriptOptions = {param1:'value1',param2:'value2'};"}, function(){ chrome.tabs.executeScript(null, { file: "somecode.js"}); } ); こうすると、somecode.js の中で、 a = script

yatemmma 2013/11/30

extension

リンク

Chrome拡張開発入門の次に読む記事…？ - なんとなく開発日記(仮)

注：未完結の記事です。「これはどうやって実装するの！？」というリクエスト、お待ちしています。この記事では、主に、「Chrome拡張開発してみたい！とりあえずHelloWorldはできたよ！でも、こういう動作をさせる方法がわからない！！」という方を対象にしています。 ※HelloWorldまでの習得は、こちらのサイトが大変わかりやすいと思います。ほかのサイトで詳しく解説されていることに関しては、そのサイトに丸投げしてしまっています。すみません…。分からない関数等がありましたら、こちらで調べてみてください。もくじ 1.選択したテキストを取得する。ポップアップから、選択部分を取得するここは僕も非常に苦戦しました。ポップアップから window.getSelection().toString(); を実行しても、返ってくるのは「ポップアップ内での選択部分」で、表示しているページの選択部分

yatemmma 2013/11/30

extension

リンク

選択箇所を翻訳してくれるchrome拡張いろいろ - kinneko@転職先募集中の日記

Auto-Translate https://chrome.google.com/webstore/detail/auto-translate/obgoiaeapddkeekbocomnjlckbbfapmk まぁ、これが一般的かな。バブルを出して翻訳してくれる。 Ctrlはすでに予約済みなので、Shiftにしてみた。複数選択で困るかな？ Metaを指定したらcmdキーになった。これで使うか。 instant translate https://chrome.google.com/webstore/detail/instant-translate/ihmgiclibbndffejedjimfjmfoabpcke Right Click and Translate https://chrome.google.com/webstore/detail/right-click-and-trans