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

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

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

TypeScript

VSCodeで閉じタグ(終了タグ)の自動補完を無効(有効)にしたいとき(ファイルの種類別の設定も可能)

VSCode閉じタグ(終了タグ)の自動補完を無効または有効にしたい時の対処方法について解説します。 特定の種類のファイル 目次 閉じタグ(終了タグ)の補完についての設定方法 setting.jsonの開き方 閉じタグ(終了タグ)の補完についての設定方法 setting.jsonに…

【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…

【TypeScript】小数点以下の四捨五入・切り上げ・切り捨て(小数点じゃなくても出来る)

ずばりこうする javascriptでのやり方がそのまま使えます。 Math.round(x: number) // 四捨五入 Math.ceil(x: number); // 切り上げ Math.floor(x: number); // 切り捨てを使いましょう。特にモジュールをimportする必要はありません。 蛇足 typescript 小数…

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】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欲しいものリスト