プログラミング 【angular】::ng-deepの使用法
::ng-deepはカプセル化されたコンポーネントに適用するためのCSSセレクタです。自作の子供コンポーネント、外部ライブラリのコンポーネントなど、他のコンポーネント内の要素にスタイルを適用したい場合に使用します。 Angularでは通常は...
プログラミング
プログラミング プログラミング 【CSS】table要素のレイアウト崩れで確認すること
tableを細かくサイズ調整しようとした際につまりやすい点を記載します。 確認事項 tableが display:table になっているか display:tableでないと、tr, th, tdなど、配下のレイアウト機能が動作せずに崩れ...
JavaScript 【npm】cacacheフォルダを消す
npm/cacacheフォルダが肥大化していました。私の環境では30GBを超えていてPCを圧迫している要因になっていました。 これを消すには npm cache clean --force とします。これによりキャッシュフォルダ内のすべての...
プログラミング 【TypeScript】プロパティ名を文字列で取得したい
オブジェクトのプロパティ名を文字列リテラルで取得したい場合があります。イメージとしては下記のような感じです。 const str = extractPropertyName(person.name); // こんな感じで使って // str...
プログラミング 【Angular】Serviceのコンストラクタが実行されない
Serviceを依存性注入（Dependency Injection, DI) で使用しているなどにより、シングルトンになっている可能性があります。 Serviceをシングルトンにする方法は以下の2つです。 @Injectable()のpr...
プログラミング 【Angular】ERROR in No NgModule metadata found for … の対処
Angularのビルドで「ERROR in No NgModule metadata found for 'MyModule'.」 と表示されることがあります。この場合、routingのパスが間違っている場合があります。 app-routi...
JavaScript 【Angular】node_modulesを差し替えても反映されない
node_modulesの一部のフォルダを入れ替えて実行しても、入れ替え前の状態のライブラリが読み込まれることがありました。 対処法 /.angular/cacheを削除する。 よく調べてないのでこれで終わり。
プログラミング 【プログラミング】staticおじさん・const教・関数型プログラミングは同じ派閥という話
プログラミングの思想の話です。タイトルが言いたいことのすべてで、わかる人はこれだけで伝わると思いますし、このタイトルだけでそれはないと思う人もいると思います。 用語説明 staticおじさんとは オブジェクト指向が流行していた2010年に一...
プログラミング 【Python】map, filter, reduceの使い方
map myArray = # それぞれ2倍する result = map(lambda value: value * 2, myArray) print(list(result)) # filter myArray = # 3未満の数字を...
JavaScript 【Javascript】map, filter, reduceの使い方
map const myArray = // それぞれ2倍する const result = myArray.map(function(value){ return value * 2 }) console.log(result) // A...