特定のIPアドレスからのアクセスを nginx で遮断する方法です。規制対象IPアドレスの一覧表は外部ファイルとして管理し、メンテナンスしやすくします。IPアドレス一覧表以外に編集するファイルは nginx.conf だけです。編集すると言っても、たった一行追加するだけです。せっかくなので、私が管理するWebサーバへ総当り攻撃を仕掛けてくるアタッカーのIPアドレス一覧 (IPアドレス規制ファイル) も下記に載せておきます。ご自由にコピーしてお使いください。

PixiJSを使ってHTML5+WebGLなブラウザゲームを作るサンプルその1: 基本編 アイコンをアニメーション

ブラウザのJavaScriptで二段階認証のワンタイムトークン(パスコード)を生成する方法です。今回ご紹介するコードは、芽萌丸ツールズの2FAトークン生成ツールでも利用されています。2FA設定時にQRコード等で提供されるシークレットさえ保管しておけば、Google認証システムアプリが無くてもパスコードを生成できます。

PCもしくはモバイル端末のブラウザ上で任意のカメラデバイスを選択し、videoタグで利用するサンプルです。ピュアなJavaScriptだけを使って実現しています。

HTML要素にCSSでアニメーションを適用する方法をご紹介。複雑になりがちなアニメーションをシンプルなCSSとJSだけで実現しています。汎用的に使えるJSのヘルパー関数も。