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

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

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

TypeScript

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

目次 解決方法 setting.jsonの開き方 解決方法 setting.jsonに下記を一旦貼り付け、補完が不要なファイルの種類を削除する。 "auto-close-tag.activationOnLanguage": [ "xml", "php", "blade", "ejs", "jinja", "javascript", "javascriptreact", "typescri…

【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】ERROR Error: Uncaught (in promise): Error: StaticInjectorError[e]

エラー(省略) ERROR Error: Uncaught (in promise): Error: StaticInjectorError[e] 原因と対応方法 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欲しいものリスト