つまづき日記

日々のエンジニア日記

angular16にしたら@angular-builders/custom-webpackが動かなくなった話

angular16にアップデートしたら@angular-builders/custom-webpackに互換性がなくなり困り果てていました しかし、ついにベータ版ですが@angular-builders/custom-webpack@16.0.0がリリースされましたね! 早速アップデート npm install --save-dev @angular-…

nxを使ってangularのバージョンを最新にする

Nxのバージョンをアップデートする: nx migrate @nrwl/workspace@latest 生成されたマイグレーションを実行する: nx migrate --run-migrations migrations.json Angularのバージョンを最新にする: nx migrate @angular/core@latest 生成されたマイグレー…

削除したはずのプロジェクトがnx graphに出る

ディレクトリも設定ファイルも消したはずなのに・・・ 破壊したはずでは( ゚Д゚) キャッシュを消してみましょう rm -rf node_modules/.cache/nx windowdsの方はこちら rmdir /s /q .\node_modules\.cache\nx

nx generateでプロジェクトが見つからない

結論プロジェクトがないからです そのまんまですね 作りましょう例えば共通ライブラリのコンポーネントのプロジェクトを作りたい場合 このコマンドを使うことによって次回からcomponentsがプロジェクトとして追加されます nx generate @nrwl/angular:lib com…

TypeScriptの基礎知識: はじめてのTypeScript

タイトル: TypeScriptの基礎知識: はじめてのTypeScriptはじめに近年、JavaScriptの上位互換言語として急速に普及しているTypeScriptについて、その基礎知識を解説します。TypeScriptは、JavaScriptに静的型付けの機能を追加し、開発者がより堅牢で保守性の…

とても地味なjavascriptのはまりどころ

<div class="hoge" Onclick="Hoge("hoge")"></div> .hoge {width: 400px; height: 400px; background: pink; } function Hoge(text){ alert(text); } 一見問題なさそうですが文字列を引数に渡すときはダブルクオーテーションはいけません。 シングルクオーテーションです。正解はこちら <div class="hoge" Onclick="Hoge("hoge")"></div> 余談ですがとある漫…

地味にはまったルーティング

・routes get '/hoges/:id', to: 'hoges#show' get '/hoges/get_example', 'hoges#get_example' ・controller def get_example ... end うまくいかない。エラーメッセージを見るとルーティングが見つかりませんとな。なんでじゃー!と頭を悩ませ調べに調べた…

flex-direction: column;で真ん中にしたい

flexで子要素を縦並びにできるflex-direction: column; 便利ですね しかしおなじみjustify-cintent: center;は効かない align-items: center;を使いましょう ×効かない .flex { display: flex; flex-direction: column; justify-content: center; } .parent …

rails のrouteをサクッと見つける

意外と探しても出てこないの忘備録 rails routesコマンドだと全部出てきちゃって探すのが大変ですね rails routes | grep [keywaord] これで欲しいパスだけ取得できます