C# 【C#】文字列補間（$”…”）の基本と活用例
C# 6.0 以降では、文字列の中に変数や式を直接埋め込める文字列補間（interpolated string）が導入されました。従来の string.Format() よりも可読性が高く、コードをシンプルに記述できます。この記事では $"...
C# 
bat 【bat】処理を遅延実行する方法（timeout / ping の活用）
バッチファイルで複数の処理を順番に実行するとき、次の処理を数秒待ってから実行したいケースがあります。Windows では timeout コマンドや ping コマンドを利用して簡単に遅延処理を実現できます。本記事ではそれぞれの方法と特徴を...
Git 【Git】origin と upstream の違いと使い分け方
Git を使っていると「origin」と「upstream」という名前をよく目にします。どちらもリモートリポジトリを指しますが、役割や使い方が異なるため混乱しがちです。ここでは origin と upstream の違い、実際の開発フローで...
Git 【Git】リベース途中でエラーになったときの復旧方法
rebase 中にコンフリクトや操作ミスで止まってしまったときは、まず「今どの段階で止まっているか」を把握し、適切なコマンドで前進・スキップ・撤退のいずれかを選ぶのが近道です。ここでは典型的な停止要因ごとの復旧手順を、作業ディレクトリを壊さ...
WordPress 【WordPress】確認画面が前の入力のまま…Contact Form 7×キャッシュの原因と対処法
Contact Form 7 に「確認画面（プレビュー）」を追加する拡張プラグインを導入したとき、入力を修正したのに確認画面に前の内容が残ってしまうケースがあります。多くの場合、その原因はブラウザやキャッシュ系プラグインが HTML をキャ...
jQuery 【jQuery】要素内のテキストを設定・取得する：text() の基本
jQuery の text() メソッドは、要素内のテキストを取得したり設定したりするための基本的なメソッドです。HTML タグは解釈せず、テキストとして処理するのが特徴です。本記事では text() の使い方をサンプルコード付きで解説しま...
WordPress 【WordPress】編集画面の「プレビューボタン」を非表示にする方法
WordPress の投稿・固定ページ編集画面では、デフォルトで「プレビュー」ボタンが表示されています。運用上、誤ってプレビューを押されると困る場合や、特定のユーザー権限ではプレビューを利用させたくない場合は、このボタンを非表示にできます。...
PHP 【PHP】Parse error「Invalid body indentation level」の原因と解決策（Heredoc/Nowdoc）
PHP で Heredoc / Nowdoc 構文を使う際に、以下のようなエラーが出ることがあります。Parse error: Invalid body indentation level (expecting an indentation...
PHP 【PHP】ファイルサイズを取得してKB/MB/GBに自動変換して表示する方法
ダウンロードリンクや管理画面に「1.2MB」のような読みやすいサイズを表示したいときは、filesize() でバイト数を取得し、単位変換用の関数で KB / MB / GB へ自動変換するのが定石です。ここでは実運用でそのまま使える汎用関...
HTML/CSS 【CSS】hoverでアニメーションを停止する方法
CSS のアニメーションを適用している要素を、マウスオーバー（:hover）したときに一時停止させたいことがあります。その場合は animation-play-state を利用します。animation-play-state はアニメーシ...
HTML/CSS 【HTML】スクリーンリーダーに読み上げさせない aria-hidden の正しい使い方
Web アクセシビリティを考慮する上で、不要な情報をスクリーンリーダーに読み上げさせないことは重要です。そのために使われる属性が aria-hidden です。しかし、誤った使い方をすると逆にユーザー体験を損ねる可能性があります。この記事で...
WordPress 【WordPress】Contact Form 7にプレースホルダーテキストを設定する方法
Contact Form 7 でフォームを作成するとき、入力フィールドに「プレースホルダーテキスト」を設定すると、ユーザーに入力内容のヒントを示せます。この記事では Contact Form 7 でプレースホルダーテキストを設定する具体的な...
WordPress 【WordPress】テーマのPHPからショートコードを呼び出す方法
WordPress では、記事や固定ページ内で のように記述することで機能を呼び出せる「ショートコード」が用意されています。これをテーマファイル（例：single.php や page.php）内で直接呼び出したいケースもあります。その際は...
Webサイト全般 【.htaccess】.html／.phpを付けずにアクセスさせるRewrite設定
Web サイトの URL から .html や .php などの拡張子を取り除き、シンプルにアクセスさせたいケースがあります。Apache の .htaccess に Rewrite ルールを追加することで、拡張子を隠してアクセスできるよう...
jQuery 【jQuery】CSSアニメーション終了時に処理を行う方法
CSS で定義したアニメーションやトランジションが終わったタイミングで、次の処理を jQuery で実行したいことがあります。その場合は、ブラウザが発火するイベント animationend または transitionend を利用します...
HTML/CSS 【CSS】backdrop-filterの使い方｜背景ぼかし・明るさ調整を一発適用
CSS の backdrop-filter プロパティを使うと、要素の背後にある背景に対して「ぼかし」「明るさ調整」「彩度変更」などの効果を適用できます。ガラスのような半透明デザインや、背景を目立たせずに前面コンテンツを読みやすくする表現に...
HTML/CSS 【CSS】filter: drop-shadow()の基本と使い方｜box-shadowとの違い
CSS で要素に影をつける方法には box-shadow と filter: drop-shadow() の2種類があります。一見すると似ていますが、仕組みや用途には明確な違いがあります。本記事では drop-shadow() の基本的な使...
HTML/CSS 【CSS】テキストを改行させない方法
Web ページのデザインによっては、見出しやボタンなどのテキストを1行に収めて表示したいケースがあります。CSS では white-space プロパティを使うことで、テキストが自動で折り返されないように制御できます。本記事では、改行をさせ...
jQuery 【slick】各スライドの高さを揃える方法（レスポンシブ対応）
slick スライダーを使うと、スライドごとのコンテンツ量によって高さがバラバラになり、レイアウトが崩れることがあります。特にレスポンシブ対応では、画面幅に応じてテキストの折り返しが変わるため、高さが不揃いになりやすいです。本記事では、sl...
HTML/CSS 【CSS】SVGの色を変更する方法まとめ
SVG はアイコンやイラストに広く使われる形式で、CSS を使って柔軟に色を変更できます。ただし、埋め込み方法（<img> / CSS 背景 / インライン SVG）によって適用できる手段が異なります。本記事では SVG の色変更テクニック...