Vue.jsで作ったWebアプリをGitHubで管理してS3に自動デプロイする
Vue.jsで作成したフロントエンドのWebアプリを、GitHub上で管理して、masterブランチにコミットされた変更を自動でAmazon S3にデプロイ（適用）させる方法を解説します。本記事では、S3をCloudFront経由でインターネット上へ公開し、名前解決をRoute 53で行…
Reactで作ったWebアプリをGitHubで管理してS3に自動デプロイする
Reactで作成したフロントエンドのWebアプリを、GitHub上で管理して、masterブランチにコミットされた変更を自動でAmazon S3にデプロイ（適用）させる方法を解説します。本記事では、S3をCloudFront経由でインターネット上へ公開し、名前解決をRoute 53で行う…
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がデフォルトで出力される…