Angular

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

Firebase HostingでAngularなどのSPAを公開する場合、エンドユーザー向けのページと、管理画面とを分けたいという要求があるかと思います。しかも同じプロジェクト内で実現できれば便利ですよね。そこで今回は、AngularとFirebase Hostingでマルチホスティングを実現する方法をご紹介します。Firebaseのコンソール

AngularFirebase

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

・firebase initで初期化 function と hostingをそれぞれ選択する

AngularFirebase

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

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

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

自分のPCにグローバルにAngular CLIをインストールしちゃうと、プロジェクトフォルダのAngularのバージョンと乖離しちゃったりします。またCI/CDサーバーにインストールするAngular CLIとバージョンを揃えておきたいという要望もあるかもしれません。そこで今回は、グローバルに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