Angular

Angularの@switchで複数の条件を簡潔に管理する

テンプレート構文の@switchとはAngular 18で導入された@switchは、テンプレート内で複数の条件を簡潔に表現するための便利な構文です。複数の値の中で条件にマッチするものを簡単に選択して表示することができます。基本構文以下が@...
Angular

@if、@else if、@elseの使い方:Angular18のテンプレート条件分岐

新しい@if、@else if、@else構文とは?Angular 18では、テンプレート内で条件分岐を直感的に記述できる新しい構文が導入されました。この新しい構文は、@if、@else if、@elseを利用して、テンプレート内で条件付き...
Angular

Angularのng-contentの使い方を解説!テンプレートの柔軟性を引き出す方法

はじめにAngularでは、再利用可能なコンポーネントを作成する際に、親コンポーネントから動的に内容を挿入できる仕組みとしてng-contentを提供しています。この機能を使うと、コンポーネントのテンプレートにカスタマイズされたコンテンツを...
未分類

PDFをブラウザで開くとファイル名が文字化けしている

PDFをブラウザで開くとファイル名が文字化けしている理由PDFをブラウザで開くと、ファイル名は問題ないのにも関わらず、タブのタイトルや、ブラウザで開いたタイトルが文字化けしていることがあったため、備忘録として残します。文字化けしている理由と...
Angular

Angularのapp.module.tsが無い

Angularのapp.module.tsが無いAngularで新規プロジェクトを作成すると、app.module.tsが作成されていたかと思いますが、新しいバージョンのAngularの場合、存在しなくなりました。その理由は、公式がスタンド...
Angular

Angularで時間入力もできるdatetime-pickerのフォームを作る

はじめに最初は「@angular-material-components/datetime-picker」というパッケージを使っていたのだが、Angular17以降はサポートされなくなっていました。そのため、代わりのパッケージとして「@da...
Angular

Angular Materialのセレクトボックスで項目をフィルタする

はじめにAngular Materialには、MatSelectというセレクトボックスがあります。そのセレクトボックスの項目リストに対して、検索キーワードを入れて、項目リストをフィルタする機能を作っていこうと思います。実装方法環境Angul...
Angular

Angular Materialを使ったページング機能の実装

はじめにページングは、多くのデータを扱う際に非常に重要な機能です。ユーザーが効率よくデータを閲覧できるように、データを複数のページに分割して表示します。この記事では、Angular MaterialのMatPaginatorを使用して、デー...
資格

LPICとLinuCの違い・どちらを受験すべきか

LPICとLinuCの違いどちらも、Linuxの技術に関する資格ですが、主な違いはLPICが世界共通の資格で、LinuCが日本のIT市場に合わせたLinuxに関する資格です。ですが、試験範囲はほとんどは似たようなものです。どちらを受験すべき...
資格

Python 3 エンジニア認定データ分析試験の勉強方法・難易度・合格ライン[合格体験記]

Python 3 エンジニア認定データ分析試験とは試験の内容としては、以下の公式サイトの内容の通りで、Pythonのデータ分析関連の試験になります。Pythonを使ったデータ分析の基礎や方法を問う試験合格ライン合格ラインは正答率70%です。...