HTML/CSS/JSのコーディングで実務中に実際につまずいたポイントを、原因の調査から解決までの過程ごと記録しています。教科書的な正解より、「実際にハマった」経験を優先して書いています。
ヒーローのGSAP、Vanilla JSに置き換えて軽量化した話
ヒーロー演出のGSAPをVanilla JSに置き換えて軽量化。transformの取り合いバグも今度こそ根本解決しました。
数字で検証したのに、実機で見たら崩れてた話
数値検証(getBoundingClientRect等)では正常でも、実機で見たら表示崩れが2箇所あった話。数字が見ている範囲の狭さを実感。
画像が表示されない不具合、原因はキャッシュ系プラグインだった話
画像を差し替えても古いまま表示される・そもそも表示されない不具合の原因を調査した実体験。EWWW Image OptimizerとAutoptimizeのキャッシュ・Lazy Load機能が重なっていたケースを紹介します。
色々疑ったけど、結局wp_footer()を書き忘れてただけだった話
複数の不具合が同時発生、原因はwp_footer()の書き忘れでした。オリジナルテーマ制作でハマった実体験を整理しました。
FLOCSS/BEM、案件によっては要らないと判断した話
FLOCSS/BEMを導入すべき案件、要らない案件を実務経験から判断軸ごとに整理しました。実際の運用実例も紹介します。
BEM/FLOCSSって結局何なのか、なんとなく使ってた自分のために整理した話
BEM/FLOCSSって結局何なのか、初心者向けに基本から整理しました。クラス名の付け方とファイルの置き場所の考え方をやさしく解説します。
AI画像生成が使えなかったので、CSSだけでハーフトーン印刷風に加工した話
AI画像生成が無料枠で使えず、CSSとSVGのフィルターだけでハーフトーン印刷風の質感を再現した話です。
Cocoonでmarginが効かない原因は、CSSの詳細度だった話
Cocoonでmarginが効かない原因はCSSの詳細度でした。結合セレクタに負けていた余白を、クラスの2重指定で解決した話です。
ターミナル起動時の警告、正体は2021年のnodebrewの権限設定だった話
ターミナル起動時に出るzsh警告の原因は、2021年に入れたnodebrewの権限・所有者設定でした。chmodだけでは直らなかった話です。
wp_optionsが勝手に文字コード変換してた話
ブランド表記を統一する作業中に、blognameオプションのアポストロフィが勝手にHTMLエンティティ化されていることに気づきました。原因はWordPress coreの仕様とテーマ側の参照先の違いでした。
