ベルリンのかっこいい建物 ドイツ旅行9日目&10日目。ベルリンに2泊する。 ベルリンは1度家族旅行で来たことがあり、今回はエスカレーターをめあてにしていただけで、他に予定は決めていなかったのだが、今回のドイツ旅行で一番印象に残った街で、「また訪れたい」と思った街でもあった。ナチス…
 
      
  
 
  
  Firebugで元のJavaScriptのコードに手を入れずにdebug用のconsole出力を入れる方法 - 文殊堂の応用編 参照が欲しい無名関数の中の適当な所で、 breakpointを設定し、条件を↓にする。 (window.someFunction = arguments.callee),false この無名関数が1度でも実行されれば、someFunctionで参照できるようになっている。 someFunction.toSource(); とかやると以下のようになる。 (function ($) {var map = new Array;$.Watermark = {ShowAll: function () {for (var i = 0; i < map.length; i++) {if (map[i].obj.val() == "") {map[i].obj.val(map[i
 
      
  Firebugでは条件付きブレークポイントが使えるので、 scriptタブにて該当行にブレークポイントを貼り、 条件としてconsoleへの出力を||区切りで、最後に&& falseを入れる。 console.debug('this.lastPosition') || console.dir(this.lastPosition) && false こうするとブレークポイントを通る度にconsoleへの出力は評価され、 consoleに出力され、最後の&& falseのため式全体は必ずfalseとして評価されるため ブレークすることはない。 追記 console出力系関数の戻り値はundefinedなんだから&& falseは不要か 追記 nanto_vi @monjudoh JSでは||より&&の方が優先順位が高いので、a || b && c はaが真ならbもcも評価されずに全体が真として
 
      
  Chromeのcopyは, たしか, 隠しinput[type=text]作ってcopyさせたいものをvalueにいれて, selectionStart/Endをいじって, focusあてて, document.execCommand('copy')すればJSだけでできる. http://twitter.com/Constellation/status/7188365498 これを参考にcopy関数を作ってみた。Internet Explorer、Safari、Google Chromeで動く。FirefoxとOperaで上手くいく方法は発見できず。 おまけでFirebugの入ってるFirefoxでも動くようにしてみた。 function copy(text) { var input, success; if ("console" in window && "notifyFirebug"
Firefox web browser - Faster, more secure & customizable hacks.mozilla.orgにおいてfile drag and drop in Firefox 3.6のタイトルのもと、Firefox 3.6でファイルのドラッグ&ドロップと複数ファイルの選択を処理する方法が紹介されている。ドラッグ&ドロップ対象のデータを扱うDataTransferはFiorefox 3.0 (Gecko 1.9)で、ドラッグ&ドロップのイベントはFirefox 3.5 (Gecko 1.9.1)で、非同期のファイル読み込みはFirefox 3.6 (Gecko 1.9.2)で実装されている。これらを組み合わせて処理する方法が簡単に説明されている。なお、複数ファイルを選択する方法は同じくhacks.mozilla.orgにおいてサンプルコードが紹介されて
■【3】JavaScriptをハイライティング「FireRainbow」 FireRainbowは、JavaScriptをハイライティングするアドオンです。Firebugの中で表示するJavaScriptが見やすくなります(図13)。
 
      
  はてなブックマーク Firefox 拡張 実装の舞台裏 nanto_vi, 2009-11-08 自己紹介 nanto_vi (TOYAMA Nao) Days on the Moon (ブログ), Twitter 株式会社はてな アルバイト 概略 コーディング規約 スクリプトのモジュール化 データベースと O/R マッパ サイドバーとカスタムツリービュー ブックマーク追加ダイアログと XBL FUEL のメモリリーク おすすめタグと本文抽出ライブラリ コーディング規約 変数宣言には let を使う メソッドとなる関数式には名前を付ける インデントはスペース 4 つ (はてなの慣習) function FooBar() { ... } extend(FooBar.prototype, { method: function FB_method() { let x = ... ... }, g
以前からある手法から順番に見ていきます。 ページの高さの監視 setIntervalでページの高さを監視して、増えていたらAutoPagerizeが動いたとみなして処理を行う var THRESHOLD = 300; var _height = window.innerHeight; setInterval(function(){ if (window.innerHeight - _height > THRESHOLD) { // 処理 } _height = window.innerHeight; }, 300); メリット AutoPagerizeだけでなく、はてなダイアリー・ブックマーク、Twitterなどでのサイト側でのページの継ぎ足しにも対応できる デメリット THRESHOLDをいくつにするかなど、一概に決められない。タイマーをたくさん回すと重くなる。Floatしている要素を継
(Please use Lite mode if your device has less memory or low processor.) The AutoPager Firefox extension automatically loads the next page of a site inline when you reach the end of the current page for infinite scrolling of content. It includes a adblock similar features to allow you filter out the ads from the contents in the loaded page contents. It works well with most of the greasemonkey scrip
 
      
  Firefox拡張機能開発チュートリアル XULの基礎からXPCOMの利用方法まで徹底解説! 2008/4/12 2008/9/25 2009/3/12 Software Design誌2007年4月号第2特集「Firefox拡張機能開発チュートリアル」をFirefox Developers Conference Summer 2007でテキストとして頒布するために再録したものです。また、付録として知って役立つOSSのライセンスも収録させていただいています。 ダウンロード 目次 奥付 ライセンス 関連文書 Home Back to List 目次 1章:Firefox拡張機能ことはじめ(江村 秀之(level)) はじめに 拡張機能普及の背景 拡張機能でできること 拡張機能を作ってみよう! 2章:拡張機能開発で使う技術(下田 洋志) 拡張機能開発に利用する技術 それぞれの技術の役割 最低限
Firefox アドオンの「Firefbug」はご存知の方も多いと思いますが、Firefbug を使って表示しているページの(X)HTMLマークアップや CSS を確認・修正する方法のまとめを紹介します。 特に3項に記した、(X)HTMLとCSSを一発で確認する方法はおすすめです。 動作は Firefox 3.5 + Firebug 1.4.0b7 で確認しています。 1.基本:(X)HTML マークアップと CSS を表示する 確認したいページを表示した状態で、メニューバーの「表示」→「Firebug」を選択します。または F12 を押下します。 これでページ下半分に Firebug のウィンドウが表示され、左側に(X)HTMLマークアップ、右側にそのページで使われている左側のウィンドウで選択状態になっている要素の CSS が表示されます。この手順で Firebug の画面を開くと、bo
 
      
  // ==UserScript== // @name 超テスト // @namespace http://d.hatena.ne.jp/drgqst/ // @description 超スーパーグレイトウルトラテスト // @include http://www.google.co.jp/* // ==/UserScript== (function(){ /* ここに JSDeferred のコードを貼り付けた */ function parseJSON (d) { // unsafe return eval("("+d.responseText+")"); } next(function () { return xhttp.get("http://twitter.com/statuses/public_timeline.json").next(parseJSON); }). next(f
 
      
  たしかに両者は似ているところもあるのだが... 正直、僕はそんなに似ていると言いたくない。何か誤解を与えそうで怖いからだ。 いろいろと書く前に言葉の定義 Jetpack 拡張本体 Greasemonkey 拡張本体 JetpackScript Jetpackのエンジンで動作するスクリプト UserScript(ユーザスクリプト) Greasemonkeyのエンジンで動作するスクリプト 似ているところ Jetpack, Greasemonkey どちらも拡張機能であること どちらもスクリプトのエンジンであること JetpackScript, UserScript インストール/アンインストールにFirefox自体の再起動が必要ない JavaScriptで記述 制限を緩和するためのAPIがある 値を保持するためのAPI クロスサイトなXMLHttpRequest 似てないところ Jetpack
Firefoxにスクリプトベースの軽量アドオンを追加可能にするJetpack。バージョン0.1.0からスタートしたエンジンはあっという間に0.1.5にまでバージョンアップし、さらにJetpack Enhancement Proposal(JEP)と呼ばれるAPI候補も公開されるなど、凄まじい勢いで開発が進められている。 そんな中、Product LeadのAza Raskin氏が自己のブログで『Jetpack FAQ』を公開した。ユーザーからの質問にRaskin氏が答える形式で、抽象的な回答にとどまっているものも少なくないが、時折強く興味を惹かれる記述も見られた。 一つ目がこれだ。 Q: Is Jetpack competitive against the Greasemonkey add-on or is the goal really something different? They
はじめに JavaScript が書ければ、誰でも簡単に Firefox の拡張が書けてしまう。しかも、もれなく jQuery が付いて来る! というものを Mozilla Labs がリリースしたみたいですね。 https://jetpack.mozillalabs.com/ というわけで 少し触ってみました Jetpack Feature の書き方 Jetpack で書く Firefox 拡張を「Jetpack Feature」といいます。 これは、以下の 2 つのものを用意すれば誰でも簡単に公開することが出来ます。 JavaScript ファイル 公開用 HTML ファイル JavaScript ファイル JavaScript ファイルには、 Jetpack Feature のアプリケーションコードを書きます。 (function() { Jetpack.statusBar.appe
RegExp オブジェクトは、パターンでテキストを検索するために使用します。 正規表現を詳しく知りたい方は JavaScript ガイド の 正規表現 を参考にしてください。 解説 リテラル記法とコンストラクター RegExp オブジェクトを生成するには二通りの方法があります。リテラル記法とコンストラクターです。 リテラル記法は引数をスラッシュで囲み、引用符は使用しません。 コンストラクター関数の引数はスラッシュで囲むのではなく、引用符を使用します。 以下の三つの式は、同じ正規表現を生成します。 /ab+c/i new RegExp(/ab+c/, 'i') // リテラル記法 new RegExp('ab+c', 'i') // コンストラクター リテラル記法では、正規表現が評価されるときにコンパイルを行います。正規表現が変化しない場合は、リテラル記法を使用してください。例えばループ内で
 
      
  < スペースアルクの検索結果はページ遷移のリンクがJavaScriptになっているため、XPathでどう頑張っても対応できないという話がAutoPagerize Wiki: siteinfo requestにあった。 それならと、AutoPagerizeにインクリメントモードとURLフィルターを追加するプラグインを書いてみた - 0xFFにアルク対応を入れてみました。 http://ss-o.net/userjs/test/autoincrementerplugin.user.js (Minibuffer、AutoPagerize、LDRizeそれぞれの最新版との組み合わせで動作確認しています) カスタムAutoPagerize - 0xFFをどうぞ。 今回はAutoPagerize.addDocumentFilterを使いました。 AutoPagerize.addDocumentFilt
Vimperator Firefox AddonであるVimperatorの解説(主に開発視点) トップページページ一覧メンバー編集 × FrontPage 最終更新:ID:iy6zZnngrQ 2009年10月23日(金) 08:20:22履歴 Tweet プラグイン開発 プラグイン一覧 liberatorオブジェクト一覧(version 1.2) liberatorオブジェクト一覧(version 2.0) liberator.modulesオブジェクトの主なプロパティ一覧 ソース一覧から見ていく(ソースの構成) vimperator 2.0 ヘルプ翻訳プロジェクト 外部リンク Vimperator関係の公的ページやプラグイン配布先、日本語サイトなど 公式ページ Projects (vimperator labs) Vimperator :: Firefox Add-ons Main
 
      
  はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28
はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
