Webエンジニアのブログ

YouTube動画の埋め込みやHTMLのvideo要素で設置した動画は、そのままで価値を伝えることはできません。動画の「構造化データ」で動画SEOとAIOを強化し、Webページも含めてAIに選ばれるコンテンツにする方法を具体的に解説します。...
続きを読む>>

PythonでJSONデータをExcelのテーブル形式に変換する効率的な方法を紹介します。特に、データ操作に優れたPandasライブラリを活用することで、複雑なJSON構造も簡単にフラットな表データとしてExcelに出力できます。...
続きを読む>>

Web制作では、必要に応じてテーマカラーに合わせてWebデザインを作っていくこともありますが、Webサイトの作りによっては、JavaScriptでダークモードとライトモードの切り替えを行う必要も出てきます。JavaScriptではmatch...
続きを読む>>

Chrome 137のバージョンから、if()関数がサポートされ、CSSにおける条件分岐が可能となりました。 これまでJavaScriptを使ったり、複雑なセレクタを駆使したりして実現していたスタイルの動的な切り替えが、これからはCSSだけ...
続きを読む>>

Webサイトのデザインでは、キャッチなフレーズなどのテキストにアニメーション効果を加えることで、より強く記憶に残りやすくなり情報の理解も深まります。ここではJavaScriptを使ってフェード効果のアニメーションで、テキストを1文字ずつ表示...
続きを読む>>

Webサイトのデザインで、要素に対して固定された幅でCSSなどのスタイルを指定してしまうと、コンテンツ量が想定以上に多くなった際に、レイアウトが崩れてしまうという問題が発生しますが、JavaScriptを活用することで、変動するコンテンツ量...
続きを読む>>

WordPressにはデフォルトでRSSフィード機能がありますが、サイト管理者の情報漏洩のリスクがあるので、WordPress側の設定を確認しておく必要があります。ここでは、WordPressサイトのRSSフィードのセキュリティ対策として、...
続きを読む>>

外部サービスを埋め込む際、JavaScriptで生成される動的なリンクには、同じタブでページを開く仕様のものがあります。もしもアフィリエイトのかんたんリンクなどでは、各サービスへのアクセスは別タブで開く仕様となりますが、JavaScript...
続きを読む>>

生成AI時代におけるSEO対策は、従来のSEO対策に加え、生成AIやLLM（大規模言語モデル）にも適したコンテンツ制作と情報伝達が重要になります。ここでは、WordPressでのLLMO（大規模言語モデル最適化）の対策として、JSON-LD...
続きを読む>>

AI技術の進化は、スキル格差の拡大や企業の雇用戦略の変化、そしてフリーランスの働き方の可能性など、雇用市場に大きな変化をもたらしています。ここでは、AI時代に求められるリスキリングとキャリア戦略についてお話しします。...
続きを読む>>