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と呼ばれる方法を試しました。