Angular

AngularとFirebaseでマルチホスティングする方法

Firebase HostingでAngularなどのSPAを公開する場合、エンドユーザーのページと、管理者の画面とを分けたいという要求があるかと思います。それが同じプロジェクト内で実現できれば便利ですよね。そこで今回は、Angul...

AngularFirebase

FirebaseのホスティングでBasic認証をかけた状態でAngularサイトを公開する方法

みなさんFirebase使っていますか？自分も絶賛愛用中です。今までAngularで作ったSPAは【過去記事】S3＋CloudFront＋Route53＋SSL＋http2＋AngularでSPAを配信する方法でデプロイしていたんで...

AngularFirebase

Angularで国際化(i18n化)する方法の概要

今回はAngularでサイトを国際化(i18n化)して公開する方法の概要をご紹介します。基本的に公式ドキュメントを読めば実現出来ますしむしろ読んで欲しいんですけど、「英語読めない」「公式ドキュメント読むのだるい」っていう怠惰な要求も...

グローバルにAngular CLIをインストールしないでng newする方法

自分のPCにグローバルにAngular CLIをインストールしちゃうと、プロジェクトフォルダのAngularのバージョンと乖離しちゃったりします。またCI/CDサーバーにインストールするAngular CLIとバージョンを揃えておきたいとい...

TypeScriptの型定義ファイルとは何ぞや

Angularのスケルトンをng newコマンドで作成すると、package.jsonファイルに@から始まるTypeScriptの型定義ファイルがインストールされるように記載されています。一例をあげると "@types/jasmi...

AngularTypeScript

AngularでGoogle Adsenseの広告を表示する

Google Adsenseのページから広告コードを作成してAngularのコンポーネント内のHTMLファイルに貼り付けても、広告は表示されません。今回はAngularでも広告を表示する方法をさくっとご紹介します。

AngularをAWS CodeBuildでビルドしS3に上げてCloudFrontを更新するまでのメモ

やってみました。主に参考にしたのは以下の記事で、そちらも是非とも読んで欲しいです。

AngularCodeBuildS3

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

スマートフォン全盛のこのご時世、WEB開発をするのならば当然スマホから見てサイトがどういう見栄えなのかを確認しながら開発を進めます。ローカルでAngularアプリを開発する際、Angular-CLIのng serveコマンドを使えば...

S3＋CloudFront＋Route53＋SSL＋http2＋AngularでSPAを配信する方法

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

AngularCloudFrontRoute53S3