Vue.jsでシンプルなTodoアプリの作成

Vue.jsの公式サイトにあるサンプルのTodoアプリをトレース(意図的な車輪の再発明)したので記事にまとめます。

Vue.jsとmarked.jsでリアルタイムプレビューできるマークダウンエディタの作成

GW中に新しい技術をキャッチアップしようと思い、学習コストが低そうなVue.jsから取り組むことにしました。さっそく簡単なアプリを作ったので記事にまとめます。

DockerでReactの開発環境を構築

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

jQueryのon()とclick()でイベントが2回以上重複して実行されるのを防ぐ

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

JSONで改行を含むテキストデータをハンドリングする

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

ユーザー側のブラウザで最新のCSS/JavaScriptを読み込ませる方法

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

【WordPressのセキュリティ対策】ログインURLの変更と2段階認証

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

【プラグイン不使用】WordPressのリビジョンを無効にする方法

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

ローカル環境でCSSが反映されない時に見直すべきhttpdの設定

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

長いURLがはみ出すのを防ぐCSS

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