HTML/CSS

【CSS】縦横比を維持してレスポンシブに画像を表示する方法

画像を横幅いっぱいに広げつつ縦横比を崩さない表示は、もっとも頻出のレイアウト要件です。結論から言うと「img 要素
HTML/CSS

【CSS】z-indexが効かない原因と解決方法|スタッキングコンテキスト完全解説

CSSのz-indexが効かない原因と解決方法を完全解説。スタッキングコンテキスト・position・opacity/transform・Flexbox/Grid・isolation・設計ベストプラクティスなど全パターンのコード例付き。
JavaScript

【highlight.js】シンタックスハイライトの導入と設定方法まとめ

highlight.js は、コードブロックに自動で色付けを行う軽量なライブラリです。CDN から 1 ファイル読み込むだけでも動作し、必要に応
WordPress

【WordPress】記事の抜粋(excerpt)の長さと省略記号[…]を変更する方法

WordPress の記事一覧やウィジェットで表示される「抜粋(excerpt)」は、デフォルトでは 55 語にカットされ、最後に [...] が自動
HTML/CSS

【CSS】ネガティブmarginが効かない原因と正しい解決方法

デザイン調整で「要素を親の外にはみ出させたい」ときに使われるのがネガティブマージン(負の margin)です。しかし、指定しても思
WordPress

【WordPress】wp_nav_menuの徹底解説|ナビメニューの表示方法とカスタマイズ手順

WordPress のテーマでナビゲーションを出力する中核 API が wp_nav_menu() です。メニューの登録、設置、クラス名の調整、アク
WordPress

【WordPress】レンダリングを妨げるJavaScriptを削除・移動させて表示速度を改善する方法

ページの初回描画が遅いと感じたら、最初に疑うべきは「レンダリングをブロックする JavaScript」です。ブラウザはデフォルト
PowerShell

【PowerShell】リモートサーバーのサービスを操作する方法

Windows サーバーのサービスを遠隔で開始・停止・再起動したい場合、PowerShell のリモーティング(WinRM)を使うのが最も素
PowerShell

【PowerShell】CSV を読み書きする方法|Import-CSV と Export-CSV

PowerShell では Import-Csv と Export-Csv コマンドレットを使うことで、CSV ファイルの読み書きを簡単に行えます。データをオブ
C#

【C#】async Main完全ガイド|Top-level statements・IHost・Ctrl+C・Graceful Shutdown・終了コードまで

C# 7.1のasync Mainと C# 9のトップレベルステートメントを完全解説。4種類のMainシグネチャ・内部実装(GetAwaiter().GetResult())・Ctrl+Cの優雅な中止処理・IHost.CreateApplicationBuilderによるDI統合・BackgroundService連携・AppDomain.UnhandledException・IHostApplicationLifetime・Graceful Shutdown・終了コード慣習まで。
C#

【C#】文字列補間完全ガイド|書式指定・CultureInfo・C# 10補間ハンドラー・raw string・ILogger・SQL安全性まで

C# 6の文字列補間($"")を完全解説。書式指定子(:C/:N2/:X)と幅指定(,10/-10)・$@"..." / @$"..." / raw string($$"""...""")・C# 10のDefaultInterpolatedStringHandler内部実装・FormattableStringとCultureInfo制御・SQL/HTML安全性・ILoggerでの誤用防止・パフォーマンス最適化・カスタム補間ハンドラー・落とし穴まで。
bat

【bat】処理を遅延実行する完全ガイド|timeout・ping・choice・waitfor・PowerShell Sleep・カウントダウン・条件付き待機まで

バッチファイルで処理を遅延実行・待機させる方法を完全解説。timeout・ping・choice・waitfor・PowerShell Start-Sleepの違いと使い分け、カウントダウン表示、ファイル出現/プロセス終了を待つ条件付き待機、指数バックオフリトライまで実践コードで紹介。
Git

【Git】originとupstreamの違いと使い分け完全ガイド|fork開発・PR・同期まで

Gitのoriginとupstreamリモートリポジトリの違いと使い分けを完全解説。fork開発フローでの本家リポジトリ同期方法(git fetch upstream・git merge/rebase)、upstreamの設定・確認・削除コマンドをコード例付きで解説。PRを出す開発者必読の実践ガイド。
Git

【Git】rebase中のエラー完全復旧ガイド|7パターン診断+safety branchで二度と詰まらない

Gitのrebase中にエラーで止まったときの完全復旧ガイド。60秒脱出フロー、7パターンの典型エラー対処(conflict/uncommitted/already in progress/untracked/todo記述ミス/空コミット/hook)、interactive rebase詳細、--rebase-merges、autosquash活用、safety branchによる事故予防、推奨設定(autoStash/autoSquash/rerere)まで、rebaseで二度と詰まらない技術ガイド。
WordPress

【WordPress】確認画面が前の入力のまま…Contact Form 7×キャッシュの原因と対処法

Contact Form 7 に「確認画面(プレビュー)」を追加する拡張プラグインを導入したとき、入力を修正したのに確認画面に前の内容が残
jQuery

【jQuery】text()でテキストを設定・取得する完全ガイド|html()との違い・XSS対策・複数要素・val()との使い分けまで

jQuery の text() メソッドは、要素内のテキストを取得したり設定したりするための基本的なメソッドです。HTML タグは解釈せず、テ
WordPress

【WordPress】編集画面の「プレビューボタン」を非表示にする方法

WordPress の投稿・固定ページ編集画面では、デフォルトで「プレビュー」ボタンが表示されています。運用上、誤ってプレビューを押
PHP

【PHP】Parse error「Invalid body indentation level」の原因と解決策(Heredoc/Nowdoc)

PHP で Heredoc / Nowdoc 構文を使う際に、以下のようなエラーが出ることがあります
PHP

【PHP】ファイルサイズを取得してKB/MB/GBに自動変換して表示する方法

ダウンロードリンクや管理画面に「1.2 MB」のような読みやすいサイズを表示したいときは、filesize() でバイト数を取得し、単位変
HTML/CSS

【CSS】hoverでアニメーションを停止する方法

CSS のアニメーションを適用している要素を、マウスオーバー(:hover)したときに一時停止させたいことがあります。その場合