JavaScript

【JavaScript】IntersectionObserverでスクロール時に要素をふわっと表示させる方法

スクロールして画面内に入った要素が「ふわっ」と表示される演出は、今や多くのWebサイトで使われています。このような効果は、従来jQueryのscrollイベントで実装されてきましたが、現在はブラウザネイティブのIntersectionObs...
Python

【Python】フォルダ内の画像を自動分類するスクリプトの作り方

大量の画像ファイルを扱う業務や趣味の整理で、自動で画像を分類できたら便利ですよね。この記事では、Pythonを使って画像のファイル名や拡張子、サイズ、撮影日などの条件に応じてフォルダ分けするスクリプトの作り方を解説します。使用するライブラリ...
SQL

【SQL】GROUP BYで件数をカウント&条件付きで絞り込む方法

SQLでデータを集計する際、「GROUP BY」を使ってグループごとの件数をカウントすることはよくあります。さらに、集計した件数に条件をつけて絞り込む方法を理解しておくことで、より実用的なクエリを作成できます。この記事では、GROUP BY...
SQL

【SQL】NULLを含むカラムでの条件分岐・フィルターの書き方

SQLにおいて、NULLは「値が存在しない」ことを示す特殊な値です。直感的には「空」や「ゼロ」と混同されがちですが、SQLでは別物として扱われるため、適切な条件分岐が必要です。本記事では、NULLを含むカラムに対する検索や条件指定の方法につ...
bat

【bat】バッチファイルでログファイルに実行時刻を追記して記録する方法

バッチファイルで処理を実行した履歴を記録しておきたい場合、ログファイルに実行時刻を追記するのが便利です。この記事では、バッチファイルを使ってログファイルに実行時刻を自動で書き込む方法をご紹介します。実行時刻を取得してログに記録する基本構文以...
Python

【Python】特定フォルダ内のファイルを拡張子別に分類する方法

業務や日常のファイル整理で、同じフォルダにさまざまな拡張子のファイルが混在していることはありませんか?Pythonを使えば、ファイルを拡張子ごとに自動で分類し、サブフォルダに振り分けることが可能です。この記事では、具体的なコードとともにその...
HTML/CSS

【CSS】position: stickyが効かないときの原因と対処法まとめ

position: stickyは、要素をスクロールに応じて固定表示させたいときに便利なCSSプロパティです。しかし、実装しても「なぜか効かない」「意図通りに動作しない」といったトラブルに遭遇することも少なくありません。本記事では、posi...
JavaScript

【JavaScript】ページ読み込み後に一度だけ実行される処理の書き方

Web制作の中で「ページを開いたときにだけ実行したい処理」が必要になることはよくあります。例えば、初回だけモーダルを表示したり、アニメーションを流したりするケースです。この記事では、JavaScriptでページ読み込み時に一度だけ処理を実行...
WordPress

【WordPress】検索条件に一致しない場合でも投稿を表示させる方法

WordPressで検索機能を実装していると、「検索条件に一致する投稿が0件」の場合に何も表示されず、ユーザー体験が悪化することがあります。そこで本記事では、検索条件に一致しない場合でも代替の投稿を表示させる方法を紹介します。なぜ「0件表示...
WordPress

【WordPress】ユーザーごとに編集可能な投稿タイプを制限する実装方法

WordPressでは、複数の投稿タイプ(カスタム投稿タイプ含む)を扱うサイトで、特定のユーザーまたはユーザーグループに対して編集できる投稿タイプを制限したいケースがあります。本記事では、ユーザーごとに編集可能な投稿タイプを制限する方法につ...