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