タグマネージャのカスタムHTMLで外部JS読み込んだ場合の実行順番を調べてみた
Webエンジニアをやっていると Google Tag Manager に触れる機会ってありませんか？ マーケティング部門から広告タグの相談を受けた り、 タグマネージャから出る謎のJSエラーの調査 を依頼されたりと、今やWebシステムの構成要素としてなくてはならないものとなっています。 一方でエンジニアの管理を離れて自由奔放に運用されたタグマネージャは伏魔殿の様相を呈してくるので、できればお近づ
ウェブ
[GA4] Google Analytics 4 でサイト速度を計測する方法
今回は GA4 でサイトの速度を記録 して分析する方法を紹介します。 ウェブサイトのパフォーマンス監視にはサーバー側でログに記録しやすいバックエンドの応答速度がよく利用されます。しかし昨今のウェブサイトはフロントエンドの比重が拡大しているので バックエンドの応答速度だけでは利用者の体感速度を正しく表していない という問題があります。 2023年7月終了予定のユニバーサルアナリティクス（UA）に
GA4移行の切り札、Google Analytics の gtag.js と「接続済みのサイトタグ」の仕組みを徹底解説
ユニバーサルアナリティクスの終了がアナウンスされましたね。というわけで本日はユニバーサルアナリティクスと Google アナリティクス 4 プロパティ（以降 GA4 と表記）の併用に使われることが多い「接続済みのサイトタグ」機能について解説します。 しかしその前に、まずは記録用のタグや Google Analytics のバージョンについても状況が複雑で理解が難しいのでその解説から始めましょう。
OpenAPI、コードから書くかスキーマから書くか
OpenAPI Specification（以下OpenAPI Spec）をAPI仕様書を設計するフォーマットに採用するとき この２つの選択肢があることはご存知でしょうか？ コードからOpenAPI Specに準拠したスキーマファイルを生成するコードファースト API仕様書からコードを生成するスキーマファースト 私はAPI仕様書を設計するフォーマットを決めるとき、OpenAPI Specを
やってよかった効率化「グラフを画像からcssへ」
画像で作っていたグラフをhtmlやcss、jQueryを使って作業を効率化したお話をします。 4,5年前のことになりますが、いまだに「やってよかったな」と思っています。 はじまり 対象となったページは、ラクーンホールディングス（当時はラクーン）のIR情報にあった「業績ハイライト」と「財務ハイライト」のページです。 当時は年に1回更新作業があり、イラレを使ってすべてのグラフを画像で作成していまし
2021.4.12
CookieのSameSite=Laxデフォルト化 アクセスログで影響調査
2月4日リリース予定のChrome80からCookieのSameSite属性が明示されていない場合の挙動がLaxに変更される予定です。 Cookieは至るとこで使用されており、影響範囲の特定に苦労されている方も多いのではないでしょうか？ 一方でChromeにはFetch Metadataリクエストヘッダという機能が実装されています。 このヘッダはリクエストが生成されたページとのオリジン間の関係を
OSSなWAF、ModSecurityの導入①【インストール編】
ここ最近、弊社のサイトへサイバー攻撃と思わしき不審なアクセスが増えてきました。 大半はOSSな脆弱性検査ツールなどを悪用した、いわゆるスクリプトキディによるもののようです。 それらはあまり高度なものではなく、今のところは情報漏えいなど大きな被害はありませんが、このまま放置していてはいずれ致命的な脆弱性が発見されてしまわないとも限りません。 そこで弊社ではApacheのモジュールとしてOSSで公開
Photoshopの作業中、急に画像の色がくすんだ時に行う3つの対処法
Photoshopで作業中に、急に画像の色が変になって困ったことはありませんか？ ↑Photoshopに画像を配置後、赤丸で囲んだ部分の色味がくすんで、部分的に灰色で飛んでしまいました。 画像の色が変になったらやってみよう。対処法3選 ▼【方法1】Ctrl+Y（色の構成）を解除してみる ▼【方法2】trl+Shift+Y（色域外警告）を解除してみる ▼【方法3】プロファイル変換＞RG
SEOの過去・現在・未来、そして心得
ふと過去に執筆した記事を振り返ったのですが、フロントエンドのパフォーマンスの話・bashのプロセス置換・Androidアプリのパフォーマンス・DoS攻撃対策などなど、記事の方向性が毎回バラバラすぎて自分は何の専門なんだろう？と疑問に思えてきました。 まあそれは気にしないとして、今回もご多分に漏れず今までの記事とは全く異なる領域の話です。 話のベースはSEOについてですが、 心得 とか 考え方
【Software Design誌コラボ企画】『“速い”Webアプリケーションの作り方』を開催しました！
弊社テクニカルディレクターの羽山が『Software Design』10月号の特集記事を執筆させていただいたご縁で、 技術評論社様にもご協力いただき開催となったこの企画。 多数の方にご参加いただき、無事開催することができました。 登壇者の皆様、技術評論社の中田さん、 忙しい中参加していただいた皆様、ありがとうございました！ 左から合同会社レッドボックスの小川さん、スパイスファクトリー株式会
2019.10.2
『★初心者限定★みんなで最初のLT大会！』を開催しました！
『★初心者限定★みんなで最初のLT大会！』を開催しました！ アウトプットの重要性を感じているエンジニアは多く、 それが社外とか面識のない人の前でプレゼンとなるとさらにハードルが高い。。。 なかなか最初一歩を踏み出せない人のためにと企画したこのイベントですが、 事前申込みの8名と飛び入り参加2名を加え、計10本のLTが発表されました。 中堅・ベテランエンジニアから研修期間終わりたての初々しい
“速い”Webアプリケーションの作り方 -『Software Design』誌コラボ企画 - 開催のお知らせ
2019/9/26(木)に『Software Design』誌とのコラボ企画で、『"速い"Webアプリケーションの作り方』イベントを開催します。 技術評論社さんの定期刊行雑誌『Software Design』。会社や個人で購読している方も多いのではないでしょうか？ こちらの2019年10月号の特集 『"速い"Webアプリケーションの作り方（フロントエンド編）』 への弊社エンジニアの寄稿のご縁