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だけで対応してみるメモ
試してみた。
日本語読解精度がかなり向上。また文章を踏まえてなのか抑揚表現も自然な感じ。あとブレス音が人間っぽい感じをかなり醸し出している。
サンプルとして宮崎吐夢さんの「ペリーのお願い」をTTSしてみた😅
DialogやDrawerをModal展開した時に背面に敷く板のお話。
丁寧に書くとモーダルやダイアログ、ドロワー展開時に背面UIを視覚的に減弱させつつ、操作遮断してユーザーの注意を前面UIに集中させる半透明レイヤーのこと（最近はボカシタイプもある）
こいつの名前がプロジェクト毎に「下敷き」「グレー板」などバラバラ、かつイマイチで20年ぐらいモヤモヤしている🤔
世界的に個人情報保護の観点からCookieの制御要件が高まりグローバル企業ではGDPR、CCPAなどの対応が訴訟リスク回避の観点からも必要になっている。
日本も海外ほどでは無いけれども2022年施行の改正個人情報保護法により、「個人を識別可能な情報の第三者提供」に対する一定の同意が必要になっている。
日本の規制強度も高まる可能性があるため、そのへんも見越してWordpressで構築されたサイトでの対応方法を検証してみる。
FigmaでB2B系など画面数が多いサービスをデザインするときに汎用パーツをコンポーネントにして一元管理することでデザイン・仕様変更などの対応コストを抑える構成にするが、その際にFigmaのライブラリ機能を使ってメインコンポーネントと画面デザインを別Figmaで運用することも多い。（MUIなどのデザインシステムのコンポーネントFigmaを利用する場合も同様）
ただ画面デザイン工程でメインコンポーネントに必要な要素が網羅されていることは少なく、往々にしてコンポーネントの作成＋追加が必要になる。
その際に、画面デザインFigmaで作成したコンポーネントを、メインコンポーネント管理のFigmaに移動させる場合があるのだけど、この方法がちょとわかりづらく、失敗するとメインコンポーネントに紐づかない迷子インスタンスが発生して実装時に混乱が生じるので、メインコンポーネントの移動方法をメモしておく。
何年か周期でWindowsUpdateの影響でSourceTreeが起動しなくなることがあるので解決法をメモ。
下記Composition.cacheを削除、もしくはRenameすればOK。
C:\Users\%USERNAME%\AppData\Local\Atlassian\SourceTree.exe_Url_%謎のID%\%VERSION%\Composition.cache
// %謎のID%や%VERSION%はその時の状況で異なると思う参照
Looker StudioでPage Pathなどを置換してレポート作成する場合、リソースにカスタムフィールド追加してREGEXP_REPLACE関数で処理を行うが、ヘルプのサンプル (REGEXP_REPLACE – Looker Studioのヘルプ) だとちょっとわかりにくい部分があるのでメモ。
ずっと、ほしいほしいと言いながらなかなかなかったやつ。
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を調整できる（ここでできるのが良いか微妙だけど）
Movable Type (以降MT) からWordpress (以降WP) へ移行した際のリダイレクト設定に関するメモ。移行仕様は以下（URLはダミー)
| URL | CMS | |
|---|---|---|
| 旧サイト | https://old.img8.com/ | Movable Type |
| 新サイト | https://new.img8.com/ | WordPress |
このため、旧サイトの投稿URLをすべて新サイトの投稿URLにリダイレクトさせる必要がある😭
※後日、”MTEntryID”をExportする方法を発見😅 ( [WordPress]IDを維持したままMovable Type 3.2からWordPress2.0.2へ移行する )
We use cookies to improve your experience on our site. By using our site, you consent to cookies.
Manage your cookie preferences below:
Essential cookies enable basic functions and are necessary for the proper function of the website.
These cookies are needed for adding comments on this website.
Google reCAPTCHA helps protect websites from spam and abuse by verifying user interactions through challenges.
Google Tag Manager simplifies the management of marketing tags on your website without code changes.
Statistics cookies collect information anonymously. This information helps us understand how visitors use our website.
Google Analytics is a powerful tool that tracks and analyzes website traffic for informed marketing decisions.
Service URL: policies.google.com (opens in a new window)
Marketing cookies are used to follow visitors to websites. The intention is to show ads that are relevant and engaging to the individual user.
A video-sharing platform for users to upload, view, and share videos across various genres and topics.
Service URL: www.youtube.com (opens in a new window)
You can find more information in our Cookie Policy and Privacy policy.