Webエンジニアのブログ

Googleアナリティクス4（GA4）では、これまでの標準レポートとは別に、細かな設定でサイトを分析することができるデータ探索ツールがありますが、デフォルトの設定ではデータの保持期間が2ヶ月となっています。このデータの保持期間はGoogle...
続きを読む>>

デジタルホワイトボードのFigJamは、デザインツールのFigmaに付属している機能で、Figmaも含め基本、無料で利用することができます。ここでは、様々な用途で便利に活用できるデジタルホワイトボード「FigJam」の使い方について簡単にご...
続きを読む>>

デジタルホワイトボードのFigJamは、ホームページやブログなどのWebサイトに埋め込むことができます。ここでは必要なコードの読み込みだけでなく、レスポンシブWebデザインに対応する方法も合わせてご紹介します。...
続きを読む>>

iPadなどモバイルデバイスの画面を共有して何かを説明する場合は、同じアカウントで同時にWeb会議に参加することで、PCでWeb会議を進行しつつ、必要に応じてモバイルデバイスの画面を共有して会議を進行することができます。ここでは、PCのWe...
続きを読む>>

Photoshopの生成AI機能を利用することで、画像のアスペクト比（縦横比）を崩して縦幅や横幅を拡張した画像を生成したり、画像内にオブジェクトを追加または削除したりできます。ここでは、Photoshopの生成AI機能の「生成拡張」と「生成...
続きを読む>>

Google ChromeやMicrosoft Edge、Firefoxなど、多くのWebブラウザでYouTube動画やHTMLのVideo要素のスクリーンショットを撮ることができます。フルHD/WQHD/4Kなど動画の画質によっては、高解...
続きを読む>>

Googleアナリティクスを活用してWebサイト全体のアクセス状況を把握する中で、どのページからどこの外部サイトに移動したのかを計測したいこともあるでしょう。ここでは、Googleアナリティクスのデータ探索機能を活用して、外部サイトへのリン...
続きを読む>>

HEICの画像ファイルフォーマットは、高度な圧縮アルゴリズムによって高品質を維持したままファイルサイズを削減できます。JPEG形式の画像と比べても品質は変わらず、Webパフォーマンスを意識するのであれば、HEIC形式の画像もホームページやブ...
続きを読む>>

これまでのユニバーサルアナリティクス（UA）では、イベントトラッキングの設定としてソースコード上でダグ情報を取得するためのプログラムを書く必要がありましたが、Googleアナリティクス4（GA4）では、設定から手軽にさらに細かなデータが取得...
続きを読む>>

BraveブラウザアプリのPlaylist（プレイリスト）機能を使うことで、YouTube動画をインターネットが接続されていないオフライン時でも、データ通信量を使うことなく視聴することができます。ここでは、スマートフォンのBraveブラウザ...
続きを読む>>