Angularで作ったWebアプリをGitHubで管理してS3に自動デプロイする
Angularで作成したフロントエンドのWebアプリを、GitHub上で管理して、masterブランチにコミットされた変更を自動でAmazon S3にデプロイ(適用)させる方法を解説します。本記事では、S3をCloudFront経由でインターネット上へ公開し、名前解決をRoute 53で行…
Angularで作成したフロントエンドのWebアプリを、GitHub上で管理して、masterブランチにコミットされた変更を自動でAmazon S3にデプロイ(適用)させる方法を解説します。本記事では、S3をCloudFront経由でインターネット上へ公開し、名前解決をRoute 53で行…
Vue CLIでは、デフォルトでパッケージマネージャーにYarnを使用します。ですが、開発環境や本番環境でのミドルウェアの制限等により、Yarnではなくnpmで管理したいプロジェクトもあるかと思います。そんなとき、Vue CLIでどのようにプロジェクトを作成すれば…
Create React Appでは、デフォルトでパッケージマネージャーにYarnを使用します。ですが、開発環境や本番環境でのミドルウェアの制限等により、Yarnではなくnpmで管理したいプロジェクトもあるかと思います。そんなとき、Create React Appでどのようにプロジ…
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を叩こう…
Laravel Passportは、Laravel上にOAuth2によるAPI認証を簡単に実装できるライブラリです。この、Laravel Passportを利用すると、自身のWebアプリケーション上に実装したAPIを、外部へと簡単にセキュアに公開できます。しかしながら、自身のWebアプリケーショ…
JavaScriptでインスタンスを作る際、通常はnew演算子をつけてインスタンスを生成します。しかし、コンストラクタにnewをつけずともインスタンスを生成したい場合や、newがなくても同様に動作させたい場合が、JavaScriptで特にライブラリを作成している場合に…