Proxomitron自作フィルター集(2014.09.08) 勝手にブログカスタマイズ
アフィリエイト情報、簡単アクセスアップ方法、CSS、Script、ProxomitronフィルターなどWEBカスタマイズの為の小技集。ほぼ自分の為のメモです。 個人使用にてオミトロンで常時有効にしているフィルターの一覧です。 先人様たちのお作りになったものやデフォルトで入ってるものを改造したりしなかったりで自分仕様にまとめています。趣味の範囲で作成していますので、誤動作の可能性を多分に含みます。 ご使用は自己責任でお願いします。 日常的に修正、改良を加えていますので、この記事は常時更新します。 基本、Webページ・フィルタです。 一応、リスト順。 /ヘッダ・フィルタ/ URL: skip URL (Out) [140811] URLにhttp...http...が含まれるのを条件に、任意のクッションページを自動でスキップします。 [HTTP headers] In = FALSE Out
Yahooショッピング検索ボタンをAmazon商品ページ内に表示して瞬時に比較する方法 勝手にブログカスタマイズ
アフィリエイト情報、簡単アクセスアップ方法、CSS、Script、ProxomitronフィルターなどWEBカスタマイズの為の小技集。ほぼ自分の為のメモです。 ネット通販はもっぱら楽天とAmazonだけだったのですが、 Tポイントを貯めるようになってからヤフーショッピングでの買い物も意識するようになりました。 というわけで、 フリーソフト「Proxomitron」を使って、売値やレビューを参考にしたい時に、Amazon商品ページ内に「自動で商品名を入力した検索ボタン」を表示（要はこういうリンク→Y! ショッピング）して、素早くYahooショッピングの同じ商品を検索する方法を解説。 以下のフィルターソースをコピペでWebページ・フィルタ内にインポート。 [Patterns] Name = "[@Amazon] Yahoo! Shopping Search [131213]" Active =
毎月ごとに背景色・壁紙など3箇所(複数箇所)まとめてCSSを変更する方法 勝手にブログカスタマイズ
アフィリエイト情報、簡単アクセスアップ方法、CSS、Script、ProxomitronフィルターなどWEBカスタマイズの為の小技集。ほぼ自分の為のメモです。 body背景色、header背景色、バナー画像など複数箇所のスタイルシートを毎月ごとに一度にまとめて変更する方法。 季節に合ったデザインに自動で更新したい場合などに便利なカスタマイズです。 もちろん、 ・毎月ではなく、二ヶ月おき、三ヶ月おきなんかも可能。 ・変更箇所は1箇所～何箇所でも可能です。 試案サンプル(1) jqueryでCSSを弄る var mo=new Date().getMonth(); var bg=[ /*1*/['FFFFFF','552C01','hoge1.gif'], /*2*/['7792ED','07081A','hoge2.jpg'], /*3*/['E4E4BE','818248','hoge3.j
BODY内で外部CSSをheadへ挿入させるscript記述方法 勝手にブログカスタマイズ
アフィリエイト情報、簡単アクセスアップ方法、CSS、Script、ProxomitronフィルターなどWEBカスタマイズの為の小技集。ほぼ自分の為のメモです。 BODY途中のスクリプトから、外部ファイルのスタイルシートを呼び出して head要素内にLINKタグで挿入させる方法。 Script内に以下を書く。 var css=document.createElement("link"); css.setAttribute("rel","stylesheet"); css.setAttribute("type","text/css"); css.setAttribute("href","ほげほげ.css"); document.getElementsByTagName("head")[0].appendChild(css); どうやらheadに挿入するには、 $("head")[0].appe
Proxomitronが重くなる！？フィルター高速化のための10の方法 勝手にブログカスタマイズ
アフィリエイト情報、簡単アクセスアップ方法、CSS、Script、ProxomitronフィルターなどWEBカスタマイズの為の小技集。ほぼ自分の為のメモです。 普段からProxomitronフィルターをと弄っていると、いつの間にか重くなっていることがあります。 快適にインターネットをする為に使っているのにウェブブラウジングの処理が遅くなるようでは本末転倒です。 忘れっぽい自分のために、10のコツをメモ。 ・$URLを検索表現の先頭に置くと、著しく速度が低下する$URLを検索表現の先頭に置くと、Proxomitronは1バイトずつURLテストします。 これは非常に効率が悪く、$URL を何らかのマッチングパターンの後ろに置いた方が速くなります。 ・検索の先頭に「 * (ワイルドカード)」を使うと、遅くなる対象範囲の開始文字列を決めてから使いましょう。 ・$NESTは * より速い$NESTは
右クリック禁止、左ドラッグ選択禁止を解除する方法 勝手にブログカスタマイズ
アフィリエイト情報、簡単アクセスアップ方法、CSS、Script、ProxomitronフィルターなどWEBカスタマイズの為の小技集。ほぼ自分の為のメモです。 今や指の数より数倍も多くのボタンが付いたマウスが当たり前のようにある時代ですが、久しぶりに右クリック禁止・左ドラッグ禁止のサイトに出会いました。 クリック対策なんて、もう過去の遺物だと思っていたんですが、ネットで検索してみると未だに結構エントリーされてるみたいですね。 でも簡単にソースを見てしまえるのであまり意味のない機能に思えます。 一応、Proxomitronソフトで「右クリック禁止を無効にする」フィルターなんぞ自作したんですが、あまりにも陳腐(コンテキストメニュー回避しただけ)で無力だったので、作り直してみました。 ・「右クリック禁止」と「左ドラッグ選択禁止」機能に力の限り対抗しました。 ・html、JavaScript、CS
innerHTMLとDOM(appendChild,createElement等)、どっちが速い？[表示速度の比較] 勝手にブログカスタマイズ
アフィリエイト情報、簡単アクセスアップ方法、CSS、Script、ProxomitronフィルターなどWEBカスタマイズの為の小技集。ほぼ自分の為のメモです。 innerHTML と DOM(appendChild、createElement等)の処理速度を比較したい。 検索すると頭の良い先人様達の有益な情報が沢山出てきました。 そんな情報を元に、自分用にあれこれメモしてみます。 ちなみにjQuery.appendは、JavaScriptベタ書きのappendChildと同等の挙動なので、 jQuery.appendとappendChildの実質的な処理速度に差は無いです。(たぶん) 結論から言うと、DOM群よりinnerHTMLの方が処理は速いようです。 (うだうだと賢人様たちの情報を漁った結果) innerHTMLとDOM(createElement..)での描画速度の比較 大体2～3
[おすすめサーバー]Googleドライブに外部ファイル(script,css,htmlなど)をアップロードする方法 勝手にブログカスタマイズ
アフィリエイト情報、簡単アクセスアップ方法、CSS、Script、ProxomitronフィルターなどWEBカスタマイズの為の小技集。ほぼ自分の為のメモです。 Googleドライブ https://drive.google.com/ Googleドライブは、クラウドストレージサービスです。 PCローカルとサーバーを同期させ、ネット上にアップロードした文書ファイルなどを、URLを知る任意の仲間同士で閲覧したりダウンロードしたりコメントしたりできる情報共有に特化したツールなんですが、この「情報共有」の「一般公開」する機能を一般ウェブサイト用の外部ファイルとして参照・呼び出しできるように扱うことができます。 スクリプト、スタイルシート、htmlのウェブページまでアップロードできます。 ホスティング機能というやつです。 無料で、レスポンス良好で、使いやすくて、URLが謎(？)で、メンテナンス運営と
document.writeの代わりに動的に書き出す方法 (script要素自身の取得、insertBefore) 勝手にブログカスタマイズ
アフィリエイト情報、簡単アクセスアップ方法、CSS、Script、ProxomitronフィルターなどWEBカスタマイズの為の小技集。ほぼ自分の為のメモです。 ブログパーツなどscriptタグで出力したい場合、document.write()で書くと、とても楽チンなのですが、DOM構築をブロックさせてしまう問題が残ります。 そこで、document.write()の代替案として思い浮かんだ方法が以下の2つ。 1.idを付属させる <div id="hoge"></div> <script src="parts.js"></script> idありきなら、js内で var nn=document.getElementById('hoge'); nn.innerHTML='<p>書き出したい内容</p>'; みたいな感じで動的に出力が可能です。 これが一番簡単なのですが、表示させたいページ全て
[Script][jQuery]document.writeを動的に読み込ませる方法 勝手にブログカスタマイズ
アフィリエイト情報、簡単アクセスアップ方法、CSS、Script、ProxomitronフィルターなどWEBカスタマイズの為の小技集。ほぼ自分の為のメモです。 document.writeを使うと、挿入したスクリプトより下の全てのDOM要素はスクリプトの処理が完了するまでレンダリングがブロックされるという問題点があります。また、他の動的読み込みもブロックします。 結果として、ページの表示速度が遅くなる可能性が大きくなります。 document.writeを使用せず、document.getElementById('hoge').innerHTMLなど代替の記述を取れば簡単に済むのですが、ブログパーツや広告スクリプトなど自分で弄り様のない外部ファイルなどの場合は厄介です。 jQueryを利用してdocument.writeを非同期(動的)に読み込み書き出す記述をメモ。 <div class=
[Script]文字コード違いの日本語文字化け対策 (ANSI Shift_JIS UTF-8...) 勝手にブログカスタマイズ
アフィリエイト情報、簡単アクセスアップ方法、CSS、Script、ProxomitronフィルターなどWEBカスタマイズの為の小技集。ほぼ自分の為のメモです。 外部スクリプト内の日本語文字が、サイトで読み込むと文字化けしてしまいました。 「encoding="Shift_JIS"」サイトでは問題なく、「encoding="UTF-8"」サイトでのみ文字化けしたので、おそらく「Shift-JIS」で保存していた外部スクリプトファイルを「UTF-8」エンコードのサイトで表示したため文字コードの不一致が原因なのかな。 <script charset="Shift_JIS" src="..." この記述でも文字化け表示のエラーは解消できず。 Shift_JISエンコードを捨て、「UTF-8(BOM付き)」で保存することで解決しました。 BOM付きとは BOM＝バイト順マーク（Byte Order
[Script]IE構文エラーチェック デバッグツール 勝手にブログカスタマイズ
このブログを表示する際に、画像をランダム表示する外部スクリプトがIEで構文エラーを吐いてました。 普段はFirefoxブラウザを使用しているのでしばらく気付きませんでした。 IEには立派なデバッグツールが存在しているので便利です。 そのことを忘れていて、わざわざ「script エラーチェック」などと検索ちゃいました。 というわけで、Scriptのエラーチェック方法。 IEのツールバーにある「ツール(T)」の中にある、「開発者ツール(L)」F12 をクリック。 左タブの「スクリプト」をクリック。 「デバッグの開始」をクリック。再読み込みを行います。 エラーがある場合、右側の上部にエラー箇所をチェック(飛ぶ)するボタンが出現します。 改行していない(1行のみ)の書き方でも正確に該当箇所をピンポイントで表示してくれるので、とても便利です。 FirefoxやChromeにもWeb開発 デバッグツー
Script リスト<li></li>タグの数を制限する方法[jQuery] 勝手にブログカスタマイズ
jQueryでタグの繰り返す数を任意に指定します。 JavaScriptのみの方法はコチラ ・[FC2ブログ]ユーザータグ一覧リストの表示数を任意に制限する セレクタ 例 指定結果 :eq(index) $("ul li:eq(3)") li の4番目の要素(indexの先頭は0) :gt(no) $("ul li:gt(3)") 4番目以後の全 li の要素 :lt(no) $("ul li:lt(3)") 2番目以前の全 li 要素 $('#tag li:gt(60)').remove(); こんな感じで60個以上のliタグだけを消すことができます。
Scriptでタグに独自属性を追加、置換変更する方法 [jquery] 勝手にブログカスタマイズ
クラス属性を追加する場合、addClassが使えます $('.text'); $('a').addClass('fancybox'); でも、class=にしか使えないので、独自属性などは「attr」を使います。 $('セレクタ').attr('属性名', '属性値'); 例 fancyboxのグループ設定に必要な独自属性を追加する場合 $('.text a').attr('data-fancybox-group', 'gallery'); ちなみに後から属性値を置換変更したい場合は、'gallery'を変えれば可能です。 複数の属性を追加する場合 例：textクラス内のaタグ全てに２つ追加 $('.text a').attr({'class':'fancybox','data-fancybox-group':'gallery'}); こっちの方が便利！
複数(2番目以降)の指定したタグだけに無理矢理id属性(要素)を付加する方法 [Script] 勝手にブログカスタマイズ
アフィリエイト情報、簡単アクセスアップ方法、CSS、Script、ProxomitronフィルターなどWEBカスタマイズの為の小技集。ほぼ自分の為のメモです。 タグに後から無理矢理idやnameなど属性(要素)を付加する方法 例 <img src="aaa"> これに後からidを追加したい場合 まず、id付きタグで囲みます。 <div id="rs"> <img src="aaa"> </div> 後ろにスクリプトを追加 <script> s1='img'; s2='img id="b"'; e=document.getElementById('rs'); e.innerHTML=e.innerHTML.replace(RegExp(s1,"g"),s2); </script> 出力結果 <div id="rs"> <img id="b" src="aaa"> </div> ただ、このやり
[Script]文字列置換のワイルドカード部分一致させる書き方 勝手にブログカスタマイズ
アフィリエイト情報、簡単アクセスアップ方法、CSS、Script、ProxomitronフィルターなどWEBカスタマイズの為の小技集。ほぼ自分の為のメモです。 JavaScriptのreplaceで正規表現による後方参照 完全一致ではなく前後の部分一致でワイルドカード「*(アスタリスク)」を使用した文字列置換する書き方 hoge*huga txt.replace( /hoge(.*)huga/, "huga$1hoge"); 「.」が任意の一文字（ワイルドカード1文字）の意味を持ちます。 「+」が直前の文字の1字以上の繰り返しに、 * が直前の文字の0字以上の繰り返しにマッチします。 「()()()」は$1、$2...で呼び出し。 メタキャラクタとして"*","+"を含む表現は可能な限り長いパターンにマッチ(最長一致)します。可能な限り短いパターンにマッチ(最短一致)させるには"*","+
置換文字列の特殊文字"?(クエスチョンマーク)"を置換する方法【Perl,Script】 勝手にブログカスタマイズ
s1='aa?bb?cc' のように置換したい文字列に「？(クエスチョンマーク)」を含む場合、 そのまま書いたら置換できません。 「\?」も「??」もダメでしたが、 s1='aa[\?]bb[\?]cc' の記述方法で置換できました。
楽天市場の検索結果の広告を非表示にする方法 勝手にブログカスタマイズ
アフィリエイト情報、簡単アクセスアップ方法、CSS、Script、ProxomitronフィルターなどWEBカスタマイズの為の小技集。ほぼ自分の為のメモです。 楽天市場の商品の検索結果ページに「PR」と書かれた広告がズラーッと表示されます。 ↑の青紫色に表示されている商品は全て広告 目的の商品に関連していない広告を表示されても迷惑なので、Proxomitronで削除してみます。 ブラウザのオプションでスクリプトをオフにしてみると、広告が表示されませんでした。 スクリプト単位の仕組みと判明したので、htmlソースでscriptを検索。。。 http://image.www.rakuten.co.jp/com/js/d/sd/ab_test/mall-1.20121126.min.jsこのスクリプトを読み込まないように設定すれば消せます。 消えました。(背景が茶色なのは他のフィルタの影響です)
Script(document.write)などで書き出された文字を置換する【html.js】 勝手にブログカスタマイズ
アフィリエイト情報、簡単アクセスアップ方法、CSS、Script、ProxomitronフィルターなどWEBカスタマイズの為の小技集。ほぼ自分の為のメモです。 JavaScriptファイルのdocument.writeやinnerHTMLなどで、 <div id="111"> <a href="hoge.com/aaa">ccc</a> </div> というような文字をhtmlに書き出した場合、 これを更に別のスクリプトを使って指定した文字を置換することは可能です。 「aaa」「ccc」部分を、 <div id="111"> <a href="hoge.com/bbb">ddd</a> </div> それぞれ「bbb」「ddd」と置換したい場合には、 <script> s1='aaa' //前 s2='bbb' //後 s3='ccc' //前 s4='ddd' //後 e=documen
[Script]複数セットでリロードランダム表示[文字・画像] 勝手にブログカスタマイズ
アフィリエイト情報、簡単アクセスアップ方法、CSS、Script、ProxomitronフィルターなどWEBカスタマイズの為の小技集。ほぼ自分の為のメモです。 リロード(再読み込み)毎に、 複数の異なるデータ（違う文字や画像やリンク）を ランダムで表示させるスクリプトの方法。 試しにこのページを更新してみてください。 2か所、3か所、4か所、、、 変更する場所も、アイテムも自由に増減可能です。 例ではURLも足して3か所セットです。 タグソース <script type="text/javascript"> A_word = new Array(); B_word = new Array(); C_word = new Array(); A_word[0] = 'これはミドリガメのドリーさんです'; A_word[1] = 'これははに丸さんです'; A_word[2] = 'これは誰でし
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
