Webエンジニアのブログ

HTMLのvideo要素で動画を扱っていく場合、ファイルサイズの大きい動画データは読み込みに時間がかかるため、Webページのパフォーマンスに影響を与えます。ここでは、video要素で動画データを遅延読み込みする方法について、コントロールパ...
続きを読む>>

HTMLのvideo要素で動画を扱う際に、複数のメディアリソースを指定できるsource要素で動画を読み込み、media属性でメディアクエリを指定することで、画面幅に応じて読み込む動画を切り分けることができます。ユーザーが利用するデバイスに...
続きを読む>>

高品質でファイルサイズの小さいWebP形式の画像は、アニメーションにも対応していますので、アニメーションWebPとしてもコンテンツで利用していくことができます。利用用途は様々ですが、動画バナー広告としても活用できるでしょう。ここでは動画をア...
続きを読む>>

Googleアナリティクスでは、通常のレポートや探索ツールで作成したレポートなどを、Googleスプレッドシートにエクスポートしたり、CSV形式やPDFファイルとしてダウンロードすることができます。もちろん、Googleスプレッドシートから...
続きを読む>>

JavaScriptで配列でデータを管理して扱っていく中で、配列に格納されている文字列から、対象の文字列が含まれているかどうかを判定したい場合は、some()メソッドがとても便利です。引数に指定したコールバック関数で評価を行うので、複数のオ...
続きを読む>>

YouTubeショートやTikTok、Instagramストーリーズ、Instagramリールのほか、XやBluesky、Threadsなどの投稿でもスマートフォンでは縦長動画の方が閲覧しやすいです。多くのユーザーに閲覧してもらえる可能性の...
続きを読む>>

PC版のThreadsでは、X Pro（旧TweetDeck）やBlueskyのdeck.blueのように、複数カラムで様々なスレッドのフィード（タイムライン）を表示することができます。横に広い画面で多くのタイムラインを一度に閲覧できる他、...
続きを読む>>

HTMLのvideo要素では、動画の読み込みの記述で動画ファイルの末尾にパラメータを追加することで、動画フレームをサムネイル画像として設定することができます。JavaScriptでコントロールする必要が出てくる場合もあるので、スクリプトでの...
続きを読む>>

Visual Studio Code(VSCode)を使ってPython開発を行なっていく際に、「ModuleNotFoundError: No module named 'pandas'」のようなエラーに遭遇することがあります。この問題は...
続きを読む>>

Googleは様々なサービスの情報を保持しており、Google Chatのメッセージのやりとりもエクスポート（書き出し）してダウンロードすることができます。ここでは、Google Chatの履歴をエクスポートする方法についてご紹介します...
続きを読む>>