備忘録

仕事・Web

GA4仕様クイズから学ぶ、実装と集計ロジックのギャップ

GA4の仕様テストを受けたら、40問中19問しか正解できませんでした。「タグは発火しているのに数値がおかしい」その原因は、実装と集計ロジックのギャップにありました。スコープの不一致やDirectのルックバック仕様など、実装者が陥りやすいGA4の落とし穴と対策チェックリストを共有します。
仕事・Web

GA4・Google広告タグとピクセルタグの考え方の違いと実装チェックリスト

GA4やGoogle広告のG-tagとPixel系タグでは、そもそもの設計思想が異なるため混乱しがちです。本記事ではその根本的な違いと、実装時に確認すべきチェックリストを実例とともに解説します。
仕事・Web

GraphiQL App活用:GraphQLで商品・コレクション作成

ShopifyのGraphQL APIを活用し、コレクション、メタオブジェクト、メタフィールドを連携した商品作成から、商品ページへの反映までの手順を実践的に解説します。GraphiQLインストール、実装時の注意点を記録した実装ガイドです。
仕事・Web

カスタムメタフィールドとメタオブジェクトの活用:モデル情報を表示

Shopifyの商品詳細ページに、モデルさんの着用情報(名前・身長・着用サイズ)を表示する機能を、カスタムメタフィールドとメタオブジェクトを組み合わせて実装しました。ノーコードに近い形でテーマカスタマイズができる実例としてご紹介します。
仕事・Web

Shopify CLIの開発環境構築・Node.jsとGitの準備からテーマ連携

Shopify CLIを使ったテーマ開発のために、Node.jsとGitの導入から実際のテーマ連携までを一通り試してみました。ローカル環境でリアルタイムプレビューができることで、開発効率が大幅に上がることを実感できました。
仕事・Web

Shopifyのメタフィールド実装方法と活用例

Shopifyで「予約受付中の表示をしたい」といったニーズにはメタフィールドで対応することができます。この記事ではテーマエディターと連携した設定手順と、さらに柔軟なデータ管理が可能な「メタオブジェクト」の違いも紹介します。
仕事・Web

2025年Shopify公式テーマ「Horizon」のAIブロック生成レビュー

2025年のShopifyの新テーマ「Horizon」は、AIによるカスタムブロック生成機能が搭載された注目のテーマです。実際にAIのカスタムブロック生成機能使ってみた感想や設定方法、注意点をまとめました。