Web制作全般

WordPressサイトのサーバ移行関連で、ワイルドカード証明書という言葉がでてきたので、基本的な意味から、メリット・デメリットについて、調べたことをメモしておきます。また背景としては、安全なサーバ移行手順（AWS ALB＋EC2利用想定）...

wp-cliコマンドをインストールしている前提で、このコマンドを用いて、サーバにログイン後、サイトURL情報を書き換えていきます。ちなみに、私は初めテストだからと、ルートユーザで「wp --version」としてコマンドを実行しようとしまし...

この点、初めてで疑問が出たので、Geminiに聞いた内容を参考までにメモしておきます_φ(･_･サーバー移行時に、DNS設定（ドメイン切り替え）とSSL証明書の設定を同時に行うのが一般的ですが、先にHTTPで通信できている移行先のサーバーで...

前回記載した手順は、サーバー移行時にWordPressをHTTPS化し、独自ドメインを設定する際の、一般的かつベストプラクティスとされる手順のようです。ベストプラクティスである理由この手順がベストプラクティスとされる主な理由は以下の通りです...

WordPressのHTTP通信が確認できたあと、実際の運用に向けてHTTPS化と独自ドメインの設定を進めるための手順についてめもしていきます。Geminiに聞いた内容をもとにメモしていますので、ご承知ください。HTTPS化と独自ドメインの...

サーバ移行ってそもそも何が必要なのか？気になったので調べてみました。まずはざっくりと、どんなことが必要？ 移行対象範囲を洗い出す（サイト、DB、メール、アプリケーションなど） 現行環境の契約状況確認（契約更新日・解約期限）⇨新旧サーバの契約...

Playwrightを使用したE2Eテストでは、BASIC認証がかかっている試験環境やメンテナンス画面が表示されている本番環境でのテストを行うことが可能か調べてみました。BASIC認証のテスト1. BASIC認証の設定Playwrightで...

テスト対応の自動化に関する具体的な実施方法について。1. 自動化されたテストスクリプトの実行自動テストスクリプトを活用することで、手動テストの負担を軽減し、効率的かつ正確なテストを実現できます。 具体的な手順: テストケースの設計: テスト...

最近メールの整理を行なっていたので、たまにはこんなテーマの記事も掲載してみます。新社会人にとって、メールの整理は業務効率を高めるために非常に重要です。特に、Mozilla Thunderbirdを使用する場合、メールのフィルタリング機能を活...

最近使うことがあったので、このツールに関する記事を掲載します。私がよく使用していた数年前よりも、バグが少なく使いやすくなっている印象でした。Perfect Pixelの使い方Perfect Pixelとは？Perfect Pixelは、Go...

$_SERVERを使用してデバイス幅を切り替える方法と、HTMLの<meta>タグを用いてビューポートを設定する方法は、それぞれ異なる目的と利点があります。以下に、両者の比較と適切な使用方法について説明します。ユーザーエージェントによる切り...

サイト内のURLを別タブで開く際に、同一ドメイン内であれば、noreferrerやnoopenerを付ける必要は基本的にありません。以下にその理由を詳しく説明します。理由 セキュリティの観点: noopenerは、リンク先のページが元のペー...

以下、自分用の作業メモです。Swift Mailerを使用するSymfonyには、ローカルの開発環境でメール送信をテストするための便利な仕組みが組み込まれています。Symfonyの開発環境では、デフォルトで「メールキャッチャー」が有効になっ...

以下、自分が過去にあたって解決したエラーを時間がある時にまとめている作業用メモです。追加していけそうなら、適宜追加していきます。ただ、殴り書きみたいに記録しているので、原因までは書けていないことも。。Unexpected token【解決】...

以下、調べた作業用のメモです。ブラウザサポートはどうなっている？WebPは現代の主要なブラウザで広くサポートされていますが、全てのブラウザがWebPに対応しているわけではありません。主なブラウザでのWebPサポートは以下の通りです：Goog...

以下、作業用メモです。まだ実施したわけではないですが、これから試すためのメモや参考サイトを置いています。1リポジトリの作成: まず、GitLab上で新しいリポジトリを作成。このリポジトリにはWordPressのテーマファイルを保存。ブランチ...

タイトル通りです。気になったので調べました。GA4って何？Googleサーチコンソールと何が違う？GA4は「Googleアナリティクス 4プロパティ」の略で、Googleアナリティクスの最新バージョン。GA4は2020年10月にリリースされ...

以下、作業用メモです。WordPressサイトのPHPバージョンを安全に更新していくためには、どういった手順で何を気にしなければいけないのか、調べてみました。ほとんどこのサイトで解説してくれていました。バックアップをとるのはもちろんですが、...

以下、作業用メモです。WordPressでは、遷移元のページに応じて遷移先のページで表示するメッセージを変更することが可能。そのためには、PHPの$_SERVER変数を使用して遷移元のURLを取得し、それに基づいて条件分岐を行う。以下一例。...

以下、作業用メモです。調べたことをメモしています。送信完了画面に直接アクセスできることは避けるWordPressでフォームの送信完了ページを直接URLでアクセス可能にすることは、セキュリティやユーザーエクスペリエンスの観点から見ても好ましく...

以下、作業用メモです。テーマファイル直下にディレクトリをきって、そこに置きたい固定ページ用のテンプレートを配置。page.phpの従前のコードの前に以下のコードを記述。ディレクトリ配下に置いたファイルは「スラッグ名.php」「page-スラ...

Figmaで画像を取り込んで文字を変えるなどの編集をすることは可能。具体的な手順は以下。画像をドラッグ＆ドロップしてボードに配置します1。画像のサイズやトリミング、ズームなどを調整します1。画像にテキストオブジェクトを重ねて文字を入力します...