jQueryで多数の要素を生成して追加する場合のパフォーマンスについて | JavaScript | かたつむりくんのWWW
jQuery で多数の要素を生成して別の要素に追加する場合、どんな書き方が速いのかなーと思って試してみました。 今回は、3,000回ループを回して既存の要素に追加していくというのを、パッと思いつく感じの6パターンで試してみました。 サンプル（※モダンブラウザ以外では実行しない方が良いです！） さて、HTMLのソースは次の通り単純です。 <ul id="result"> <li>このリストに結果を追記する</li> </ul> また、次の1文は最初に定義しておきます。 var $result = $("#result"), n = 3000; 1 : 毎回要素を生成して append() していく for (var i = -1; ++i < n;) { var $li = $("<li></li>").text(i).attr("id","id_" + i).addClass("class
MAMP の MySQL をコマンドで扱うには | MySQL | かたつむりくんのWWW
Mac の代表的な開発環境と言えば MAMP ですね。 MAMP をインストールすると、初めから phpMyAdmin が使えるので、MySQL の作業はついついそれに頼ってしまいがちです。 しかし、サーバーによっては phpMyAdmin がインストールされていない場合もあり、コマンドで作業しないと行けないこともあります。そんな時のために、MAMP の MySQL をコマンドで操作して練習しておきたいですね。 MAMP の MySQL をコマンドで操作する MAMP の MySQL を扱う場合には、まずは次のコマンドでディレクトリを移動します。 cd /Applications/MAMP/Library/bin そしてデータベースにログインするには、 ./mysql -u root -p です。ちなみに、MAMP のデフォルトのパスワードは root ですね。 パスを通す でもこれだと、
MTのダイナミックパブリッシングが真っ白だったのが解決したメモ | Movable Type | かたつむりくんのWWW
CMS 業界で注目の Craft CMS に関する記事です。Craft CMS はチーム全体をハッピーにしてくれる素晴らしい CMS です。
ブログ記事本文中の最初のimgのURLを取得する | テンプレート | かたつむりくんのWWW
Movable Type のブログ記事の本文中で、最初に出てくる画像の URL（つまり img タグの src 属性）を、regex_replace モディファイアを使って取得する方法です。 regex_replace モディファイアは、MT タグが出力する結果に対して、実際に出力する前に正規表現での置換を行うことができるモディファイアです。どの MT タグにも利用できるグローバルモディファイアですね。 このモディファイアを利用して次のように書けばOKです。 <mt:EntryBody regex_replace="/<[^i].*?>|<i[^m]*?>|<iframe.*?>|<input.*?>|<ins.*?>|<isindex.*?>|\s/g","" regex_replace='/(.*?src=")(.*?)(".*)/g','$2' regex_replace="/^[^
JavaScript のオブジェクトの中身を表示する jQueryプラグイン | JavaScript | かたつむりくんのWWW
いや、全然大したものではないのですが、自分が JavaScript のオブジェクトの中身を見たい時に、たまに使っているコードを jQuery のプラグインの形にしてみました。 コードは次のとおりです。 $.fn.extend({ printObj: function(obj, objStr) { var objName = $('<p/>').text(objStr).css({'fontWeight': 'bold', 'fontSize': '120%'}); var props = $('<dl/>'); for (var prop in obj){ $(props).append('<dt><em>' + prop + '</em></dt><dd>' + obj[prop] + '</dd>'); } $(this).append(objName).append(props);
MT Zen-Coding - 0.0.3 アップデート | プラグイン | かたつむりくんのWWW
CMS 業界で注目の Craft CMS に関する記事です。Craft CMS はチーム全体をハッピーにしてくれる素晴らしい CMS です。
著作権（copyright：コピーライト）の表記方法 | 日記 | かたつむりくんのWWW
これまで作ったブログやWebサイトにおいて、必ず登場している著作権表記。その表記方法については、Yahoo!などの有名なサイトをいくつか調べて、一番多かったものを採用していましたが、この機会に改めて調べてみました。 著作権について 日本の著作権法には、第17条（著作者の権利）第2項において「著作者人格権及び著作権の享有には、いかなる方式の履行をも要しない。」と規定されています。また、日本が加入している『ベルヌ条約』は、無方式主義（著作権は著作物を作った時点で自動的に発生し保護されるとする原則。我が国をはじめほとんどの国が採用。）を採用しています（はじめての著作権講座）。 つまり、日本国内やベルヌ条約締結国だけで考えるなら著作権を表記する必要はなく、自動的に著作権は発生し保護されます。 一方で、日本も加入している『万国著作権条約パリ改正条約』では、第3条（保護の条件）に次のような規定がありま
facebox.jsの角丸をIE6でも実現する方法 | JavaScript | かたつむりくんのWWW
先日の「facebox.jsを使用してIE6だとセレクトボックスが前面に出てしまう件の対処法」に引き続き、今日も似たようなネタですが、この記事に、次のようなコメントを頂きましたので、その対処法を紹介します。 facebox.jsを使用してIE6だとセレクトボックスが前面に出てしまう件の対処法 - かたつむりくんのWWW ほっとひと安心したところまたひとつ問題が... 調べるとこれもIE6のバグ(未実装)みたいなのですが、 Faceboxの角丸を透過してくれません。 透過pngが透過にならない為のようです。 直したくて「IE PNG Fix 2.0」という 透過PNGサポートライブラリを設定してみました。 ですが、効果が見られません。 というわけで、「IE PNG Fix 2.0」を使った対処法を紹介します。 ちなみに、「IE PNG Fix 2.0」の使い方については、基本的な部分しか書い
ブラウザによる正規表現の改行文字の違い | JavaScript | かたつむりくんのWWW
CMS 業界で注目の Craft CMS に関する記事です。Craft CMS はチーム全体をハッピーにしてくれる素晴らしい CMS です。
Movable Type で CAPTCHA 認証を使わないでスパム対策をしてみる | テンプレート | かたつむりくんのWWW
CAPTCHA 認証は、ブログに限らず多くの Web サービスで取り入れられている代表的なスパム防止策です。もちろん Movable Type でも利用できます。しかし、 Web サービスによっては結構見づらかったり、そもそも規則性のない文字列を入力するのは面倒だったりします。 そこで、効果があるかは分かりませんが、もう少しユーザーに手間をかけないスパム対策を考えてみました。 CAPTCHA 認証は、フォームに入力した文字列が正しくないと「送信」が行なえないことでロボットのスパムを防止するという仕組みだと思います。だったら初めから「送信」ボタンがなかったらスパムは来ないんじゃない？という単純な発想です。 そこで今回、このブログの Movable Type のコメントフォームに導入して試してみます。最初はソース上でも「送信」ボタンはなくしてしまって（非表示ではなく）、何の変哲もないボタンをク
Source Code Cleaner 2.0 アップデート - tabindex、accesskey、外部リンクclassを自動で追加する！ | プラグイン | かたつむりくんのWWW
Movable Type で構築されるページの余分な改行や空行などを全部取り払ってしまう「Source Code Cleaner（ソースコード・クリーナー） - Movable Type プラグイン」をバージョン 2.0 にアップデートしました。 今回のバージョンでは、pre 要素内の改行等はそのまま残すことが出来るようになったほか、テンプレートやファイルごとにプラグインを適用させないこともできるようになりました。 また、逆に全ての改行を取り除いてファイルサイズを簡易的に圧縮することもできるようになりました。 さらに、tabindex 属性や accesskey 属性、外部リンクに class 属性を自動で振ってくれちゃう機能も追加しました。これは便利かも！ パワーアップした点 pre 要素内には適用せずに、空行などをそのまま残せるようになりました。 すべての改行を取り除くことができるよう
MTCommentReplyToLink タグを Another HTML-lint で花マルにする | テンプレート | かたつむりくんのWWW
MTCommentReplyToLink タグとは、Movable Type のコメント返信機能で特定のコメントに返信する為のリンクを出力するテンプレートタグです。 <$mt:CommentReplyToLink$> このタグを上のように書いて再構築すると、次のようなソースが書き出されます（「(3, '匿名')」の部分はそれぞれ違います）。 <a title="返信" href="javascript:void(0);" onclick="mtReplyCommentOnClick(3, '匿名')">返信</a> このままでも全然問題ないのですが、Another HTML-lintでチェックすると、次のように１点減点されてしまいます。 0: line 80: (<a> の href 属性の URI に指定されているスキーム `javascript` の利用は薦められていません。) → 解
Movable Type のデフォルトのテンプレートのヘッダー部分を一つにまとめてみた | Movable Type | かたつむりくんのWWW
Movable Type のデフォルトのテンプレートのヘッダー部分を一つにまとめてみた Movable Type 4.2 のデフォルトのテンプレート（既存のブログ）のヘッダー構造を一つにまとめてみました。 デフォルトのテンプレートのヘッダー部分は、本当に共通する部分のみ「HTMLヘッダー」というテンプレートモジュールになっていて、その他は各テンプレートに直接書かれています。 これは構造は、Webデザイナーにとってもテンプレートの構造をイメージしやすいようにと、Movable Type... Movable Type 4.2 のデフォルトのテンプレート（既存のブログ）のヘッダー構造を一つにまとめてみました。 デフォルトのテンプレートのヘッダー部分は、本当に共通する部分のみ「HTMLヘッダー」というテンプレートモジュールになっていて、その他は各テンプレートに直接書かれています。 これは構造は、
Movable Type と WordPress のデータベースをモデル図で比べてみる | Movable Type | かたつむりくんのWWW
CMS 業界で注目の Craft CMS に関する記事です。Craft CMS はチーム全体をハッピーにしてくれる素晴らしい CMS です。
デスクトップもマウスポインタも Movable Type にしてみた | 日記 | かたつむりくんのWWW
CMS 業界で注目の Craft CMS に関する記事です。Craft CMS はチーム全体をハッピーにしてくれる素晴らしい CMS です。
Movable Type のテンプレートをカスタマイズするときのバージョン管理 | Movable Type | かたつむりくんのWWW
ここ数日、Movable Type 4.2 のテンプレートをいじっています。目標は vicuna CMS のような Valid XHTML 1.0 Strict で、カスタマイズもしやすいテンプレートを作ることです（まだ遠い目標だけど）。 さて、テンプレートをあれやこれやといじっていると、カスタマイズ中のテンプレートのバージョン管理がしたくなってきます。 Movable Type プロフェッショナル・スタイル MT4.1対応の中では、「TortoiseSVN」を使ったバージョン管理方法がさらっと書いてありますが、バージョン管理ソフトの使い方を新しく覚えずに、もっと手軽にバージョン管理したいとの理由から導入を躊躇していました。 そんな中、ふとMoveble Type のテンプレートを書き出すプラグインを応用してバージョン管理をする方法を思いつき、今はその方法を実践しています。 使用するプラブ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
