DUB DESiGNはデザインをテーマにしたメディアです。 Webデザインに関するHow-toや、WordPressのスニペットなど、デザインの話を中心に記事を配信しています。
![DUB DESiGN|デザイナーのライフハックメディア](https://cdn-ak-scissors.b.st-hatena.com/image/square/220790b45d545117e6b49e48c2e5d6ff64e69414/height=288;version=1;width=512/http%3A%2F%2Fdubdesign.net%2Fwp-content%2Fuploads%2F2021%2F03%2Ftopogp.jpg)
細かい仕様を挙げるときりが無いぐらいの違いがありますが、ここではGoogle公式ドキュメントを引用しながら根本的な違い、GA4とはどういうものか、UAからGA4へ移行する背景を見ていきましょう。 ユーザー中心の測定へ UAではパソコンやスマホのブラウザ単位でデータ計測をおこなってきました。 しかし、現代ではパソコン、スマホ、タブレットなど、一人のユーザーが複数のデバイスでWebサイト閲覧をおこなうライフスタイルが定着したことで、ブラウザ単位の計測は時代に合わない状況に。 そこでGA4(Google アナリティクス 4)では異なるデバイスからのアクセスでも同一ユーザーとして計測できる設計に見直され、アクセス解析データの中心にユーザーが存在するようになりました。 サイトとアプリを行き来するユーザー ジャーニーを包括的に把握できるほか、Google の機械学習テクノロジーを使って新たなインサイト
Google Analytics 4(GA4)とは、Googleが提供する無料で利用できるアクセス解析ツールです。サイトやアプリに訪れたユーザーの行動解析を行い、サイト改善に繋げることができるので、Webサイトやアプリの運用には必須のツールと言えます。 計測対象となるWebサイトにGA4専用の「トラッキングコード」をサイト内に埋め込むことで、各種データの計測を開始することができます。 GA4では、例えば以下のようなデータを計測できます。 これらのデータを見ていくことで、サイトの現状を正しく知り、どのように改善すればサイトの成果へと繋がるのかを議論していくことができます。 なお、以前まではGoogle Analytics 4(GA4)ではなく、ユニバーサルアナリティクス(UA)と呼ばれており、計測できる内容などが少し異なりました。 現在最新のGoogleアナリティクスが、「Google An
当ブログの記事でも、JavaScriptで実装していたのがCSSで実装できるようになりました、と今までにいくつか紹介してきましたが、今回紹介するのはそれらとはかなり異なるCSSのかなり高度なテクニックです。 CSSでCPUのようにデータを継続的に解析し、状態を再評価します。簡単に言うと、スクリーンの高さや幅を取得したり、マウスの座標を取得したり、さらにはブロック崩しなどのゲームもCSSのみで実装できます。 もう私が知っているCSSをはるかに超えたCSSです。 Expert CSS: The CPU Hack br Jane Ori (@Jane0ri) 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 CSSのエキスパート: The CPU Hack 5つの観測可能性 The CPU Hackの始まり The CPU Hack 終
WebサイトのUIに使用するヘッダ、ボタン、イラスト、カード、カラム、ラインなど、UI要素のさまざまなカラースキームをまとめた配色サイトを紹介します。 カラースキームはページ全体、コンポーネントごとにまとめられており、それぞれのカラーは16進のHEX値が記載されています。各カラーをクリックするだけで簡単にコピーして利用できます。 Spectrum.Art Spectrum.Artは魅力的で視覚的にも優れたUIデザインを簡単に実現するために、UIデザイナーが厳選した色の調和に優れたカラースキームをまとめたサイトです。鮮やかで人目を引くカラースキームから、繊細でエレガントなカラースキームまで幅広いオプションが提供されています。 Spectrum.Art 2023年9月現在、カラースキームは16種類あり、各カラースキームはページ全体やコンポーネントごとにまとめられています。 では、Color s
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く