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
[Script][jQuery]document.writeを動的に読み込ませる方法 勝手にブログカスタマイズ
アフィリエイト情報、簡単アクセスアップ方法、CSS、Script、ProxomitronフィルターなどWEBカスタマイズの為の小技集。ほぼ自分の為のメモです。 document.writeを使うと、挿入したスクリプトより下の全てのDOM要素はスクリプトの処理が完了するまでレンダリングがブロックされるという問題点があります。また、他の動的読み込みもブロックします。 結果として、ページの表示速度が遅くなる可能性が大きくなります。 document.writeを使用せず、document.getElementById('hoge').innerHTMLなど代替の記述を取れば簡単に済むのですが、ブログパーツや広告スクリプトなど自分で弄り様のない外部ファイルなどの場合は厄介です。 jQueryを利用してdocument.writeを非同期(動的)に読み込み書き出す記述をメモ。 <div class=
Google Chrome(グーグルクローム)でタブを横サイドバーに縦表示する拡張アドオン 勝手にブログカスタマイズ
Chromeバージョン16以前は「サイドタブ機能」というものが用意されていましたが、16以降では使えなくなりました。 拡張アドオンをインストールすることでサイドバーにタブを表示させることができます。 Sidewise Tree Style Tabs 動作も軽くて使いやすいですが、完全なドッキングというわけではないので、上部にタブが残りますし、最小化で取り残されたりします。 なんだか惜しいです。
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タグだけを消すことができます。
Google日本語入力、言語バー非表示のメリット・デメリット 勝手にブログカスタマイズ
アフィリエイト情報、簡単アクセスアップ方法、CSS、Script、ProxomitronフィルターなどWEBカスタマイズの為の小技集。ほぼ自分の為のメモです。 http://www.google.co.jp/ime/ 結局、Google日本語入力をインストールしました。 いやー、やっぱり変換賢いです。 Baidu IMEは多機能な割に細かい設定項目がなくイライラ。 ・中国製IME「Baidu IME」が便利！でも無変換ボタンが効かない それでも、グーグル様様で万事解決、とは、すぐには行きませんでした。 Google日本語入力は、前に使用したことがるのですが、設定で「IMEの切り替えを無効化」していても、使っているうちにMS IMEに勝手に切り替わることがあったので、イライラしてアンインストールした苦い思い出があります。 そういうわけで、MS IMEを起動しなければ切り替わることもないので、
[FC2ブログ]ユーザータグ一覧リストの表示数を任意に制限する 勝手にブログカスタマイズ
アフィリエイト情報、簡単アクセスアップ方法、CSS、Script、ProxomitronフィルターなどWEBカスタマイズの為の小技集。ほぼ自分の為のメモです。 ユーザータグ一覧リストをカテゴリーのようにサイドバーのプラグインで表示すると、やたらめったらリンクの数が増えて、使いにくいです。SEO的にも良くありません。 表示数を制限する機能がFC2ブログ自体に備わっていないので、スクリプトで好きな数だけ表示できるように実現します。 ・プラグイン→ユーザータグの編集(html) <ul id="tag"> <!--ctag--> <li><a href="<%ctag_url>"><%ctag_name></a>(<%ctag_count>)</li> <!--/ctag--> </ul> ...<a href="http://ほげほげ.blog.fc2.com/?template=tag_it
BypassページでAdListを通過させる方法 勝手にブログカスタマイズ
プロクソミトロンのヘッダフィルタ「URL-Killer: kill-a-URL (out)」がBypass登録ページ内のAdList(別ドメイン)にガッツリとヒットしてしまうのが気に入リません。 バイパスページでは全てをバイパスして欲しいのに。 そこで、該当するリストを、AdListからウェブフィルタ内へ移動させます。 例えば、 AdListにグーグルアドセンス pagead2.googlesyndication.com/pagead/show_ads.js を登録していた、として、 これをAdListから削除。 代わりに、ウェブフィルタで 範囲のマッチ(Bounds) <script*</script> マッチさせる語句(Match) *pagead* と作成すれば、Bypassページでは機能を自動でオフにすることができます。 qlook管理画面proxomitronやアドオンで広告消す
iframe内ページの表示位置をCSSのmarginを使って変える方法 勝手にブログカスタマイズ
上下左右、好きな部分だけを表示する。 余白が邪魔だったり、画像の下の文章だけ表示させたりにも対応。 インフレーム要素で違うドメインのサイト(クロスドメイン)を呼び出すときにも使えます。 元ページ（例） マダム・タッソー東京＜公式＞ 通常はページの左上がデフォルト表示される カスタマイズでページ中央を表示 <div style="width:200px;height:200px;margin:0px;overflow:hidden;"> <iframe width="800px" height="500px" frameborder="0" style="margin:-100px 0 0 -204px;overflow:hidden;" src="https://www.madametussauds.jp/ja/"> </iframe> </div> CSSの設定でずらして見えなくしてます
クリックされなくても貼るだけで収益になる[忍者アドマックス](インプレッション報酬) 勝手にブログカスタマイズ
アフィリエイト大嫌いって人はスルー推奨。 最近、「忍者アドマックス」っていう広告をブログに貼っているんですが、 参考：[クリック保証型]マイクロアドの代わりに忍者アドマックス比較して試してみた 始めて半日で、誰にもクリックされてないのに報酬がありました。 約120回の表示で2円ついてます。 たぶん、広告の大きさや貼る場所など色んな条件によって多少は変動するんでしょうけど、 ブログにただ遊びに来てもらうだけで成果が出るのは嬉しいです。 表示された回数によって成果が貰えるインプレッション報酬と、クリックされた回数によって成果が貰えるクリック報酬とを自動で織り交ぜて配信するシステムだそうで、一度貼り付けたら勝手に色んな広告に切り替わって手間いらずです。 ちなみに「忍者ポイント」は1年以内に500円分以上を貯めないとポイント失効してしまうシステムなんですが、誰にも1度もクリックされなくても1日12
カテゴリーページ記事タイトル一覧表示 勝手にブログカスタマイズ
アフィリエイト情報、簡単アクセスアップ方法、CSS、Script、ProxomitronフィルターなどWEBカスタマイズの為の小技集。ほぼ自分の為のメモです。 「記事コンテンツの設定」の「コンテンツHTML編集」を開いて <% if:page_name eq 'category' -%> <div class="navi"> ～ </div> <% if:pager.need_pager -%> <div class="navi"> ～ </div> <% /if -%> ※[ココに挿入] <% /if -%>の部分に <div class="sidetitle"> <p>『<% category.name %>』の記事一覧です。</p> </div> <div class="side"> <% loop:list_article -%> <% article.createstamp |
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
