Webエンジニアのブログ

WordPressのテーマ開発でよく利用するget_template_part()は、利用中のテーマのテンプレートファイルを呼び出す時に使う関数です。ただ、子テーマで利用していく際は少し注意が必要です。 get_template_part(...
続きを読む>>

CSVデータは、いろんなシステムやアプリケーションでデータのやり取りができるよう、「カンマ区切り形式（.csv）」として扱うデータです。 昨今、デジタルでデータを管理することが増え、いろいろな社内システムや会社独自のシステムでも、データのや...
続きを読む>>

Flexboxでは手軽に横並びのレイアウトを構築することができますが、flexアイテムの子要素のコンテンツ量によっては、見た目の高さが揃わないこともあります。ここでは、Flexboxの横並び要素のflexアイテムの見た目の高さを調整する方...
続きを読む>>

WebサイトとYouTubeを連携して、WebページにYouTube動画を埋め込んでコンテンツを作っていくことがありますが、そのままの埋め込みのデザインでWebページに載せていってもいいですが、ご自身のWebデザインに合わせて、動画のサムネ...
続きを読む>>

デザイナーならPhotoshopを使いこなしているかと思いますが、マークアップエンジニアやプログラマーが少し画像素材を扱っていく場合には、ある程度の編集・調整はできるようになっておきたいところです。 自分で画像データを編集している中で、カン...
続きを読む>>

レスポンシブWebデザインで、背景色を敷いた要素とテキストの重なり具合においては、リキッドデザインのようにWebブラウザの幅に合わせて可変する場合には、要素同士の重なり具合に合わせてデザインを調整していくことなりますが、CSSのブレンドモー...
続きを読む>>

2021年11月15日に、macOS用のAmazon Prime Videoアプリが提供開始となり、Webブラウザでアクセスすることなく、アプリから利用することができるようになりました。 動画コンテンツのダウンロード機能もありますので、お好...
続きを読む>>

CSSのbackgroundプロパティでWebP画像を利用する場合、WebPをサポートしていないWebブラウザに対して、サポートしている形式の画像を表示できるように対応する必要がありますが、JavaScriptライブラリ「Modernizr...
続きを読む>>

Googleアナリティクス4からは、Webページに埋め込んだYouTube動画の再生回数や総再生時間などが計測できるようになり、よりユーザーの行動を把握することができるようになりました。ここでは、Googleアナリティクス4でYouTube...
続きを読む>>

Webサイトを訪問したユーザーの行動を分析することができる便利なアクセス解析ツールのGoogleアナリティクス。最新バージョンとなる「Googleアナリティクス4（GA4）」がリリースされ、時代にあった分析・計測ができるようになりました。こ...
続きを読む>>