ModなしでMinecraftサーバーとDiscordを連携するツールを作った
最近、ゲーマー向けのチャット/ボイスチャットアプリである、Discordが色んなところで勧められていて、ゲーマー界隈ではSkypeに代わってDiscordがどんどんメジャーになってきています。そんな中、Minecraftサーバー（バニラ）を運用する機会があったので、例…
react-router-redux 5.xで正常にロケーションを反映できない場合の対処法
「react-router-redux 5.x」をサンプルの通りインストールすると、場合によってはブラウザの戻る/進む操作によって画面の状態がおかしくなることがあります。2018年1月現在、react-router-redux 5.xの最終バージョンがv5.0.0-alpha.9なので、まだドキュメン…
IE11でAjaxを利用する際にキャッシュされないようにする方法
Internet Explorer（IE）は何かと他のモダンブラウザと違う挙動が多く、苦労させられることが多いです。特に近年SPAの需要が高まってきており、IEには困らされてばかりです。今回は、そんなIEの11で、JavaScriptのHTTPクライアントライブラリからAPIを叩こう…
JavaScriptでnew演算子を忘れても動作するコンストラクタを作る方法
JavaScriptでインスタンスを作る際、通常はnew演算子をつけてインスタンスを生成します。しかし、コンストラクタにnewをつけずともインスタンスを生成したい場合や、newがなくても同様に動作させたい場合が、JavaScriptで特にライブラリを作成している場合に…
EC2へCloudFrontからしかアクセスできないようにする方法
2017年3月現在、AWSのセキュリティグループの受信許可設定には、IPアドレスの指定および他のセキュリティグループのID指定しか対応していません。つまり、CloudFront経由でしかアクセスさせたくない場合であっても、そのような設定を画面操作で簡単にするこ…
ブラウザのローカルストレージにデータを保存する「Store.js」
各種モダンブラウザに搭載されているlocalStorage機能、皆さんは利用してますでしょうか。今回は、localStorageを用いて、ブラウザのローカルストレージにデータを保存できるライブラリ、「Store.js」を紹介します。localStorageとはlocalStorageは、HTML5で…
JavaScriptで滑らかな動きを実装するなら「anime.js」がイイ
Webを徘徊していると、JavaScriptを利用した様々なアニメーションやスムーススクロール等を見る機会も多いと思います。今回は、モダンなJavaScript開発環境において、アニメーションやスムーススクロールを実装するのに最適なライブラリ、「anime.js」を紹介…
Node.jsでデプロイ時のパッケージのバージョンを固定する方法
Node.js（JavaScript）で一般的に利用されるパッケージ管理ツール「npm（Node Package Manager）」は、普通に使うと、パッケージのバージョンを固定しません。v5.0.0からはパッケージのバージョンを固定するためのpackage-lock.jsonがデフォルトで出力される…
Vue.jsのコンポーネント詰め合わせ「Element」がスゴかった
JavaScriptのフレームワークである「Vue.js」、皆さんは使ってますでしょうか。学習コストの低さ、小規模案件での導入のしやすさ、大規模案件にも対応できる拡張性の高さから、最近はVue.jsばかりいじっています。今回は、そんなVue.js上で、すぐに高機能なU…
Lodashのファイルサイズを削減する方法
JavaScriptにおける便利な関数の詰め合わせであるライブラリ「Lodash」。JavaScript（Node.js）での開発をしている人の多くは利用したことがあるでしょう。今回はそのLodashを使う上で、ライブラリを導入後のファイルサイズを削減する方法を紹介します。なお…