制作Note

iPhoneで電話番号の表示が崩れる原因と解決方法

Webサイトを制作していて、PCのブラウザでは問題なく表示されているのに、iPhoneの実機で確認すると電話番号の表示がおかしくなった経験はありませんか？今回は、iPhoneのSafariで電話番号の表示が崩れる原因と、その解決方法をご紹介します。発生した問題 PCブラウザの検証ツールでは正常に...

ページ内リンク『他のページから遷移するとズレる』という問題について

他のページからアンカーリンク（#section1など）付きのURLに遷移したとき、目的の位置にピッタリ移動せず、微妙にズレてしまうことがあります。これは、ブラウザがページを完全に読み込む前にスクロール位置を計算してしまうことが原因です。画像の読み込みやCSSの適用が完了する前に移動するため、最終的...

PHP 8.3アップデート時に学んだ、WordPressサイト運用保守の重要性

はじめに先日、私のWordPressサイトでPHPを8.3にアップデートしたところ、予期しない大量のエラーが発生しました。この経験を通じて、PHP環境の更新時におけるWordPressの運用保守の重要性を改めて実感したため、その学びを共有したいと思います。

Google Mapsの代用になるかもOpenStreetMapの検討

GoogleMapを使って実装は費用がかかるのとAPI設定がちょい面倒。この課題を解決できるかもしれないのがOpenStreetMap（OSM）です。 OpenStreetMap（OSM）とは、世界中のボランティアが協力して作成・維持している、自由に使用できるオープンソースの地図データです。Wik...

WordPressのHTMLサニタイゼーション関数について

HTMLサニタイゼーション関数は、ユーザーから入力されたHTMLコードから危険な要素を除去し、安全なコンテンツのみを保持する重要なセキュリティ機能です。 WordPressカスタマイズにおいて、この機能はXSS（クロスサイトスクリプティング）攻撃の防止に不可欠です。悪意のあるJavaScriptコー...

MAMPを7.2にバージョンアップしたら下層ページにアクセスできなくなった

MAMP mod_rewrite 設定備忘録開発環境でMAMPを使用しています。バージョンアップをしたら不具合がおきたので備忘録として残しておきます。 ※MAMPをバージョンアップした理由はMACのOSを最新のSequoiaにしたら古いMAMPでは対応していなかった為です。事象開発環境MAMP...

安易な色変更はNG – トンマナ（デザインの統一感）

デザインを制作していると、「この部分をもう少し目立たせたい」「なんとなく違う色にしてみよう」といった理由で、安易に色を変更してしまうことがあります。しかし、このような場当たり的な色の使い方は、デザイン全体の統一感を損ない、ブランドイメージを大きく左右する可能性があります。今回は、トンマナ（トーン＆...