2021年9月14日に正式リリースしたKARTE Blocksの裏側を紹介する連載の第一弾です。 KARTE Blocksを支える技術とその技術を選んだ理由について紹介します。

Important: If you find compatibility issues, check the bug reporting page. The script is also available at greasyfork.org. What's new: added file sizes, removed 480p/1080p. More in the changelog. The script works in: Firefox (install Greasemonkey first. Alternatively, you can install an extension that uses this script) Chrome (install the Tampermonkey extension first) Opera (install Violent Monkey
This: <script type="text/javascript" src="node.js"></script> Allows you to do this in a Chrome App: var http = require('http'); http.createServer(function (req, res) { res.writeHead(200, {'Content-Type': 'text/plain'}); res.end('Hello World\n'); }).listen(1337, '127.0.0.1'); console.log('Server running at http://127.0.0.1:1337/'); This is actually Node.js code running the http listener on Chrome's
ATNDのイベント情報をGoogleカレンダーに登録するChrome Extensionsを作ってみました。 atnd2GCal その時のメモです。 Content Script Webページ内でJavaScriptを実行して、そのページを拡張したりする様な場合はContent Script APIを使う。(FirefoxのGreasemonkey的な感じ) Content Scriptが出来ないこと Content Scriptを作るに当たっては、以下の制約がある。 クロスドメインでのXMLHttpRequestは生成出来ない chrome.extensionの一部を除く、chrome.* APIは仕様出来ない エクステンションのページで定義されている変数・関数へのアクセス Webページ、他のエクステンション内で定義されている変数・関数へのアクセス Content Script本体では、
Chromium Blog: Writing Extensions More Securely Chromium Blog: More secure extensions, by default Chrome 18でManifest Version 2を指定した場合、インラインscriptが使えない。evalも使えない。Background Pagesの仕様も変わっている。 つまり、今までエクステンションで、 <html xmlns="http://www.w3.org/1999/xhtml" > <head> <script type="application/javascript"> /* Javascriptのコード */ </script> </head> </html> としていた場合、Javascriptのコードを別のファイルに分離して、 /* sample.js*/ /* J
ただ、お願いするだけの拡張。 manifest.json { "name": "DoNtTrackME", "description": "Do Not Track ME", "version": "0.1", "background_page": "background.html", "permissions": [ "webRequest", "webRequestBlocking", "*://*/*" ] } background.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>DoNtTrackME</title> </head> <body> <script> chrome.webRequest.onBeforeSendHeaders.addListener( function
I'm currently working on a little extension for Firefox that discovers and hosts local Node.js game servers across LAN. This entry shows the code behind running a bundled Node.js executable from within the extension. I'll be assuming some experience with Firefox extension development, or at least the ability to follow this tutorial. Being able to run Node.js within a Firefox extension is integral
Wprowadzenie do tworzenia wtyczek w edytorze TinyMCE 4.* dostępnym od WordPressa 3.9
KeySnailついて 自分はEmacsユーザーでもありませんが、KeyConfigの代わりにKeySnailを使い始めました。 そもそもKeyConfigとは役割違うし、KeyConfigもFirefox4対応したので併用しています。 keysnailはuserChrome.jsのキー特化みたいな存在で、便利なAPIがある環境みたいなとらえ方でもいいかもしれないです。(emacsのキーバインドは一切使わないで、まっさらな状態で始めました) KeySnailのプラグイン開発について JSReferenceというMDN(MDC)やECMA-262 3rd EditionをKeySnailのプロンプトから検索できるプラグインを書いたので、これに沿って説明していきます。 こんな感じの動作するやつです。(フルスクリーンで見た方がいい) 端的に言えばChemr-jsみたいな感じでインデックスをキャッ
Firebug - Web Development Evolved 便利すぎて困る程のFireBug1.0系を使ってみよう、ということで、広く使われているであろう0.4系と変わった点をプレビュー。 Googleなどの検索エンジンで、addons.mozilla.org にUPされている0.4系が上に表示されているため、まだ1.0系を使っていない人も多いのではないでしょうか?(という私もそうでした) FireBug1.0系のインストール方法の紹介〜その追加された強力すぎる機能について見ていきましょう。 FireBug1.0系インストール http://www.getfirebug.com/ にてFireBug1.0系のインストール。 FireFox - DOMインスペクタのインストール FireFoxインストール時にDOMインスペクタが入っていない場合は、FireBug1.0系の機能を最大限
Leak Monitor :: Mozilla Add-ons :: Add Features to Mozilla Software JavaScriptのメモリリークを検出するFirefox拡張。 Firefox用のメモリリーク検出用機能拡張である、Leak Monitorをインストールするといろんなところでメモリリークが起きていることが検出できます。 script.aculo.us でさえ、prototype.js の影響によって次のようなメモリリークが出てしまう模様。 JavaScriptの場合、マニュアルなどが整備されておらず、ブラウザごとに仕様が違うため、 何を対策すべきか、といったことがよく分からなかったりしますが、この拡張があれば、少なくともFirefoxの場合においてはメモリリークを防げそうですね。 関連エントリ WebデザイナーのためのFirefoxエクステンション20
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く