Web制作全般

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。画像にテキストオブジェクトを重ねて文字を入力します...

Symfonyでユニットテストをする方法は、以下のような手順。PHPUnitというツールを使ってテストコードを書く。テストコードは、testsというフォルダに保存。テストコードでは、assertという関数を使って、期待する結果と実際の結果を...

Qiitaのこの記事をみつけたので、めも。紹介してくれている媒体が多いので、アクセスできるものは一通りみてみることに。それから、読書について。以下のサイトで紹介されている本を参考にしてみたいと思います。

CSS設計のリニューアルについては、以下の点を意識すると良い。既存のCSS設計との互換性を保つ新しいCSS設計は予測がしやすく、拡張性があり、保守性が高いものを選ぶCSSファイルは機能や役割ごとに分割して管理するCSS設計のルールや命名規則...

勉強したことを、メモ。１基数変換２補数と固定小数点３浮動小数点４誤差５シフト演算６論理演算７半加算器と全加算器８計測と制御９オートマン１０AI１１線形代数１２確率・統計

記事はまだちゃんとまとめていませんが、メモがわりにブログ投稿します。axiosのPOST送信で初めてデータ送信を実装した際、使ったのはJSON形式でした。それ以外にも「x-www-form-urlencode」形式というのがありました。参考...

今朝は、以前ブログでもまとめた、Symfonyについてお話しされているせお丸さんの動画をみて復習しました。【Symfonyで使われている技術】・ModelではDoctrineというモジュールを使用・ViewではTwigと呼ばれるフレームワー...