jQuery スクロールで記事の自動読み込みを実現する方法 – グリッドレイアウトにも対応 – infinititescroll等 | Stronghold Archive
jQuery スクロールで記事の自動読み込みを実現する方法 – グリッドレイアウトにも対応 – infinititescroll等 どうもこんばんは。今回のtipsは【jQuery スクロールで記事の自動読み込みを実現する方法 – グリッドレイアウトにも対応】についてです。自動読み込みと書きましたが、クリック等の手動も可能です。結構見かける手法ですのでメモしておきます。 自動読み込み用プラグイン【infinitescroll 】 インフィニティスクロール、このプラグインを使えば簡単に自動読み込みを実現してくれます。設置方法も簡単で非常に優秀なプラグインです。 スクロールで自動読み込み <div id="blogBody"> <div class="post">….</div> <div class="post">….</div> <div class="post">….</div> </d
[ JavaScript ] jQuery の基本的な書き方
今更ながら、jQuery の基本的な書き方を勉強したのでメモしておきます。 jQuery 以外のライブラリと [ $ ] が競合しないようにする ———————————————————————- jQuery(function($){ // この中では $ は jQuery として扱われる }); ページの読み込みが完了した時に関数を実行する ———————————————————————- 次の例では、ページの読み込みが完了した時に関数 test() を実行します。 $(document).ready(function() { test(); }); 次のように省略して書くことも出来る。 $(function(){ test(); }); 上のように書いてもうまく動作しない時は、 jQuery.event.add(window,”load”,function(){test();}); と
![[ JavaScript ] jQuery の基本的な書き方](https://cdn-ak-scissors.b.st-hatena.com/image/square/19691f3db719fc116cbcdd5e767c89ee15487f3e/height=288;version=1;width=512/https%3A%2F%2Fbowz.info%2Fwp-content%2Fuploads%2F2018%2F09%2Fudon-1.jpg)
透過GIFのギザギザ
GIFで透過保存した時にでるギザギザ 知らないふりをして、GIFで透過保存してきましたが、実のところどうにもギザギザが気になります。何か良い方法はないのかしら？ いろいろと試してみたところ、条件付ですが、ひとつ方法が分かったので、次の順番で、お話は進みます。
スタイルの優先順位－CSSの基本
■スタイルの優先順位 よりタグに近い、より後から読み込まれたスタイルが優先される 複数箇所でスタイルを指定すると、同じプロパティに異なる値が指定されてスタイルが競合することも起こりえます。 こうした場合には、よりタグに近いところで指定されたスタイルや、 より後から読み込まれたスタイルが優先されて、プロパティの値が上書きされます。 例えば、外部CSSファイルの指定では文字色を赤く、 <style>要素による文書単位の指定では黄色く、 style属性による局所的な指定では青く指定した場合には、 より後から読み込まれる値で上書きされるため青い文字となります。 p {color:red;} /*赤色*/ p {color:yellow;} /*黄色で上書き*/ p {color:blue;} /*青色で上書き、この値が有効となる*/ セレクタの種類
functions.phpに書いておくといいかもしれないコードいろいろ
WordPress の便利なオプションファイル functions.php。 これに数行追加するだけで、本当にいろんなことができちゃいます。今回は、functions.php に書いておくといいかもしれないコードをいくつかまとめてみました。 WordPress のテーマの中で利用する functions.php。このファイルがかなり便利で、私はいろいろと functions.php に書き込んでいます。よくプラグインとかウィジットを使えばいいじゃないかーとも言われたりしますが、プラグインは厳選して重要なものだけを使って functions.php でできるものは、できるだけそうしたいなーと思っています。 プラグインが増えればその分ファイルの読み込みが多くなって、少なからず速度も落ちるかな … とか、プラグインの管理ページがごちゃごちゃするのがイヤだーとか、そんな程度の理由なんですけど …。
うのらぼ。 - 【JavaScript】jQueryの読み込み待ちとか関数の処理待ちとか遅延処理っぽいこと
っていう JavaScript を書いたとき、 func1 の処理が完全に終わってから func2 の処理を行いたい。 そんなことを考えてたわけなのですが。 どうにかしてうまいこと処理したい、そう思って調べてたら、 動的スクリプトローディング（さんざん既出だと思うけど｜IT戦記 こんな記事を発見。 jQuery が完全に読み込まれたのを確認してから実際の処理を行う、というものなのだったので一部拝借。 $(function(){ func1(); //func2(); //setTimeout で遅延処理 setTimeout(function(){ if(!func1()) setTimeout(arguments.callee, 100); else func2(); }, 100); }); var func1 = function(){ //処理 1 return true; //処
jQueryで親要素を削除する「unwrap()」｜BLACKFLAG
最近ではレスポンシブ対応などでの構成を考える上で 要素によって、PC版ではリンクさせるけれど、スマホ版ではリンクさせない、といった HTMLソース上では＜a＞タグをつける必要があっても それを無効化する必要があることによく遭遇します。 そんな時に使える、jQueryで親要素を削除することができる 「unwrap()」が便利だったのでご紹介。 サンプルでは、リンクテキストを用意して、 PCでは通常にリンクが張られ、スマホ（iPhone/iPod、Android）では テキスト表示のみになる、といったものを紹介してみます。 HTML側ではリンク＜a＞タグの中に ＜span＞タグで囲ったテキストを入れます。 ◆HTML <a href="https://black-flag.net" target="_blank" rel="noopener"><span>リンクテキスト</span></a>
静的ページにwordpressの最新記事を埋め込むには？
はじめまして。 wordpress外のほかの静的ページの一部に、 wordpressブログの最新記事（またはその一部）が表示されるようにしたいのですが どうすれば実現できますでしょうか？ よろしくお願いします。 以前同じようなことをして、こんな作り方をしました。 —– 自分が管理するウェブサイトのトップページ（index.html）に、同じサーバ内（wpディレクトリ）にあるWordpressの全カテゴリ・新着５件を表示。 <?php require('./wp/wp-blog-header.php'); ?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://
PHP+MySQLのうんざり日本語文字化け対策 - ＳＡＴＯＸのシテオク日記
この手の話題はもううんざりしているし、ある種の技術者にとっては当たり前で自明の理というお話だと思いますが、ＳＡＴＯＸが３時間ほど悩んだので解決方法をメモ的に記事にしておきます。 たぶん、もっとスマートなやり方とかエスケープしろとかはあるとは思いますが……。 （ちなみに、PHP 5.2.17を使ってます） ■前提と問題点目的としてはPHPソースからMySQLのデータベースにアクセスし、情報の一覧をJSON形式で出力しようと思いました。 で、日本語文字を出力しようとしたところ、「????」と文字化けしてしまったというあるある系の問題が発生。うんざりです。 ひとまず基本的なお話として、データベースもフィールド文字設定もUTF-8に設定しました。 これで面倒な文字化け問題は起きないと思っていたのですが……。 で、まずはUTF-8で保存したPHPソースから、直に日本語を出力して大丈夫なことを確認。
【symfony】トランザクションの使い方：株式会社センティリオンシステム
トランザクションの使い方 - 記述日2008/3/18 - 綿引 $con = Propel::getConnection(sfConfig::get('app_idol_mem_db')); //←DB接続先 try { $con->begin(); ～処理～ $objMemberMst->save($con); ～処理～ $objMailMagListMst->save($con); if (!$boolCreditResult) //←特定の条件でrollbackしたいとき { $con->rollback(); $this->getRequest()->setError('error',sfConfig::get('app_msg_frei_error')); return sfView::SUCCESS; } cat
PHP: 正規表現パターンに使用可能な修飾子 - Manual
Regarding the validity of a UTF-8 string when using the /u pattern modifier, some things to be aware of; 1. If the pattern itself contains an invalid UTF-8 character, you get an error (as mentioned in the docs above - "UTF-8 validity of the pattern is checked since PHP 4.3.5" 2. When the subject string contains invalid UTF-8 sequences / codepoints, it basically result in a "quiet death" for the pr
PHP: 再帰的パターン - Manual
With the (?R) item you can link only to the full pattern, because it quasi equals to (?0). You can not use anchors, asserts etc., and you can only check that string CONTAINS a valid hierarchy or not. This is wrong: ^\(((?>[^()]+)|(?R))*\)$ However, you can bracketing the full expression, and replace (?R) to the relative link (?-2). This make it reusable. So you can check complex expressions, for e
preg_matchで複数行の検索を行う | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
正規表現で文字列検索を行いたいときにpreg_matchを使うことがある。 $str = 'アストロデオのブログ'; preg_match('/ブログ/', $str, $result); //$resultの中身 array([0] => ブログ) このpreg_match、検索対象の文字列が1行なら特に問題ないのだけど、複数行にまたがるようなときは、上記の書き方だと上手く結果を返してくれない。 file_get_contentsなどでファイルの情報を取得し、さらにその中の一部の情報を取得したいようなとき、1行だけしか検索できないと、都合が悪いことがある。 <div> � � � <p>アストロデオのブログ</p> </div> 例えばsample.htmlに上のようなコードがあり、そこを丸々取得したいとする。 $data = file_get_contents('sample.html
PHP 正規表現の基本 （preg_match）
正規表現をまとめてみる。 preg_match で使われる正規表現の書き方の前に まずは、 ＜検索対象文字列が1行か？それとも複数行か？＞ 文字列の中からパターンに合致する部分を探し出す場合、その文字列が1行（改行文字が１つ）なのか、複数行（改行文字が複数）なのかで、マッチ演算子を適切に指定。 preg_match("/パターン/", 調べる文字列); "/パターン/" //文字列の1行目のみを調べる "/パターン/g" //複数行を調べる "/パターン/s" //改行文字を無視し、1行とみなして調べる ついでに、 "/パターン/i" //文字列の大文字・小文字を区別しない "/パターン/is" //大文字・小文字を区別せず、1行とみなして調べる ＜基本＞ preg_match は、文字列中に現れた最初のパターンのみを検出。
[PHP] mb_ereg()じゃない、preg_match_all()に/uをつけるんだ！
ウノウラボ Unoh Labs: PHPのちょっとしたコツ 最近のスクリプト言語は機能が多く、基本的な機能はほとんど実装されているので、アルゴリズムをどうこうするより、どの機能を使うか選ぶ方が重要だったりしますね（コーディングの効率的にも）。 自分にもそういったレベルで気をつけていることがいくつかあります。 -［早起き生活］PHPのパフォーマンスチューニング -［早起き生活］PHPのパフォーマンスチューニング その2：count()も使い過ぎると重くなる -［早起き生活］PHPのパフォーマンスチューニング その3：APC投入 あと、最近気づいたTIPSとしては、 日本語を正規表現検索したいときでもereg系の関数を使うのはやめとけ なんてのもあります。 PHPの組み込み正規表現関数にはPHP独自のereg系とPerl互換のpreg系がありますが、ヘルプに書いてあるとおり、ereg系
PHP :: 正規表現 / パターン修飾子「m」「s」 [Tipsというかメモ]
この修飾子を設定すると、パターン中のドットメタ文字は 改行を含む全ての文字にマッチします。 これを設定しない場合は、改行にはマッチしません。 この修飾子は、Perl の /s 修飾子と同じです。[^a] のような否定の文字クラスは、この修飾子の設定によらず、常に改行文字にマッチします。 (PHPマニュアルより引用) <?php $str = 'abc axz ayz'; // パターン修飾子「なし」 preg_match_all('/^a.*z$/', $str, $cap); var_dump($cap); array(1) { [0]=> array(0) { } } // パターン修飾子「m」 preg_match_all('/^a.*z$/m', $str, $cap); var_dump($cap); array(1) { [0]=> array(1) { [0]=> strin
PHPの独特な正規表現関数：mb_ereg_search - hnwの日記
直前の記事「mb_ereg_replace関数でe修飾子を使う際の注意点」で利用しているmb_ereg_search_ナントカという関数群は特徴的な関数ですが、あまり使用例を見ない関数です。今回はこの関数群の概要を紹介します。 この関数群は正規表現マッチを行うmb_ereg系関数のバリエーションの一つです。前回正規表現マッチした場所を覚えていて、再度呼び出すと前回のマッチングに引き続いて正規表現マッチを行います。これを使うと、次のように正規表現マッチ毎に何かの処理を行うループが作れます。 <?php mb_ereg_search_init($subject, $pattern, $option); while (mb_ereg_search()) { $matches = mb_ereg_search_getregs(); // マッチした内容ごとの処理 } Perlだとm/../gでルー
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
jQueryの処理がされるまで、ローディング画像を表示させる方法 | mitomex.jp
CSSの優先順位〜CSSテクニック〜
[PHP] preg_match の正規表現の中で日本語（マルチバイト文字）を使う![[PHP] preg_match の正規表現の中で日本語（マルチバイト文字）を使う](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)
