ウェブサイトの表示スピードはサイトの健全性における重要な観点の一つです。Googleが提唱するCore Web Vitalsコア・ウェブ・バイタルズと呼ばれる指標の中にもサイト表示スピードに関する項目があり、表示されるまでの時間が単なるユーザー体験だけでなく、SEOでも無視できない存在です。表示スピード低下の要因はネットワークやサーバーサイド、そしてフロントエンドまで広範囲におよびます。本記事ではその中でも画像の読み込みについて改善できるテクニックを改善前と改善後を比べながら紹介します。 改善前サンプルを別ウインドウで開く 改善後サンプルを別ウインドウで開く 画像読み込みBefore / Afeter 上図はLighthouseによるチェックの結果です。Lighthouseはウェブサイト検査ツールで、ウェブページのパフォーマンス、アクセシビリティ、SEOなどの状態を計測できます。Googl

GA4とは「Google アナリティクス 4 プロパティ」の略で、2020年10月にリリースされた最新版のGoogle アナリティクスを指します。 第3世代のGoogle アナリティクス「ユニバーサルアナリティクス（UA）」が2023年7月1日をもってサポート終了することが発表され、Web業界では混乱が起きています。 これまでGoogle アナリティクスを利用していたマーケティング担当者の中には、こうした悩みを抱く方も多いのではないでしょうか。 今回の記事では、GA4とUAの変更点や初期設定方法について詳しく紹介します。 広告効果測定ツールの売上シェアNo.1(※)を獲得した「アドエビス」では、広告媒体情報を自動取得できるほか、直感的に分かるシンプルな管理画面が特徴です。さらに、困ったときには頼れる手厚い人的サポート付き！ ※ 日本マーケティングリサーチ機構調べ　調査概要：2021年6月期

はじめに ちょっとつぶやいたら思いのほか需要がありそうだったので、簡単にまとめておきます。 おことわり これを書いておけば、すべての不幸を避けられるというものではありません 提出先との関係性次第では、書かないほうがいいこともあるかも 私自身が普段提案している内容が、すべて記載されているわけでもありません（うろ覚えで書いてたり、大人の事情） これを流用しておこったすべての事項について、何らかの責任をとることはできません 本稿では請負による開発を想定しています でも共有することで、この業界の不幸が減ればいいなということでつらつら書いてみます。 他にもあるようなら、Twitterなりコメントなりで提案してもらえると嬉しいです。 前提条件を書く目的 見積・提案書通りに、実施するために必要な条件を明確にする 条件を逸脱したときに、どうなるのかハッキリさせる 上記は概ねつぎのとおり 実現が不可能になる

ディメンションとは Googleアナリティクスのディメンションとは、データ属性、データを分析するための視点のことです。多くのGoogleアナリティクスレポートは、テーブル(表)がありディメンションと指標で構成されています。下図の緑色部分がディメンションで、数値データの青色部分を指標といいます。 ディメンション：ユーザータイプ 指標：セッション、新規セッション率、新規ユーザー、直帰率、ページ／セッション、平均セッション時間など 集客に関するディメンション一覧 デフォルトチャネルグループ 初期値で設定されているトラフィックのチャネルグループ トラフィックの種類 サイトへのトラフィックの種類です（検索、参照、ノーリファラー、その他） メディア トラフィックの流入元のメディアです。utm_medium で指定されたメディアも含まれます 参照URL トラフィック誘導元の URL 参照元 トラフィック

この記事ではGA4でランディングページ分析をする方法について解説します。GA4でランディングページ分析をする方法は非常に簡単なので、ぜひ参考にしてみてください。 また、GA4のランディングページごとの効果を簡単に確認したい方や分かりやすいGA4レポートを作成したい方には、2,000社以上が利用するインハウスプラスの買い切りプランのGA4レポートテンプレートがオススメです。このテンプレートは、一度の購入でサイト数無制限にレポートを作成でき、数分で簡単にレポートが完成し、カスタマイズも自由に行えます。また、GA4の専門家である小川卓さんが顧問として参画しており、GA4の仕様変更に合わせてテンプレートを随時アップデートしていますので、ずっと安心してご利用いただけます。

どうも、まさとらん（@0310lan）です！ 今回はあらゆるWebサイトを誰でも簡単にノーコードでPWAに変えることができるWebサービスをご紹介します。 一般的なサーバにホスティングされているサイトだけでなく、Wordpressで作成されたサイトからWebflowなどのサービスを利用して作られたサイトまで幅広く対応しているのが特徴です。 PWA対応にご興味ある方はぜひ参考にしてみてください！ 【 Progressier 】 ■「Progressier」の使い方 それでは、「Progressier」をどのように使えばいいのかを詳しく見ていきましょう！ まずはPWAに変換したいWebサイトを準備します。今回は、サンプルとしてNetlifyでホスティングしている以下のようなサイトを用意しました。 このサイトを試しにPWA対応していくことにしましょう。 「Progressier」のトップページに

最近 PWA って言葉をよく聞きます。 PWAはこの略　⇒　「Progressive Web Apps（プログレッシブ　ウェブ　アプリ）」 なんか長ったらしい名前だけど、普通のサイトをアプリ化できるってことです。 ホーム画面にアイコンも作れるし、 アドレスバーも隠せるし、 プッシュ通知とかも送信できるし、、、 こんなのが普通のWebサイトで使えるなんて・・・一昔前は信じられなかったです。 僕も少し興味があったので、実際にあるWebサイトをPWA化してみました。 同じようにPWA化したい人のために、 ここではWebサービス・サイトをPWA化する手順をまとめてみます。 手順１．manifest.jsonを作成する PWA化で絶対にやらないといけないこと それが manifest.json の作成 いわゆるマニフェストファイルというやつで、 この名前のファイルをWebサイトのルートディレクトリに

Photo by Giorgio Trovato on Unsplash 年収800万は普通のエンジニアか否か。火種はいつものTwitterでしたが、いろんな意見が飛び交う興味深い話に各所でなっていたようですね。うーん、様式美。 ちなみに私の感覚だとこんな感じで、年収800万といえば、一般的なWEB開発においては複数プロジェクトの技術設計を行うアーキテクト級で、SIerではおそらく課長-部長級の給与になると思っております。年収800万はそういうラインです。 年収340 → 新卒 年収400 → 2年目(転職サイトゴロゴロ 年収500 → 普通のエンジニア 年収800 → アーキテクト、テックリード 年収1000 → PM、一部スタートアップエンジニア 私の感覚だとこれですね https://t.co/1bXuiPexRj — shinoyu (@shinoyu) February 9, 2

ここ1年ぐらい感じていた「学びに関する格差」の話を書く。 最初にまとめ・勝手に学ぶ人は、自分の周囲にある「学びに使えそうな仕事」を探して自分の仕事にすることを繰り返す ・期待されて学ぶ人は、上司とかの期待に応えて新しいことを学ぶ ・「勝手に学ぶ人のスピード」＞「期待されて学ぶ人のスピード」なので、格差が開いていく ・「早く行きたければ一人で行け、遠くへ行きたければみんなで行け」が実現できない ・勝手に学ぶ人を止める理由も見つからない ・困ったなあ（解決策わからない） では詳細を書いていく。 勝手に学ぶ人：自分の周辺にある「誰も手をつけてない仕事」を発見し、自分の学びに利用するそれぞれが自分の担当範囲の仕事をしているとする。 それぞれが自分の担当範囲の仕事をしている勝手に学ぶ人は、「誰も手をつけてない」かつ「自分の学びになりそうな」仕事を自ら発見して、自分の仕事として取り組む。 勝手に学ぶ人

コア ウェブ バイタル（Core Web Vitals、CWV）の指標と検索順位は相関するのか。CWVが良い＝順位が上なのか、悪い＝順位が下なのか、その程度は？ 「CWV」「Speed Index」「ページオーソリティ」が良好なページとそうでないページで平均検索順がどう違っているか、アップデートの前後でどう変わったのか、実データでみてみよう。 CWVの現状を専門家が解説するシリーズ「ウェブとCWVの現状」最終回だ。 第1部では、グーグルおよびウェブ全般が「ページエクスペリエンスアップデート」に向けて準備できていなかった状況について取り上げた。僕の見解はこうだ： グーグルのCrUX（Chromeユーザーエクスペリエンス）のデータを得られるウェブサイトは少なく、大多数のウェブサイトが必要な基準をクリアしていなかった。 だからこそ、アップデートが長期にわたり延期された。 第2部では、評価指標それ

GoogleやFacebook、Instagramなどの大手プラットフォームでは、AIによる最新アルゴリズムを用いた配信ターゲティングの自動化、最適化が急速に進化。CVR（コンバージョン率）を高めることが難しかったディスプレイ広告やSNS広告でもCVRが10%を超えるケースが見られるようになった。 「デジタルマーケターズサミット 2021 Summer」のセッションに、キーワードマーケティングの瀧沢貴浩氏が登壇し、同社が提唱する「ハイブリッド配信」によるディスプレイ広告、SNS広告と、そこで「成果を出せる」広告クリエイティブの考え方・作り方について解説した。 検索広告、ディスプレイ広告、SNS広告——運用型広告の性質とメリット・デメリット瀧沢氏は2016年にキーワードマーケティングに入社し、広告運用チーム、マーケティングチーム、インサイドセールスのマネージャーを経て、2019年4月より取締

コロンビア・メデジンで行われる新型コロナウイルスワクチンの接種（2021年9月7日撮影）。(c)Joaquin SARMIENTO / AFP 【9月11日 AFP】世界保健機関（WHO）欧州地域事務局のハンス・クルーゲ（Hans Kluge）事務局長は10日、新型コロナウイルスの集団免疫獲得への望みが新たな変異株の出現により薄まりつつあることから、ワクチンの普及によって同ウイルスのパンデミック（世界的な大流行）が収束するとの見通しに対し悲観的な見方を示した。 【関連記事】「ミュー株」、南米コロンビアで主流に 保健当局者 クルーゲ氏は記者会見で、新型ウイルスの流行が今後長年にわたり続く可能性があることから、各国の保健当局は接種計画を状況に応じて「徐々に順応させていく方法を見越し」ていかなければならないと指摘。特に追加接種の問題については重点的に知見を集めるべきだとした。 クルーゲ氏は5月、

GoogleのAI研究チームであるGoogle AIが、低解像度画像にあえてノイズを追加して「純粋なノイズ」になるまで加工し、そこから高解像度画像を生成する「diffusion model(拡散モデル)」という手法を改善する新たなアプローチを発表しました。「画質の悪い低解像度画像から高解像度画像を生成する技術」には、古い写真の復元から医療用画像の改善まで幅広い用途が想定され、機械学習の活躍が期待されているタスクの1つです。 Google AI Blog: High Fidelity Image Generation Using Diffusion Models https://ai.googleblog.com/2021/07/high-fidelity-image-generation-using.html Enhance! Google researchers detail new m

フリーフォントが大好物な人に朗報です！ 🎉 先週、Google Fontsに日本語フォントが追加されたので、紹介します。これでさらに、たくさんの日本語フォントがGoogle Fontsで使用できます。 新しく追加された日本語のGoogle Fonts 他にもたくさんある日本語のGoogle Fonts Google FontsのライセンスはほとんどがSIL Open Font Licenseで、商用プロジェクトでも無料で利用できます。他に採用されているライセンスはAPACHE LICENSE, VERSION 2.0です。 フリーフォントが大好物な人には、下記もお勧めです！ 2021年用、日本語のフリーフォント523種類のまとめ -商用サイトだけでなく紙や同人誌などの利用も明記 新しく追加された日本語のGoogle Fonts まずは、先週Google Fontsに新しく追加された日本語

当該記事についてタマホームは7月22日付けで「事実と異なる内容が含まれており（略）誤った印象を与える」とするリリースを公表。だがその後も、複数の同社社員から情報提供が相次いだ。そのうちの一人、社員のA氏より、「ネット上の真偽不明な説に飛びついてはコロナについて不可解なアドバイスを連発する社長の実態を伝えたい」と、社内動画「タマちゃんTV」が提供された。 例えば昨年2月の動画では、玉木氏はこう語っている。 ある学者さんから聞いた話ですが、新型コロナウイルスはマイコプラズマの菌に、エボラとHIV、いわゆるエイズですね、エイズの菌を混ぜて作ったウイルスだと言われております また昨年4月の動画では、こう語っている。 「コロナになったら死ぬんじゃないか」とかですね、不安になっていると思います。そういう時どうすればいいか。秘密の言葉を、こっそりと教えたいと思います。それは「大丈夫、大丈夫」ということで

腰痛を引き起こす原因に、運動不足による腰の周りの筋肉の衰えと、柔軟性の低下があります。背骨をまっすぐに支える力が低下すると、背骨や腰椎にかかる負担が増えてしまい、痛みにつながったり、筋肉が凝り固まった状態が続くことで血流が滞り、痛みを生み出す発痛物質が放出され、さらなる痛みにつながります。 ここでは腰痛改善に効果が期待できる、自宅で取り入れられる筋力トレーニングやストレッチ、短時間で取り組める電気治療器やツボ押し、またマインドフルネスを活用したメンタルケアの方法をご紹介します。無理のない範囲で取り組める、自分にあったケア方法を探してみましょう。 目次 腰痛が起こる原因と関わる3つの筋肉 腰痛改善の為の筋トレ方法 腰痛改善におすすめのストレッチ方法 電気治療によるマッサージ 腰痛改善に効くツボとツボ押しの方法 マインドフルネスによるメンタルケア 腰痛が起こる原因と関わる3つの筋肉 背骨は、椎

柴田(@4bata)です。「それぐらいわかるだろ･･･」が通じなくなるタイミングがあるんだなという発見です！ 考えたきっかけ：「オープンでフラットだと思ってたけど、結構閉鎖的なところもある」というセリフを聞いたその人に情報が伝わってなかったのかな。私の最初の感想は「前からそうだった気がするけどな･･･」。以前から整った形で情報はちゃんと流れてない。私にとっては、今働いている会社が閉鎖的には見えてない。実際には閉鎖的な部分があるのだろう。その差を理解してみたくなった。 情報の伝わり方を単純化して考える近くにいる人には自分の活動内容や背景にある意図が勝手に届くとする。携帯の電波が届く範囲、みたいなイメージ。 接触頻度が高い人同士は、いろいろ理解できている。 人数が少ないときは、何もしなくても相互に活動内容や意図が伝わっている・自分が理解できない情報も、一緒に仕事してる隣の人に聞けば情報の背景が