Angular+fullcalendar環境で日付を変更した時もしくは初期表示時に日付タイトルのレイアウトが崩れる
![Thumbnail of post image 080](https://chico-shikaku.com/wp-content/uploads/2024/07/45e81d98fe3bb1804438cd472180d260-150x150.png)
今回はAngular+fullcalendar環境でAngularのバージョンアップを行ったときに、日付を変更した時もしくは初期表示時にfullcalendarの日付の場所が移動する不具合をどう対応したかについて備忘録を残しておきたい ...
new Dateでstring型からDate型の変数を生成するとき、date-fnsを使ってJSTなどのタイムゾーンを使う方法
![Thumbnail of post image 187](https://chico-shikaku.com/wp-content/uploads/2024/07/4407c1f90e58c160187c34d67344af9b-150x142.png)
今回はnew Dateで例えば「’2024-08-01’」というstring型の文字列をDate型に変換するとき、date-fnsというライブラリを使ってJSTなどのタイムゾーンを考えたDate型に変更する方法 ...
moment.jsからdate-fns移行時にinputのdatepickerの表記不具合
![Thumbnail of post image 106](https://chico-shikaku.com/wp-content/uploads/2024/07/9206294bc429676cdfa1648d917326f8-150x124.png)
今回は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’.
![Thumbnail of post image 075](https://chico-shikaku.com/wp-content/uploads/2024/07/b1225256e023c33541657e2520d735b3-150x150.png)
今回は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’.
![Thumbnail of post image 106](https://chico-shikaku.com/wp-content/uploads/2024/07/d02aef4cd60a2c5d685ab11797ab4f9d-150x150.png)
今回はJSのライブラリであるdate-fns-tzを使っていてzonedTimeToUtcを使用しようとしたときに「Module ‘”date-fns-tz”‘ has no expor ...
Angularのimageでsrcで指定したパスの画像を表示させたいとき
![Thumbnail of post image 031](https://chico-shikaku.com/wp-content/uploads/2024/07/0a6153c917789ed7d12fc6ae544f87cf-150x150.png)
今回はAngularのimageでsrcで指定したパスの画像を表示させたいときどのようにすれば良いのかについてご紹介していこうと思います。
Angularのバージョンは18.0.6です。
Angularのimageで ...Angularでパイプ+jsonを使ってログ出力する際に「NG8004: No pipe found with name ‘json’.」
![Thumbnail of post image 155](https://chico-shikaku.com/wp-content/uploads/2024/07/d36b6989ed3480fe208e85b799edeed1-150x150.png)
今回はAngularを使っているときにでパイプ+jsonを使ってログ出力する際に「NG8004: No pipe found with name ‘json’.」とエラーが出たときの対処法についてご紹介いたしま ...
Docker DesktopのウインドウがDocker起動後、一定時間ごとに勝手に出てくるのをやめたい時
![Thumbnail of post image 173](https://chico-shikaku.com/wp-content/uploads/2024/07/57e4e3a286e6c5532bd0da2b5aa1a709-150x150.png)
今回はDocker Desktopを使っているときにDocker DesktopのウインドウがDocker起動後、一定時間ごとに勝手に出てくるのをやめたい時どうすれば良いのかについてご紹介していこうと思います。
PCはMa ...
AngularでHTML上にObject型の変数をデバッグして表示させたいとき
![Thumbnail of post image 014](https://chico-shikaku.com/wp-content/uploads/2024/06/027b3fa690e8ccdefda2634653e69959-150x150.png)
AngularでHTML上にObject型の変数をデバッグして表示させたいときどのようにすれば良いのかについてご紹介いたします。
Angularのバージョンは15.2.10となります。
AngularでHTML上にO ...GitHubでリポジトリの最初のpushで「fatal: ‘master’ does not appear to be a git repository」
![Thumbnail of post image 138](https://chico-shikaku.com/wp-content/uploads/2024/06/89cb0e019f8eda19afa71feba21cf864-150x150.png)
今回はGitHubでリポジトリの最初のpushで「git push –set-upstream master master」を叩いたときに次のエラーが起きたときの対処法についてご紹介いたします。
GitHubでリポジ ...Angularで「’routeReuseStrategy’ is deprecated.」と出るがまだ使える
![Thumbnail of post image 030](https://chico-shikaku.com/wp-content/uploads/2024/06/1af0bdc9c7ccaa066423ed438fcc3bf0-150x150.png)
今回はAngularでrouteReuseStrategyを使おうとしたときに開発環境によっては「’routeReuseStrategy’ is deprecated.」とwarningが出るが普通にroute ...
Angularで「Error: Could not find the ‘@angular-devkit/build-angular:dev-server’ builder’s node package.」
![Thumbnail of post image 057](https://chico-shikaku.com/wp-content/uploads/2024/06/b82b87854d86c52582789ddaccbb63a9-150x150.png)
今回はAngularを使っているときに下記のエラーが起きたときの原因についてご紹介していきます。
Angularのバージョンは15.2.11です。
Angularで「Error: Could not find the ...Angular+fomantic-uiのfuiDropdownMenuでレイアウトが崩れたとき
![Thumbnail of post image 149](https://chico-shikaku.com/wp-content/uploads/2024/06/75885260ea9ca4cdbffe8bb2cae79f02-150x150.png)
今回はAngular+fomantic-uiの環境で次のようにfuiDropdownMenuを使っていてレイアウトが崩れたとき何が原因だったのかについてお話ししていこうと思います。
Angularのバージョンは15.2.1 ...
Angular+fullcalendar環境で「Unknown option ‘dateClick’」
![Thumbnail of post image 189](https://chico-shikaku.com/wp-content/uploads/2024/06/4598d61e61ccad4ef3a776d023b37032-150x144.png)
今回は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’」
![Thumbnail of post image 150](https://chico-shikaku.com/wp-content/uploads/2024/06/d5cbf11c0304e4a724cff4ee2f26b8e1-150x150.png)
今回はAngular+ngx-fomantic-uiの環境で下記のエラーが起きる原因についてお話ししていきます。
Angularのバージョンは16.2.14で、ngx-fomantic-uiのバージョンは0.11.7です。 ...