Webエンジニアのブログ

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）」がリリースされ、時代にあった分析・計測ができるようになりました。こ...
続きを読む>>

普段の生活ではメモを取ることはよくあり、お高いスマートフォンやタブレット端末でありますから、端末のいろんな機能はもちろん、メモアプリも使いこなしたいところです。ここでは、Apple純正のメモアプリの便利な使い方をいくつかご紹介します。mac...
続きを読む>>

iOSのアップグレード前や、最新のiPhoneへの機種変更前にやっておきたいのが、iPhoneのバックアップです。アップグレードが失敗した場合でのバックアップの復元や、古い機種から新機種へのデータの移行には必要な作業です。 iPhone...
続きを読む>>

YouTubeには、ユーザーの動画視聴をサポートするチャプター機能があります。また、そのチャプター機能でYouTube動画にチャプターを追加すると、ユーザーの視聴サポートだけでなく、動画SEOにも効果的です。ここでは、YouTube動画にチ...
続きを読む>>