Webエンジニアのブログ

CSSのmargin-trimプロパティの使い方とWebデザインにおける余白設計を解説。親要素側の1行でコンテナ末尾の余白を一括カットする基本構造から、gapや:last-childとの適切な使い分け、未対応ブラウザを考慮したフォールバック...
続きを読む>>

企業の個人情報漏洩に対して、個人が取るべき現実的な防衛策をまとめました。パスワード管理や多要素認証（パスキー・TOTP）などの技術的対策から、フィッシング詐欺を見抜く情報リテラシー、漏洩通知が届いた際の具体的な対処手順まで、分かりやすく解説...
続きを読む>>

WordPressのブロックエディタ（Gutenberg）で、sectionタグとid属性を実装する手順を解説。標準機能だけでHTML構造を整え、アクセシビリティ向上や従来のSEO対策に加え、AIO・GEO（生成AI検索）で参照元として選ば...
続きを読む>>

AI検索で自サイトを参照元として提示してもらうには、発信者の一次情報性が重要になります。noteなどの外部プラットフォームにおける技術的な制約や、独自ドメインでのAIO・GEOの取り組みと使い分けについて解説します。...
続きを読む>>

Speculation Rules APIを使ってWebサイトのページ遷移を高速化する方法をご紹介します。4つの発動タイミングや基本の書き方から、広告計測トラブルを防ぐ設定やWordPressへの安全な組み込み方まで実践的に解説します。...
続きを読む>>

PDFのプロパティ（タイトルやキーワード）を設定する方法を解説します。PowerPointやWordでの具体的な手順からGoogleツールの注意点まで紹介。メタデータを正しく入力し、検索エンジン（SEO）や生成AI（AIO/GEO）に評価さ...
続きを読む>>

Processing 4から導入された配布用ファイル形式「.pdez」の仕組みやメリット、注意点を解説。素材の添付漏れや解凍時のエラーを防ぐ仕組みをはじめ、外部ライブラリに関する注意点やファイルが開かない場合の対処法をまとめています。Pro...
続きを読む>>

画像バナーをHTML+CSS化する際に発生するブラウザの強制ダークモードによる色反転問題。デザインの崩れや文字の視認性低下を、メディアクエリを使わずにCSSの2行だけで解決する方法を分かりやすく解説します。...
続きを読む>>

JSやclamp()の計算は不要。コンテナ幅に合わせて文字サイズを自動拡縮する、CSSのtext-fitプロパティの使い方を解説します。PC・スマホ対応はもちろん、日本語環境で発生しやすい変な位置での改行（表示崩れ）を防ぎ、文節ごとに綺麗に...
続きを読む>>

WordPress 7.0から導入された新機能「PHPのみのブロック登録（PHP-only block registration）」を解説！JavaScriptやReactのビルド環境（npm）を一切構築することなく、functions.p...
続きを読む>>