Vue.jsの公式サイトにあるサンプルのTodoアプリをトレース(意図的な車輪の再発明)したので記事にまとめます。
GW中に新しい技術をキャッチアップしようと思い、学習コストが低そうなVue.jsから取り組むことにしました。さっそく簡単なアプリを作ったので記事にまとめます。
これまでホスト側にnode.jsやwebpackなど必要なツールを揃えてReactの環境を構築していたのですが、ホストPCの環境が汚れてお手入れが大変なので、Dockerでreactの環境を用意しました。
`.on()`はDOMにイベントを追加するメソッドなのですが、同じ要素に対して同じイベントを複数登録できてしまいます。気をつけないと同じイベントが重複して実行されるので、.off()で初期化してあげます。
改行を含むテキストをJSONでやり取りする場合のメモです。
CSSやJavaScriptのような静的なファイルはユーザーが使用しているブラウザにキャッシュされます。キャッシュが残っていると基本的にはそちらが優先して読み込まれるため、せっかくファイルを更新しても変更内容が適用されず、予期せぬバグを引き起こしたりします。これを防ぐためにCache Bustingと呼ばれる方法を試しました。
WordPressのセキュリティ対策として考えなければいけないことはたくさんあります。ApacheやNginxの設定や、コンテンツが設置されたディレクトリのパーミッションの設定だったりです。攻撃手法は多種多様なのでその全てに対策を施すのはとても難しく、知識とスキルも必要になってきますが、ここではWordPressのプラグインを使ってお手軽に設定できるフロントサイドのセキュリティ対策を2つ紹介します。
WordPressではリビジョンと呼ばれる、投稿記事を自動でバックアップしてくれる機能がありますが、それがデータベースを圧迫し、パフォーマンスに影響がでます。ここではプラグインを使わずにリビジョン機能の無効化・制限をかける方法をまとめます。
仮想マシンで構築した環境でCSSの内容を変更した時、変更内容が反映されない場合があります。そんな時はEnableSendfile の設定をoffにすることで解決するかも!?
長いURLが親のブロック要素などからはみ出す現象が起きたので修正しました。word-break構文を使って折り返す設定をメモします。