Vue.jsで作ったWebアプリをGitHubで管理してS3に自動デプロイする
Vue.jsで作成したフロントエンドのWebアプリを、GitHub上で管理して、masterブランチにコミットされた変更を自動でAmazon S3にデプロイ(適用)させる方法を解説します。本記事では、S3をCloudFront経由でインターネット上へ公開し、名前解決をRoute 53で行…
Vue.jsで作成したフロントエンドのWebアプリを、GitHub上で管理して、masterブランチにコミットされた変更を自動でAmazon S3にデプロイ(適用)させる方法を解説します。本記事では、S3をCloudFront経由でインターネット上へ公開し、名前解決をRoute 53で行…
Reactで作成したフロントエンドのWebアプリを、GitHub上で管理して、masterブランチにコミットされた変更を自動でAmazon S3にデプロイ(適用)させる方法を解説します。本記事では、S3をCloudFront経由でインターネット上へ公開し、名前解決をRoute 53で行う…
最近、ゲーマー向けのチャット/ボイスチャットアプリである、Discordが色んなところで勧められていて、ゲーマー界隈ではSkypeに代わってDiscordがどんどんメジャーになってきています。そんな中、Minecraftサーバー(バニラ)を運用する機会があったので、例…
「react-router-redux 5.x」をサンプルの通りインストールすると、場合によってはブラウザの戻る/進む操作によって画面の状態がおかしくなることがあります。2018年1月現在、react-router-redux 5.xの最終バージョンがv5.0.0-alpha.9なので、まだドキュメン…
Internet Explorer(IE)は何かと他のモダンブラウザと違う挙動が多く、苦労させられることが多いです。特に近年SPAの需要が高まってきており、IEには困らされてばかりです。今回は、そんなIEの11で、JavaScriptのHTTPクライアントライブラリからAPIを叩こう…
JavaScriptでインスタンスを作る際、通常はnew演算子をつけてインスタンスを生成します。しかし、コンストラクタにnewをつけずともインスタンスを生成したい場合や、newがなくても同様に動作させたい場合が、JavaScriptで特にライブラリを作成している場合に…
2017年3月現在、AWSのセキュリティグループの受信許可設定には、IPアドレスの指定および他のセキュリティグループのID指定しか対応していません。つまり、CloudFront経由でしかアクセスさせたくない場合であっても、そのような設定を画面操作で簡単にするこ…
各種モダンブラウザに搭載されているlocalStorage機能、皆さんは利用してますでしょうか。今回は、localStorageを用いて、ブラウザのローカルストレージにデータを保存できるライブラリ、「Store.js」を紹介します。localStorageとはlocalStorageは、HTML5で…
Webを徘徊していると、JavaScriptを利用した様々なアニメーションやスムーススクロール等を見る機会も多いと思います。今回は、モダンなJavaScript開発環境において、アニメーションやスムーススクロールを実装するのに最適なライブラリ、「anime.js」を紹介…
Node.js(JavaScript)で一般的に利用されるパッケージ管理ツール「npm(Node Package Manager)」は、普通に使うと、パッケージのバージョンを固定しません。v5.0.0からはパッケージのバージョンを固定するためのpackage-lock.jsonがデフォルトで出力される…