
DialogやDrawerをModal展開した時に背面に敷く板のお話。
丁寧に書くとモーダルやダイアログ、ドロワー展開時に背面UIを視覚的に減弱させつつ、操作遮断してユーザーの注意を前面UIに集中させる半透明レイヤーのこと(最近はボカシタイプもある)
こいつの名前がプロジェクト毎に「下敷き」「グレー板」などバラバラ、かつイマイチで20年ぐらいモヤモヤしている🤔

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へ移行する )
WordPressトップページをWordpressインストールフォルダの親階層に展開したときに、ややこしいことになったのでメモ。(以後WordpressはWP表記)
これを継承して、以下仕様で拡張。
ディレクトリで見ると以下のような感じ。
# ディレクトリ構成
/root(https://hoge.com/)
├ index.php(サイトトップ:静的HTMLからWP固定ページに変更)
└ /wp(WPインストールディレクトリ)
まず、サイトトップページをWP固定ページにするために、WPトップページの展開場所を一階層上げる必要がある。
これは「”index.php”と”.htaccess”の変更」「WPの「サイトアドレス(URL)」設定変更」で対応。
変更前
/** Loads the WordPress Environment and Template */
require( dirname( __FILE__ ) . '/wp-blog-header.php' );
変更後
/** Loads the WordPress Environment and Template */
require( dirname( __FILE__ ) . '/wp/wp-blog-header.php' );
※ 「wp」はWPインストールディレクトリ名
変更前
<IfModule mod_rewrite.c>
RewriteEngine On
RewriteBase /wp/
RewriteRule ^index\.php$ - [L]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . /wp/index.php [L]
</IfModule>
変更後
<IfModule mod_rewrite.c>
RewriteEngine On
RewriteBase /
RewriteRule ^index\.php$ - [L]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . /index.php [L]
</IfModule>
これでサイトトップページ(https://hoge.com/)にWPトップページが展開されるようになる。
XAMPPが死んだ。XAMPPというよりはMySQLだけど。
XAMPPに入れてたWordpressが編集、追加できなくなった。近しいのは以下のような感じか?
原因としてはXMAPPを強制終了してしまったときにDB死んだとかそういう感じなのかもしれない。
面倒だったので、再インストールを選択。
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
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
You can find more information in our Cookie Policy and Privacy policy.