IT業界の技術をメモ・情報公開できる
jqueryでウィンドウ最下部の少し手前で非表示
const offset = 50; // px $(window).on('scroll', function () { if ($(window).scrollTop() + $(window).height() >= $(document).height() - offset) { $('#target').fadeOut(); } else { $('#target').fadeIn(); } });
jqueryでウィンドウ最下部判定
$(window).on('scroll', function () { const scrollTop = $(window).scrollTop(); const windowHeight = $(window).height(); const documentHeight = $(document).height(); if (scrollTop + windowHeight >= documentHeight) { $('#target').fadeOut(); } else { $('#target').fadeIn();
EXPLAINのExtra
<Using index>(最良) ・テーブルを読まずindexだけで完結 ・最速 <Using index condition>(良) ・index 上で WHERE の一部を評価 ・テーブルアクセスを減らす <Using MRR>(良) ・ランダムI/Oをまとめて読む ・InnoDB最適化 <Using where>(普) ・index で絞れず ・テーブル行を読んでから条件判定 <Using temporary>(注意) ・一時テーブル作成 ・GROUP BY / ORDER BY で発生 <Using filesort>(危険) ・i
sqlでカラムの情報を取得
・カラムの情報を取得 SHOW COLUMNS FROM テーブル名; ・カラムのすべての情報を取得 SHOW FULL COLUMNS FROM テーブル名;
WP Popular Postsを使った人気順のループ
if(class_exists('\WordPressPopularPosts\Query')): global $post; $args = array( 'range' => 'all', //計測期間 'post_type' => 'post', 'limit' => 5, //表示数 ); $wpp_query = new \WordPressPopularPosts\Query($args); $wpp_posts = $wpp_query->get_posts(); if($wpp_posts): ?> <ul> <?php foreach($wpp_po
ファイルアップロードの拡張子制限
public static function errorCapacityover($files) { $error = false; foreach(array('rirekisho','shokumukeirekisho') as $val) { if(empty($files[$val]['name']) ){ continue; } $filesize = filesize($files[$val]['tmp_name']);
SQLのIN句
SELECT * FROM user WHERE name = ‛山田‛ OR name = ‛佐藤‛; 上記のSQLでwhereに指定する要素が増えていくとかなり長くなってしまうので SELECT * FROM user WHERE name IN(‛山田‛, ‛佐藤‛); IN句を使用して短くできる SELECT * FROM user WHERE name NOT IN(‛山田‛, ‛佐藤‛); NOT IN句を使用することで指定した要素を除外することができる
sqlのindexの設定その1
WHERE / JOIN / ORDER BY / GROUP BY に使うカラムをインデックスに設定 ※逆順で設定すると効かないことが多いので順番を正しく設定する
aタグのrel属性
リンク先との関係性(relationship)を示すための属性 例) <a href="https://example.com" rel="属性値">リンク</a> 複数の場合 <a href="https://example.com" rel="属性値 属性値">リンク</a> よく使われるrel属性一覧 <SEO関連> 「nofollow」 ・検索エンジンに「評価を渡さない」 ・外部リンク、広告、ユーザー投稿でよく使用 「sponsored」 ・広告・アフィリエイトリンク ・Google推奨 「ugc」 ・ユーザー生成コンテンツ(コメント
window.onpageshowの注意点
window.onpageshowは、ページが表示されたタイミングで発火するイベント 特にブラウザの戻るボタン(戻るキャッシュ: bfcache)から戻った時にも確実に動くというメリットがあります。 表示されたタイミングなのでページロード時にも発火する 戻るボタンの時だけにするには以下に変更する 例)javascript版 window.addEventListener("pageshow", function(event) { if (event.persisted) { // ← ここだけ実行される console.log