Angular+fullcalendar環境で日付を変更した時もしくは初期表示時に日付タイトルのレイアウトが崩れる

今回はAngular+fullcalendar環境でAngularのバージョンアップを行ったときに、日付を変更した時もしくは初期表示時にfullcalendarの日付の場所が移動する不具合をどう対応したかについて備忘録を残しておきたい ...
new Dateでstring型からDate型の変数を生成するとき、date-fnsを使ってJSTなどのタイムゾーンを使う方法

今回はnew Dateで例えば「’2024-08-01’」というstring型の文字列をDate型に変換するとき、date-fnsというライブラリを使ってJSTなどのタイムゾーンを考えたDate型に変更する方法 ...
moment.jsからdate-fns移行時にinputのdatepickerの表記不具合

今回はmoment.jsからdate-fns移行時にinputのdatepickerの表記不具合の解消法についてご紹介していこうと思います。
date-fnsのバージョンは3.6.0です。
moment.jsからda ...date-fns-tz使用中にModule ‘”date-fns-tz”‘ has no exported member named ‘utcToZonedTime’.

今回はJSのライブラリであるdate-fns-tzを使っているときにutcToZonedTimeを使用しようとして「'”date-fns-tz”‘ has no exported member na ...
date-fns-tz使用中にModule ‘”date-fns-tz”‘ has no exported member ‘zonedTimeToUtc’.

今回はJSのライブラリであるdate-fns-tzを使っていてzonedTimeToUtcを使用しようとしたときに「Module ‘”date-fns-tz”‘ has no expor ...
Angularのimageでsrcで指定したパスの画像を表示させたいとき

今回はAngularのimageでsrcで指定したパスの画像を表示させたいときどのようにすれば良いのかについてご紹介していこうと思います。
Angularのバージョンは18.0.6です。
Angularのimageで ...Angularでパイプ+jsonを使ってログ出力する際に「NG8004: No pipe found with name ‘json’.」

今回はAngularを使っているときにでパイプ+jsonを使ってログ出力する際に「NG8004: No pipe found with name ‘json’.」とエラーが出たときの対処法についてご紹介いたしま ...
AngularでHTML上にObject型の変数をデバッグして表示させたいとき

AngularでHTML上にObject型の変数をデバッグして表示させたいときどのようにすれば良いのかについてご紹介いたします。
Angularのバージョンは15.2.10となります。
AngularでHTML上にO ...Angularで「’routeReuseStrategy’ is deprecated.」と出るがまだ使える

今回はAngularでrouteReuseStrategyを使おうとしたときに開発環境によっては「’routeReuseStrategy’ is deprecated.」とwarningが出るが普通にroute ...
Angularで「Error: Could not find the ‘@angular-devkit/build-angular:dev-server’ builder’s node package.」

今回はAngularを使っているときに下記のエラーが起きたときの原因についてご紹介していきます。
Angularのバージョンは15.2.11です。
Angularで「Error: Could not find the ...Angular+fullcalendar環境で「Unknown option ‘dateClick’」

今回はAngular+fullcalendarを使った環境で下記のwarningが出てdateClickなどが反応しなくなったときの対処法についてご紹介いたします。
Angularのバージョンは15.2.11で、fullc ...
Angular+ngx-fomantic-uiで「Error: export ‘ReflectiveInjector’ (imported as ‘ReflectiveInjector’) was not found in ‘@angular/core’」

今回はAngular+ngx-fomantic-uiの環境で下記のエラーが起きる原因についてお話ししていきます。
Angularのバージョンは16.2.14で、ngx-fomantic-uiのバージョンは0.11.7です。 ...
Angularで「 ‘noEventsContent’ does not exist in type ‘CalendarOptions’. Did you mean to write ‘eventContent’?」

今回はAngularのバージョンアップ時に下記のようなエラーが起きたときの対処法についてご紹介いたします。
Angularのバージョンは17.3.7で、fullcalendarのバージョンは6.1.14です。
Ang ...Angularのバージョンアップ時に「Error: Can’t resolve ‘~ngx-toastr/toastr.css’」

今回はAngularのバージョンアップ時に下記のエラーが起きたときの対処法についてご紹介いたします。
Angularのバージョンは15.2.11です。
Angularのバージョンアップ時に「Error: Can ...Angularで「error TS2305: Module ‘”@fullcalendar/core”‘ has no exported member ‘VerboseFormattingArg’.」

今回はAngular+fullcalendar環境で下記のエラーが起きたときの対処法についてご紹介いたします。
Angularのバージョンは17.3.11で、fullcalendarのバージョンは6.1.14です。 ...