Webエンジニアのブログ

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

IndexNowの仕組みとBing Webmaster Toolsでの具体的な設定・手動運用手順を解説。通常のURL送信との違いや、ChatGPT・Claude等の生成AI回答へ即座に反映させる効果も解説します。プラグインに頼らず手動で手軽...
続きを読む>>

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）に評価さ...
続きを読む>>

GoogleサーチコンソールでSNSアカウント（Instagram・TikTok・X・YouTube）の連携が可能に。検索経由の表示回数や流入キーワードの分析など、SNS連携でできることやメリット、具体的な追加・設定手順まで分かりやすく解説...
続きを読む>>

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

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

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