最近見られたメモ

nginxで遮断IPアドレス一覧を外部ファイルで管理する

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

ブラウザでグーグル認証システム互換の2FAトークンを生成

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

ピュアJS:ブラウザで任意のカメラデバイスを選択

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

JavaScriptで画像の動的ロード

JavaScriptを使って画像を動的に読み込む方法です。画像の読み込み中のローディングイメージの表示などに応用できます。ピュアJS版とjQuery版の2つをご用意しました。
by @programming at 2019/7/29 6:37

国産の全文検索エンジンGroongaをNode.jsで使う

国産の全文検索エンジンGroongaのインストール方法や使い方とNode.jsから利用する方法です。
by @programming at 2019/11/1 14:42
更新履歴

PixiJSでブラウザゲーム 03エフェクト

PixiJSを使ってHTML5+WebGLなブラウザゲームを作るサンプルその3: キャラアイコンにフェードインアウトや点滅、回転等のエフェクトを掛ける方法をメモ
by @programming at 2020/2/21 15:35

PixiJSでブラウザゲーム 04クリックイベント

PixiJSを使ってHTML5+WebGLなブラウザゲームを作るサンプルその4: クリックイベントとタップイベントの実装
by @programming at 2020/2/21 15:34

PixiJSでブラウザゲーム 02シーン切替

PixiJSを使ってHTML5+WebGLなブラウザゲームを作るサンプルその2: ゲームシーンの切り替え処理
by @programming at 2020/2/20 13:20

Node.jsでチャットボット

Node.jsでチャットボットを作る方法です。チャットボットにテキトーに機械学習 (multi-label classification) させ、ユーザからの質問にマッチした回答を出力します。サンプルコードでは、ゴミの出し方をアドバイスするチャットボットを作りました。
by @programming at 2020/2/19 12:46

PixiJSでブラウザゲーム 01基本編

PixiJSを使ってHTML5+WebGLなブラウザゲームを作るサンプルその1: 基本編 アイコンをアニメーション
by @programming at 2020/2/19 10:43

芽萌丸運用情報

こちらで芽萌丸の運用情報を更新していきます。
by @TanakaSoftwareLab at 2020/2/19 7:37

ピュアJS:ブラウザで任意のカメラデバイスを選択

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

Vue.jsで大量の配列要素を滑らかに描画

Vue.jsで大量の配列要素を滑らかにレンダリングする方法のご紹介。
by @programming at 2019/12/23 13:21

ピュアJSで画像の遅延読み込み

ピュアなJavaScriptだけを使って画像の遅延読み込み(レイジーロード)を実現する方法のご紹介。ユーザがブラウザのタブをスクロールした時にタブの表示領域に入ってきた画像要素だけを読み込みさせることで、Webページの全体的な表示を軽くします。
by @programming at 2019/12/18 19:28

ピュアJSで配列からランダムに1件取得するワンライナー

ピュアなJavaScriptで配列から要素をランダムに1件取得するワンライナーです。
by @programming at 2019/12/18 15:15

CSSで簡単なアニメーション

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

Stream API を実装する方法

巨大データを処理する Node.js のアプリケーションをより効率的にするために必要不可欠とも言える Stream API。簡単なサンプルコードを示しながら、 Stream API の Readable, Transform の実装方法をご紹介します。
by @programming at 2019/12/12 14:38

Node.jsからコマンドを別プロセスとして実行

Node.jsで外部コマンドラインツールを別プロセスとしてメインプロセスから切り離して実行する方法です。
by @programming at 2019/11/16 16:43

国産の全文検索エンジンGroongaをNode.jsで使う

国産の全文検索エンジンGroongaのインストール方法や使い方とNode.jsから利用する方法です。
by @programming at 2019/11/1 14:42

田中ソフトウェアラボ開発公開ソフトウェア

田中ソフトウェアラボが開発&公開している(or 以前公開していた)Webサービスやアプリケーションを一部ご紹介。
by @TanakaSoftwareLab at 2019/11/1 7:14

mysqlオペレーションメモ

mysqlデータベースのオペレーションでよく使うCLIコマンドやSQLのメモ。DBへの接続、DB作成、インデックス作成、データコピー、バックアップ&リストア他、mysqlの運用に関するTIPSを随時更新。
by @TanakaSoftwareLab at 2019/10/28 16:10

Linuxコマンドメモ

忘れやすいけどよく使うLinuxコマンドをメモしています。適時更新。
by @programming at 2019/10/28 14:28

Bashテクニック集

Unixシェルかつコマンド言語Bashのテクニック集です。個人的によく使いそうなものだけをピックアップしています。
by @programming at 2019/10/28 14:06

入力候補表示用カスタム要素 ajax-suggest

入力候補を表示してくれるカスタム要素 ajax-suggest のコード本体と使い方を紹介。
by @programming at 2019/10/25 12:02

ピュアJS: HTMLの該当文字列をmarkタグで囲う方法

外部ライブラリを使わず生JSだけでHTML内の特定の文字列をmarkタグで囲う(マーカーを引く)方法のご紹介。
by @programming at 2019/10/25 12:01

Unicode絵文字の一覧表

Unicode絵文字の一覧表です。割りとよく使いそうな絵文字をセレクトしました。クリックでコピーできます。
by @TanakaSoftwareLab at 2019/10/9 12:34

ST: 既に開いているファイル群からファイル表示ショートカット

Sublime Textで Eclipse の ctrl + e のように既に開いているファイル群からファイルを表示するショートカットを実現する方法です。
by @programming at 2019/10/9 11:29

HTMLへコピペだけで実現する「トップへ戻る」ボタン

一般的なWebページでスクロールダウンした時に右下に出てきてクリックするとページトップへスルスルとスクロールバックするボタン(「トップへ戻る」や「Go to Top」みたいなやつ)ってよく見かけますよね。あのボタン (便宜上ここではGTTボタンと呼びます) を簡単なJSコードのコピペだけで実現できます。
by @programming at 2019/10/1 13:49

node-mysqlとStreamで大量のデータを効率的に処理

node.jsのStreamを使えばメモリを節約することができるため、大量のデータを扱う場面で特に威力を発揮します。このメモではStream(Transform)を自作し、MySQLデータベースの大量のデータを効率的に扱う方法をご紹介します。
by @programming at 2019/9/12 11:29

国土地理院APIでお手軽ジオコーディング&逆ジオコーディング

こちらで紹介している国土地理院のAPIを使えば、Google Maps APIを使わなくても会員登録不要でお手軽にジオコーディング&逆ジオコーディングが可能です。
by @programming at 2019/8/23 11:22

leafletで地理院地図を描画しマーカー設置など

地図描画ライブラリleafletと国土地理院の地理院地図を連携させてGISブラウザアプリケーションを作ってみるサンプルです。地理院地図はAPIキーの登録などが不要なのでとてもお手軽で、なおかつ日本政府が管理しているので地図情報ソースとしてはとても安心感があります。
by @programming at 2019/8/22 17:43

ブラウザでグーグル認証システム互換の2FAトークンを生成

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

JavaScriptで画像の動的ロード

JavaScriptを使って画像を動的に読み込む方法です。画像の読み込み中のローディングイメージの表示などに応用できます。ピュアJS版とjQuery版の2つをご用意しました。
by @programming at 2019/7/29 6:37

nginxで遮断IPアドレス一覧を外部ファイルで管理する

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

Node.jsでシングルトンなクラスモジュール

Node.jsでシングルトンなクラスモジュールを作る簡単な方法です。クラス自体を弄ること無くシングルトン化できる方法なのでお手軽です。
by @programming at 2019/7/12 9:49

by @{{ obj.uniqueName }} at {{ app.Util.toLocaleStringJP(obj.updatedAt) }}