Angularのサービスを使いこなす！サービスの作成とシングルトンパターン。
この記事では、Angularの開発をしていくうえで欠かすことのできない「サービス」について説明していきたいと思う。 サービスをうまく使いこなすことにより、よりビジネスロジックが見え […]
Angularのコンポーネントを極める！ライフサイクルと複数コンポーネントの連携。
この記事では、Angularの核である「コンポーネント」についてまとめてみた。 Angularアプリは数多くのコンポーネントが集まって構成される。 なかなかフォーカスして考える機会 […]
Angularのディレクティブを極める！ngIf・ngFor・ngSwitchなど。
この記事では、Angularのテンプレートを使いこなすためには避けて通れないディレクティブについて説明していきたい。 「ディレクティブ」という言葉は聞いたことがないという人もいるか […]
Angularのデータバインディングとは？バインディングの種類と更新の方法。
この記事では、Angularでもっとも重要な機能ともいえるデータバインディングについてその種類や使い方を説明していきたい。 Angularにはデータとビューを結びつけるための様々な […]
TypeScriptのクラスとインターフェイス！定義・取得・初期化・継承などの方法。
- 2021.11.07
- TypeScript
- サンプルコード, 初心者向け
この記事では、TypeScriptのクラスとインターフェイスについて実装例と使い方を紹介したいと思う。 なお、著者はWebアプリの開発に携わるまではJavaプログラマとして数年間実 […]
Angularのパイプで日付・文字列を整える！標準パイプの一覧と自作パイプの作り方。
この記事では、Angularのパイプについて、日付・文字列を中心とした使い方と自作パイプの作り方などを説明する。 パイプは日付・数値・文字列などを特定のフォーマットに変換するための […]
シングルページアプリケーションとは？従来のWebサイトとの違いとメリット。
この記事では、モダンなWebの世界でスタンダードとなりつつあるシングルページアプリケーション（以下、本文では「SPA」と省略）について詳しく解説していきたいと思う。 SPAは一言で […]
TypeScriptの設定ファイル「tsconfig」。最初に知っておきたい設定をピックアップ！
- 2021.10.28
- TypeScript
- サンプルコード
この記事では、TypeScriptのプロジェクトに必ず存在している設定ファイル「tsconfig」について説明する。 近年、Webアプリケーションがソフトウェア開発のメインストリー […]
Angular Materialとは？Angular公式UIコンポーネントの特徴と使い方！
この記事では、Angularの公式UIコンポーネントである「Angular Material」についてその特徴と使い方を説明する。 Angular Materialは簡単な設定のみ […]
Cypressでテストを自動化する！e2eツールの比較とテストの書き方。
- 2021.10.21
- JavaScript実践
- サンプルコード, SPA, 自動テスト
この記事では、e2eテストの特徴や目的について説明したうえで、Cypressを例にe2eテストの実装例を紹介したい。 Cypressは使い方が直感的で覚えやすい、またe2eテスト以 […]