新米エンジニアの失敗再発防止メモ

自分そしてこの世界の皆が、同じ失敗をしないためのメモ

Twitterやってます!@rakuton_t
欲しいものリストのブタメンを送ってくれた方、ありがとうございます!

Angular

【Angular】ページリロードや直リンクされたときに強制的にトップページに戻す方法

方法 app.component.ts のコンストラクターでトップページのURLに遷移する処理を書いてあげれば良いです。 実際のコードは下記になります。app.component.ts import { Component } from '@angular/core'; import { Router } from '@angular/router'; @Compon…

【Angular】セレクトボックスでoptionのvalueにオブジェクトを指定したい場合

言い換えれば、select要素(選択要素)のvalueにプリミティブ型以外を指定したい場合。 または、セレクトボックスに値をセットしているのに値が変わらない場合などに見ると良い記事です。 オブジェクトを指定している場合、ngValueを使わないと値が正常に切り…

Angular(に限らない)のhtmlファイルで不要な警告が出てしまう件

問題の事象 VSCodeでAngularプロジェクトを作成すると、htmlファイルで下記のような警告が出てしまって、邪魔だと思います。こんなのや Doctype must be declared first.(doctype-first)こんなの The attribute name of [ *ngIf ] must be in lowercase. 解…

Angularのコンパイル時にエラー(firestoreモジュール利用)

エラーメッセージ ERROR in node_modules/@angular/fire/firebase.app.module.d.ts(2,74): error TS2307: Cannot find module 'firebase/app'. node_modules/@angular/fire/firestore/collection-group/collection-group.d.ts(2,27): error TS2307: Cannot f…

Angular7でscriptタグを使う方法。Stripeのタグを例に解説

Angularで、scriptタグを普通にHTMLに書いても、描画時にscriptタグの部分が消えてしまって処理が実行されません。 それでもscriptタグを埋め込みたい場合の方法を解説します。Angular6でも多分大丈夫な方法です。 今回は、Stripeのタグを例に解説します。 s…

【Angular】Uncaught (in promise): Error: StaticInjectorError[e] の原因と解決方法について

エラー出力内容(抜粋) ERROR Error: Uncaught (in promise): Error: StaticInjectorError[e] 「uncaught (in promise) error」の原因と対応方法 app.module.ts で、必要なモジュールがimportされていない時に発生します。 私の場合は、Httpを使おうとした…

Angularの勉強会に参加してきました!【Angular で始めるモダン Web 開発セミナー】

connpass.com参加してきました! 内容ざっくり ・Angularの入門編 ・Angular 専用コンポーネント Ignite UI for Angular の紹介 インフラジスティックス・ジャパン株式会社 が作ったライブラリです。 Google Chartsと似たような製品です。 グラフや表を簡単…

【Angular】subscribeの処理はコンポーネント側で定義しなければならない

subscribeの処理はサービスクラス側で定義できないようです サービスクラス側で定義しても動きません。例えばFirebaseのリアルタイムデータベースからユーザー情報を取得する処理を実装するとします。 UserServiceクラスを作成するとします。[UserService.ts…

Angularの勉強会に参加してきます!【Angular で始めるモダン Web 開発セミナー】

こちらのセミナーに参加してきます。 connpass.com主催は Satoru Yamaguchi さん Neri78 さん です。開催日時 2018年12月06日 (木) 14:00 - 17:00 参加費は無料。参加すれば私と会えますよ(笑) 参加する理由 私、最近Angular勉強し始めてまして、ちょっと…

TypeScriptでHtmlElement型が認識されない場合の対処

Angularやってて、詰まったのでメモ 問題 コード var content: HTMLElementビルドエラー Cannot find name 'HtmlElement'. 解決策 domをインストール $ npm install domそしてimport import { HtmlElement } from 'dom';はいちゃんちゃーん それでもダメな時…

私の記事が役に立ったら、どうぞ何か買ってください!→ Amazon欲しいものリスト