IT – まったりしても〜た

Next.js + MUI + TypeScript の開発環境を Docker で作る

さっと Web アプリを作って試したい時に、Node.js のバージョンなどで引っかかり出鼻をくじかれることが多い。格闘している内にアプリ作成意欲が失われて… みたいなことになりやすく、Docker を使って …

Chart.js で表示したグラフから、特定のデータを削除できるようにしたい。データ点をクリックした時に onHover イベントの中から親コンポーネントへ通知し、削除ボタンを表示するように実装した。が、なぜかクリック …

公式のコードサンプルでは X 軸はカテゴリスケールになっている。 https://github.com/scttcper/ngx-chartjs#use X 軸が時系列の折れ線グラフにしたかったので、下記の通り変更。た …

Chart.js でグラフを作成していて、グラフ上の点（Point）をクリックした時に、そのデータを使って処理したくなることがある。 Tooltip Callbacks が使えるかと思ったが、ツールチップに表示する文字列 …

ng deploy して最後に表示されたURLにアクセスすると、下記のエラーが。あれ？と思い、dist 配下を見ると、たしかに index.html がない。よく見ると ng deploy 実行時にこんなエラーが。 …

公式ドキュメントに従って ng generate ng2-charts:line で生成したコンポーネントを開くと、ChartDataSetsLine, Label, ChartOptions, Color, Chart …

ng add @angular/fire して表示されたメニューで Realtime Database を使う設定にすると、app.module.ts に imports を追加してくれる。ただ、設定が足りないようで、コ …

TypeScript らしく書こうと思いたち、まずは noImplicitAny を true にしてコンパイルエラーを潰していっていると、View コンポーネントを使っている箇所で軒並みエラー発生。プロパティ &#82 …

Expo のアプリで、ロジックが複雑なユーティリティ関数をピンポイントでテストしたい。しかもソースは TypeScript。とりあえず下記に沿って jest をインストールしてテストを書いてみたが、ESM のインポート …

下記の公式ガイドに沿って導入したところ、コンパイル時にエラー。 https://firebase.google.com/docs/web/setup?hl=ja While trying to resolve modul …