商品分析などに使うマトリクス(ポジショニングマップ)のCSS 公開日:2025年3月17日 CSS・Javascript 市場におけるポジション(立ち位置)を示すのに、マトリクス表を利用すると便利です。 例えば、下記のような表です。 高機能 シンプル 価格安い 価格高い ★賢威 ★SWELL ★THOR このような2軸で可視化するマトリクス […] 続きを読む
【2025年】Google アナリティクス4(GA4)の登録方法 公開日:2025年3月15日 サービス・ツール Googleアナリティクス4(GA4)は、Googleが提供するアクセス解析ツールで、従来のユニバーサル アナリティクス(UA)の後継バージョンです。 GA4を使うことで、ウェブサイトやアプリのユーザー行動を詳細に分析す […] 続きを読む
クリック率を上げる!CSSでバウンドしながら動く矢印の実装方法 公開日:2025年3月14日 CSS・Javascript 最近はあまり見ませんが、CTA(Call To Action)のボタンの上に動きのある矢印のアニメーションが使われていることがあります。 例えば、下記のような矢印アニメーションです。 今回は、このような矢印の画像をバウン […] 続きを読む
このサイトがChatGPTの参照元として利用されているのか調べてみた 更新日:2025年3月20日 公開日:2025年3月13日 コラム ChatGPTに質問すると、URLに参照元情報が含まれることがあります。 この参照元のリンクをクリックすると、 ?utm_source=chatgpt.com といったクエリパラメータが付加されています(utm_sour […] 続きを読む
画像が揺れると印象が変わる?視線を集めるCSSアニメーション 公開日:2025年3月12日 CSS・Javascript ホームページやランディングページ(LP)、セールスページ(SP)などで、画像に動きを付けることで、ユーザの目を引くことができます。 例えば、最近、目にすることがあったのが、下記のようなアニメーションです。 今回は、写真や […] 続きを読む
SWELL(スウェル)の記事スライダーに固定ページを追加する方法 公開日:2025年3月11日 ワードプレス ワードプレス(WordPress)テーマのSWELL(スウェル)には、トップページで人気記事や新着記事などをスライドさせる「記事スライダー」という機能があります。 出典:SWELL DEMO2 しかし、記事スライダーで表 […] 続きを読む
コピペで使える!CSSだけで画像をスムーズに回転させる方法 更新日:2025年3月10日 公開日:2025年3月9日 CSS・Javascript ホームページやランディングページ(LP)、セールスページ(SP)などで、画像に動きを付けることで、ユーザの目を引くことができます。 例えば、最近、目にすることがあったのが、下記のようなアニメーションです。 2025年遂に […] 続きを読む
ワードプレスで自動付与される“noreferrer”を削除する方法 公開日:2025年3月7日 ワードプレス ワードプレス(WordPress)では、target=”_blank”を設定すると、デフォルトで rel=”noopener noreferrer” が自動的に付与されます […] 続きを読む
引越し侍をアフィリエイトする事ができるASPは? 公開日:2025年3月6日 アフィリエイト 「引越し侍(ひっこしざむらい)」は、株式会社エイチームライフデザインが運営する引越し一括見積もりサービスです。 全国の引越し業者と提携しており、ユーザーは自身の引越し条件を入力するだけで、複数の業者から見積もりを取得し、 […] 続きを読む
SWELL(スウェル)の基本スタイル、CSSのクラス一覧 更新日:2025年3月6日 公開日:2025年3月5日 ワードプレス SWELL(スウェル)は、ブロックエディタ(Gutenberg)に完全対応したワードプレス(WordPress)テーマです。 その為、基本的に余白調整や装飾は、ブロックエディタでできるのですが、SWELLにはないパーツを […] 続きを読む