Webエンジニアのブログ

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の履歴をエクスポートする方法についてご紹介します...
続きを読む>>

Pythonプログラムなどで何かの作業を自動化する時には、コマンド操作でファイルを実行していくことになりますが、バッチファイルを用意しておくとコマンド操作の手間を省くこともできます。ここでは、WindowsやMacのバッチファイル（シェルス...
続きを読む>>