カテゴリー: Angular

Angularのng serveコマンドで、外部のスマホから確認する方法

スマートフォン全盛のこのご時世、WEB開発をするのならば当然スマホから見てサイトがどういう見栄えなのかを確認しながら開発を進めます。

ローカルでAngularアプリを開発する際、Angular-CLIのng serveコマンドを使えば、ファイルの更新と同時にローカルのブラウザで確認が取れますが、サーバーにファイルをアップロードしている訳ではないので、スマートフォン実機での確認が出来ません（ブラウザでエミュレートする方法もあるかもしれませんが、やっぱり実機での確認はしたい）。

一回一回ビルドしてサーバーにアップするのも芸の無い話ですし、せめて同一ネットワーク内にあるスマホから確認する方法はないか考えてみました。

続きを読む

AWS S3＋CloudFront＋独自ドメイン＋SSL＋http2＋AngularでSPAを配信する方法

最近AngularでSPA（シングルページアプリケーション）を作っているんですけど、これらはJavaScript(TypeScript)によって動くページなんで、Rubyなどのサーバーサイド言語やデータベースを一切必要としない、完全な静的ファイルのページです。

なのでApacehかNginxさえ動いていれば、コードをサーバーにデプロイするだけで動くわけですけども、最近はやれ全サイトSSL化だの、HTTP2.0だの単なる静的ファイルの配信だけでも要求が高い状況であります。SSL化するにあたっては証明書も取ってこないといけないですし、お金もかかる…

しかしAWSを使えば証明書も無料で取れるし、S3とCloudFrontを使えばいとも簡単に静的ファイルが配信できると聞いたので、試してみました。

続きを読む