カテゴリー
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へ移行する )

カテゴリー
Develop

備忘メモ:WordPressでERR_TOO_MANY_REDIRECTS

WordPressトップページをWordpressインストールフォルダの親階層に展開したときに、ややこしいことになったのでメモ。(以後WordpressはWP表記)

前提条件とゴール

  • 既存WPあり。ドメインは仮に”hoge.com”。
  • サイトトップページ(https://hoge.com/)はWPで管理されていない静的html(/root/index.html)。
  • WPインストールディレクトリは”/root/wp/”、URLは”hoge.com/wp/”。
  • 個別投稿のパーマリンク設定は「数字ベース(https://hoge.com/wp/archives/123)」(Trailing Slash無し)。

これを継承して、以下仕様で拡張。

  • サイトトップページ(https://hoge.com/)をWP固定ページにする。
  • WP投稿ページは既存URLの”https://hoge.com/wp/”を継承。
  • 個別のWP投稿も既存URLを継承。

ディレクトリで見ると以下のような感じ。

# ディレクトリ構成
/root(https://hoge.com/)
├ index.php(サイトトップ:静的HTMLからWP固定ページに変更)
└ /wp(WPインストールディレクトリ)

サイトトップページをWP固定ページに変更する

まず、サイトトップページをWP固定ページにするために、WPトップページの展開場所を一階層上げる必要がある。
これは「”index.php”と”.htaccess”の変更」「WPの「サイトアドレス(URL)」設定変更」で対応。

“index.php”と”.htaccess”の変更

  1. WPインストールディレクトリ直下(/root/wp)から、”index.php”と”.htaccess”をダウンロード。
  2. Index.phpを修正。
    変更前
    /** 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インストールディレクトリ名
  3. .htaccessを修正
    変更前
    <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>
  4. 修正した”index.php”と”.htaccess”を、”/root/”にアップロード。
    ダウンロードした”/root/wp/”直下の”index.php”と”.htaccess”はそのまま。

WPの「サイトアドレス(URL)」設定変更

  1. WP管理画面の「設定」>「一般」に移動。
  2. 「サイトアドレス (URL)」にトップページの展開URLを入力(https://hoge.com)

これでサイトトップページ(https://hoge.com/)にWPトップページが展開されるようになる。

カテゴリー
Develop

XAMPP死亡して再インストールメモ

XAMPPが死んだ。XAMPPというよりはMySQLだけど。
XAMPPに入れてたWordpressが編集、追加できなくなった。近しいのは以下のような感じか?

原因としてはXMAPPを強制終了してしまったときにDB死んだとかそういう感じなのかもしれない。
面倒だったので、再インストールを選択。