カテゴリー
Develop

Snow Monkey FormsのGA4連携

WordPressのフォーム系プラグインにSnow Mokey Forms (※以後 SMF) というプラグインがある。

Snow Monkey Forms – WordPress プラグイン | WordPress.org 日本語

これは開発終了した人気フォーム系プラグインMW WP Formの作者が後継として開発しているプラグイン。

フォーム系プラグインではContact Form 7もポピュラーだが、標準で確認・完了画面が存在しないためか日本では敬遠されがち😓。

SMFはMW WP Formの知見を元に最適化されていてかなり使いやすい。ただ、入力>確認>完了の処理プロセスがAjax処理されておりURLが変化しないため、GA4のPageViewベースでの実績把握が難しいという課題がある。

これをSMFのDOMイベントを使ってWordpress側には手を入れずGTMだけで対応してみるメモ

カテゴリー
Develop

Gemini 2.5 TTS

試してみた。

日本語読解精度がかなり向上。また文章を踏まえてなのか抑揚表現も自然な感じ。あとブレス音が人間っぽい感じをかなり醸し出している。

サンプルとして宮崎吐夢さんの「ペリーのお願い」をTTSしてみた😅

カテゴリー
Design Develop

モーダルダイアログの背面を覆うあの板の名前

Ref : https://m3.material.io/styles/elevation/applying-elevation

DialogやDrawerをModal展開した時に背面に敷く板のお話。

丁寧に書くとモーダルやダイアログ、ドロワー展開時に背面UIを視覚的に減弱させつつ、操作遮断してユーザーの注意を前面UIに集中させる半透明レイヤーのこと(最近はボカシタイプもある)

こいつの名前がプロジェクト毎に「下敷き」「グレー板」などバラバラ、かつイマイチで20年ぐらいモヤモヤしている🤔

カテゴリー
Develop

WordPressでのCookie同意制御 #1

世界的に個人情報保護の観点からCookieの制御要件が高まりグローバル企業ではGDPR、CCPAなどの対応が訴訟リスク回避の観点からも必要になっている。

日本も海外ほどでは無いけれども2022年施行の改正個人情報保護法により、「個人を識別可能な情報の第三者提供」に対する一定の同意が必要になっている。

日本の規制強度も高まる可能性があるため、そのへんも見越してWordpressで構築されたサイトでの対応方法を検証してみる。

カテゴリー
Develop

パスワードルール

「英数・記号の混在」はもう古い NISTがパスワードポリシーの要件を刷新:セキュリティニュースアラート – ITmedia エンタープライズ

カテゴリー
Design Develop

Figmaのメインコンポーネント移動

FigmaでB2B系など画面数が多いサービスをデザインするときに汎用パーツをコンポーネントにして一元管理することでデザイン・仕様変更などの対応コストを抑える構成にするが、その際にFigmaのライブラリ機能を使ってメインコンポーネントと画面デザインを別Figmaで運用することも多い。(MUIなどのデザインシステムのコンポーネントFigmaを利用する場合も同様)

ただ画面デザイン工程でメインコンポーネントに必要な要素が網羅されていることは少なく、往々にしてコンポーネントの作成+追加が必要になる。

その際に、画面デザインFigmaで作成したコンポーネントを、メインコンポーネント管理のFigmaに移動させる場合があるのだけど、この方法がちょとわかりづらく、失敗するとメインコンポーネントに紐づかない迷子インスタンスが発生して実装時に混乱が生じるので、メインコンポーネントの移動方法をメモしておく。

カテゴリー
Develop

SourceTreeが起動しない@win11

何年か周期でWindowsUpdateの影響でSourceTreeが起動しなくなることがあるので解決法をメモ。

下記Composition.cacheを削除、もしくはRenameすればOK。

C:\Users\%USERNAME%\AppData\Local\Atlassian\SourceTree.exe_Url_%謎のID%\%VERSION%\Composition.cache
// %謎のID%や%VERSION%はその時の状況で異なると思う

参照

カテゴリー
Develop

Looker StudioのREGEXP_REPLACEメモ

Looker StudioでPage Pathなどを置換してレポート作成する場合、リソースにカスタムフィールド追加してREGEXP_REPLACE関数で処理を行うが、ヘルプのサンプル (REGEXP_REPLACE – Looker Studioのヘルプ) だとちょっとわかりにくい部分があるのでメモ。

カテゴリー
Develop

みんな欲しかったやつ

ずっと、ほしいほしいと言いながらなかなかなかったやつ。

Pastel | Fastest visual website feedback tool for web designers, developers and agencies

Pastel is a powerful tool for marketing teams to review and approve marketing collateral like live websites, PDFs and image files.

Live websiteに対してコメントできる。サイトを対象としたinVision的なかんじ。

#1 Online website feedback tool 🔥 | Ruttl

The fastest visual feedback tool that allows you to comment on live websites, web apps, PDFs, and images.

こちらはPastelよりも機能が多く、inspectorがありDOMやStyleを調整できる(ここでできるのが良いか微妙だけど)

カテゴリー
Develop

Movable typeからWordPress移行のリダイレクト設定

Movable Type (以降MT) からWordpress (以降WP) へ移行した際のリダイレクト設定に関するメモ。移行仕様は以下(URLはダミー)

URLCMS
旧サイトhttps://old.img8.com/Movable Type
新サイトhttps://new.img8.com/WordPress

課題

  • MTの投稿URLを”MTEntryID”で設定していた。
  • MTの投稿Exportで”MTEntryID”は出力されない。
  • “MTEntryID”をWPへImportできない。
  • WPにMTのURLを継承できなかった。

このため、旧サイトの投稿URLをすべて新サイトの投稿URLにリダイレクトさせる必要がある😭

※後日、”MTEntryID”をExportする方法を発見😅 ( [WordPress]IDを維持したままMovable Type 3.2からWordPress2.0.2へ移行する )