Web 【Angular】SCSSでの:host-contextでテーマ切り替え
:host-context:host-context(...) は、コンポーネント外側の祖先要素の状態に応じて、コンポーネント内スタイルを変えるためのセレクタ。例えば、ルート要素などの祖先要素にclass="dark-theme"と付けたと...
プログラミング
記事内に広告が含まれています。
Web プログラミング 【Chrome】Devtoolsからタブを開く方法
Devtoolsを別ウィンドウとして表示しているときに、デバッグ対象のタブがわからなくなる。以下の「Focus page」を押せばタブが開く。簡単。他に、タイトルバーのURL部をクリックすれば開くという情報もあったが、こちらはできなかった。
JavaScript 2025年Javascriptライブラリまとめ
2025年 Javascript有名ライブラリのまとめReact：コンポーネントベースのUIライブラリThree.js：ブラウザ上で3Dグラフィックスを作成Angular：フルスタックのフロントエンドフレームワークPhaser：HTML5ゲ...
プログラミング 【angular】::ng-deepの使用法
::ng-deepはカプセル化されたコンポーネントに適用するためのCSSセレクタです。自作の子供コンポーネント、外部ライブラリのコンポーネントなど、他のコンポーネント内の要素にスタイルを適用したい場合に使用します。Angularでは通常はc...
プログラミング 【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()のprov...
プログラミング 【Angular】ERROR in No NgModule metadata found for … の対処
Angularのビルドで「ERROR in No NgModule metadata found for 'MyModule'.」 と表示されることがあります。この場合、routingのパスが間違っている場合があります。app-routin...
JavaScript 【Angular】node_modulesを差し替えても反映されない
node_modulesの一部のフォルダを入れ替えて実行しても、入れ替え前の状態のライブラリが読み込まれることがありました。対処法/.angular/cacheを削除する。よく調べてないのでこれで終わり。