フロントエンドに関する記事

これまでホスト側にnode.jsやwebpackなど必要なツールを揃えてReactの環境を構築していたのですが、ホストPCの環境が汚れてお手入れが大変なので、Dockerでreactの環境を用意しました。

`.on()`はDOMにイベントを追加するメソッドなのですが、同じ要素に対して同じイベントを複数登録できてしまいます。気をつけないと同じイベントが重複して実行されるので、.off()で初期化してあげます。

改行を含むテキストをJSONでやり取りする場合のメモです。

CSSやJavaScriptのような静的なファイルはユーザーが使用しているブラウザにキャッシュされます。キャッシュが残っていると基本的にはそちらが優先して読み込まれるため、せっかくファイルを更新しても変更内容が適用されず、予期せぬバグを引き起こしたりします。これを防ぐためにCache Bustingと呼ばれる方法を試しました。

WordPressのセキュリティ対策として考えなければいけないことはたくさんあります。ApacheやNginxの設定や、コンテンツが設置されたディレクトリのパーミッションの設定だったりです。攻撃手法は多種多様なのでその全てに対策を施すのはとても難しく、知識とスキルも必要になってきますが、ここではWordPressのプラグインを使ってお手軽に設定できるフロントサイドのセキュリティ対策を2つ紹介します。

WordPressではリビジョンと呼ばれる、投稿記事を自動でバックアップしてくれる機能がありますが、それがデータベースを圧迫し、パフォーマンスに影響がでます。ここではプラグインを使わずにリビジョン機能の無効化・制限をかける方法をまとめます。

仮想マシンで構築した環境でCSSの内容を変更した時、変更内容が反映されない場合があります。そんな時はEnableSendfile の設定をoffにすることで解決するかも！？

どれだけ頑張ってもDescriptionが何故か反映されない。。そんなあなたに必殺のメタタグを伝授します。

長いURLが親のブロック要素などからはみ出す現象が起きたので修正しました。word-break構文を使って折り返す設定をメモします。

LAMP、CentOSをベースにしたWordPress用のテスト環境の構築方法をまとめます。XAMPPやMAMPなどのクロスプラットフォームを使わず、本番に近い状態を再現するエンジニア向けの方法です。