jQuery を高速に使う CSS セレクタの書き方
jQuery は CSS セレクタで要素を選んで処理できるのが魅力的ですね。そんな jQuery ですが、CSS セレクタの書き方次第で速度が大幅に変わってきます。 ここでは jQuery の内部処理を疑似コードで示しつつ、jQuery を高速に使うためのポイントを５つに絞って紹介します。 何度も同じセレクタを実行しないクラスだけを指定するのは禁止#id を積極的に使う途中までの結果を再利用する子供セレクタ(>)を使うと速くなることがある ※ この記事は jQuery 1.2.6 のソースコードを元に記述しています 1. 何度も同じセレクタを実行しない 改善前 // 例題 1 $("div.foo").addClass("bar"); $("div.foo").css("background", "#ffffff"); $("div.foo").click(function(){alert
twitter で手軽に親孝行できるwebサービス miuchee を作りました - おもしろwebサービス開発日記
miuchee という、twitter で手軽に親孝行できるサービスを作りました。 miuchee via kwout どんなサービスか このサービスが対象としている人物像は「親孝行はしたいと思ってるんだけど面倒くさいから親に連絡はあんまりしない」という人です。miuchee に登録すると、あなたが twitter でつぶやいたツイートの “一部” を一日一回(だいたいお昼くらいに)、親のガラケーにメールで送ります。このエントリを読んでいるあなたはおそらく日頃「おなかすいた」とかどうでもいいことをツイートしていると思いますが(僕もそうです)、親にとってはそんなつまらないツイートも大事な情報です。なぜなら親はあなたが何をしているのか、何を思っているのか、普段まったく知る術がないのですから。 というわけで miuchee に登録すると、これまでのように適当にツイートしてるだけで親に近況を伝える
[JS]実装も超シンプル、高さや幅が異なるエレメントを揃えるシンプルなスクリプト -equalize.js
エレメントの高さ（height）、幅（width）だけでなく、outerHeight, innerHeight, outerWidth, innerWidthのサイズを揃えるjQueryのプラグインを紹介します。 デモ：幅 equalize.jsの使い方 Step 1: 外部ファイル 「jquery.js」と当スクリプトを外部ファイルとして記述します。 <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js"></script> <script src="js/equalize.js" type="text/javascript"></script> Step 2: HTML HTMLは適用する要素を内包するラッパーを用意します。 下記はデモの高さを揃える方のHTMLです。 <div id="heigh
Kentisbury Grange | Luxury Hotel in North Devon
Nestled amidst the serene rolling hills of North Devon, Kentisbury Grange stands as a beacon of luxury and refinement. This award-winning boutique manor house is a harmonious blend of timeless elegance and contemporary sophistication, promising guests an unrivalled relaxation experience. Our culinary offerings set us apart. With a diverse menu boasting the best of brasserie-style dishes alongside
EC-PHOTO
商品撮影サービス・物撮り商品撮影の代行サービス 商品撮影なら「売れる」商品写真にする プロの弊社にお任せください。 withコロナの時代、新しい撮影スタイルで、 直接会わなくても、撮影から納品まで 全て完了します！ 商品撮影なら「売れる」商品写真にする プロの弊社にお任せください。 withコロナの時代、新しい撮影スタイルで、 直接会わなくても、撮影から納品まで 全て完了します！ withコロナの時代、通販を始めてみたけど 思うように商品が売れなくて困っている… インターネットでのお買い物では、お客様は実際に商品を手に取ることができません。 そのため、商品の色や質感などを精査するために、 商品写真の重要度がとても高くなります。 とりあえずスマホで撮影した写真だと、どんなに良い商品だとしても、魅力が十分に伝わらず お客様に品質の良くない商品、信頼性に欠ける商品と誤解を招いてしまう恐れがあるの
[WP]moreタグの出力ソースを変更する
<!–more–> で記事を区切ったときに出力される続きを読むリンクや、ターゲットに使われてるspanタグそのものを変更する方法について。 デフォルトだと、全文が表示されたときに挿入されるソースはこうです。 <p><span id="more-4"></span></p> たとえばこれを次のようにDivへ変更する </div> <div id="more-4"> the_content_more_link について追加 正規表現置換による方法 2.5以上だとTinyMCEの性能がいいので大抵以下の正規表現置換で変更出来ると思います。 このブログのテーマ（Vicuna）もこれで置換しています。 function.phpに以下をコピペしてみてください。 function moretag_custom($content) { if (is_page() || is_single()) { $co
![[WP]moreタグの出力ソースを変更する](https://cdn-ak-scissors.b.st-hatena.com/image/square/8d71ff5111e05619a10d29bb40d7aebaa75c8fbc/height=288;version=1;width=512/https%3A%2F%2Fs0.wp.com%2Fi%2Fblank.jpg)
[WordPress]プラグインとして追加できるフィルター機能はどのように実現されているのか
add_filter関数はオリジナルのフィルター関数を登録するための関数で、フィルター関数を登録するとWordPressが出力するあらゆるデータを加工して出力を行うことができます。apply_filters関数は登録されたフィルター関数を実行するための関数です。どのような仕組みで実現されているのか気になったのでソースコードを確認しました。完全にトレースできたわけではありませんが、メモを兼ねて記事として公開します。バージョン3.1.3のソースコードとなります。 例えば下記のようなコードをプラグインファイルに記述してpluginディレクトリにアップロードすると、全ての記事タイトルに(こんにちは)という文字列が連結されて表示されます。これはadd_filter関数によって登録されたフィルター関数がapply_filters関数によって、画面に出力される前に(こんにちは)という文字列を連結させる処
プラグイン API - WordPress Codex 日本語版
このページは、WordPress のプラグイン開発者が利用可能な API （Application Programming Interface) フックとその使用方法を明文化したものです。 この文章は、プラグイン開発方法の概説 (そして多くの詳細) を示した「プラグインの作成」を読んでいることを前提としています。また、この文章は、特に、WordPress がプラグインを作動させるのに使う「フック (hook)」(別名「フィルター (filter)」、「アクション (action)」) のAPI について書かれています。 メモ: この情報は WordPress のバージョン 1.2 以上が対象です。バージョン 1.2 以前は、改造は「ハック」と呼ばれ、WordPress の本体コードの修正が含まれていました。 WordPress はプラグインを WordPress 本体に “引っ張り込む (
the_content()の代わりにget_the_content()を使う | WordPressDesign
the_content()の代わりにget_the_content()を使うコンテンツの内容にPHPで処理を加えて出力する場合、関数the_content()内の処理を手動で行い、成形された状態を出力させる。 $content = get_the_content(); // コンテンツ内容を取得 ： // コンテンツ($content)に何らかの処理や加工 ： // コンテンツ($content)を成形 $content = apply_filters('the_content', $content); $content = str_replace(']]>', ']]>', $content); echo $content; // 成形されたコンテンツを出力 コンテンツ内の文字列を別の文字列に置き換えて出力するときに便利。 256design テンプレートタグ
Codex:WordPress Codex 日本語版について - WordPress Codex 日本語版
本サイト『WordPress Codex 日本語版』は、「WordPress Codex」（英語版）の和訳や、日本語ユーザ向けのノウハウ・資料などの情報を蓄積・整理し、日本語ユーザで共有しています。また、こちらで書き起こした内容を英語版に反映したりもしています。 WordPress の進化はとても早く、書籍やウェブ上の検索で見つかる使い方の説明やリファレンス、カスタマイズ、プラグイン情報などは、バージョンが違うとそのままでは使えなかったり、機能が既に本体に組み込まれていたりといったことがよくあります。共同で Codex に整理して更新していくことにより、誰でも見つけやすく、最新バージョンに合った資料をまとめて読むことができます。 このサイトは、ページを書くことからサイト運営まで全て、あなたのような WordPress の日本語ユーザによるボランティアで行なわれています。 英語版と同じく W
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
New Content Available soon!
Change more tag url
Support - ShareThis
http://forums.sharethis.com/topic.php?id=138