次世代Webアプリケーションフレームワーク「Angular」の活用
Angular 2の活用方法をサンプルとともに紹介
-
28
「Angular」17の新機能を解説──シンプルで使いやすい記法が多数登場！
今回は2023年11月にリリースされたバージョン17について、変更点や新機能を紹介していきます。
-
27
「Angular」バージョン15・16の新機能は？──スタンドアロンコンポーネントとSignalでより学びやすく！
今回は2022年11月リリースのバージョン15と、2023年5月にリリースされたばかりのバージョン16について、変更点や新機能を紹介していきます。
-
26
スタンドアロンコンポーネントと型付きリアクティブフォームに大注目！「Angular」バージョン14の新機能紹介
今回は2022年6月にリリースされたバージョン14について、変更点や新機能を紹介していきます。
-
25
「Angular」の進化は止まらない――この1年で追加されたバージョン12・13の新機能は？
今回は2021年5月リリースのバージョン12と11月リリースのバージョン13について、変更点や新機能を紹介していきます。
-
24
半年ごとに更新を重ねる「Angular」バージョン10・11の新機能をチェック
今回はAngularのバージョン10・11について、主要な変更点や新機能を紹介していきます。
-
23
大きく進化した「Angular」バージョン9、次世代レンダリングエンジン「Ivy」を中心に機能紹介
今回はAngularのバージョン9について、主要な変更点や新機能を紹介していきます。
-
22
改良の継続と次世代への進化に注目！ 「Angular」バージョン8の新機能
今回は2019年5月にリリースされたAngularのバージョン8について、変更点や新機能を紹介していきます。
-
21
「Angular Material」で、「Angular」のWebページにMaterial Designを導入しよう
今回は、Googleのデザインガイドライン「Material Design」に対応したAngularのコンポーネント（UI部品）「Angular Material」を紹介します。
-
20
Webページ要素を操作できる「Angular」のディレクティブを自作してみよう
今回は、HTMLタグの属性と似た記法で指定して要素を操作できる「ディレクティブ」を取り上げ、自作ディレクティブを作成する方法を説明していきます。
-
19
SEO対策やページ表示速度アップに有効！「Angular」のサーバーサイドレンダリング
今回は、サーバー側でAngularのWebページを生成するサーバーサイドレンダリングについて、利点や実装方法、機能制限などを紹介していきます。
-
18
フレームワークとツールの両面で完成度アップ！ 「Angular」バージョン7の新機能
今回は2018年10月にリリースされたAngularのバージョン7を取り上げ、新機能を紹介していきます。
-
17
AngularのPWA（Progressive Web Apps）機能でWebプッシュ通知を実装
今回はPWAならではの機能と言える、Webプッシュ通知をAngularで実装する方法を説明します。
-
16
AngularのPWA（Progressive Web Apps）機能でアプリのようなWebページを作成
今回は、ネイティブアプリのような使い勝手のWebページを実現するPWA（Progressive Web Apps）に関するAngularの機能を紹介します。
-
15
ブラウザーを自動で操作し動作確認できる、「Angular」のe2eテスト
今回は、Webブラウザーを自動的に操作してAngularアプリの動作を確認できる、e2eテストの利用方法を説明します。
-
14
ツールが充実してさらに便利に！ 「Angular」バージョン6の新機能
今回は、2018年5月にリリースされたAngularの最新版バージョン6を取り上げて、変更点や新機能を紹介します。
-
13
ソフトウェアの品質を高めて作業効率も上げる、Angularの自動単体テスト
今回は、Angular CLIのコマンドで実行できる単体テストを説明します。ソースコードを単体テストできるよう設定して、ソフトウェアの品質を高めることができます。
-
12
Angular開発の強力サポートするコマンドラインツール「Angular CLI」の活用法
今回は、プロジェクトの生成や実行など、Angularアプリの開発をさまざまな機能でサポートするコマンドラインツール「Angular CLI」の利用方法を説明します。
-
11
進化を続けるJavaScriptフレームワーク「Angular」バージョン5の変更点
Angularは2017年11月にメジャーアップデートを受けてバージョン5になりました。本記事では、バージョン5の変更点や新機能を紹介します。
-
10
「Angular」の変数を見やすい形式に変換して表示できるPipesの活用法
今回は、変数の値を画面表示用に見やすく変換できるPipesについて、利用方法を説明していきます。
-
9
JavaScriptフレームワーク「Angular」新バージョン4の変更点と今後の展望
今回は、2017年3月にリリースされたAngularバージョン4の変更点や新機能と、今後のバージョンアップの見通しを紹介します。
-
8
「Angular」のアニメーション機能で動きのあるWebページを作る
前回は、Angularコンポーネントの生成／破棄などのライフサイクルと、ライフサイクルに対応して実行されるライフサイクルフックについて解説しました。今回は、Angularが提供するアニメーション機能について、サンプルと利用法を説明していきます。
-
7
「Angular 2」コンポーネントのライフサイクルを知って使いこなす
今回は、Angular 2コンポーネントの生成／破棄などのライフサイクルと、ライフサイクルに対応して実行されるライフサイクルフックについて説明します。
-
6
「Angular 2」のHTTPクライアント機能で非同期HTTP通信を使いこなす
今回は、モダンなWebページの作成に欠かせない非同期HTTP通信を提供する、Angular 2のHTTPクライアント機能について説明します。
-
5
URLとリンクでコンポーネント表示を切り替える「Angular 2」のルーター
今回は、Angular 2のコンポーネントにURLのパスを対応付けて、一般的なWebページのリンクと同じ操作でコンポーネントを切り替え表示できる、ルーターの機能について紹介します。
-
4
ロジックを画面から分離できる「Angular 2」のサービスと依存性注入
今回はモジュールの定義方法を説明した後、独立した処理の実装をコンポーネントに後から追加できるAngular 2の「サービス」と「依存性注入（Dependency Injection）」機能について紹介します。
-
3
CodeZine(「Angular 2」の構成単位「コンポーネント」「モジュール」を使いこなそう）
今回はAngular 2を構成する単位であるコンポーネントやモジュールの利用法について、実際にサンプルコードにコンポーネントやモジュールを追加しながら説明します。
-
2
CodeZine(「Angular 2」のデータバインディングとディレクティブ記述法)
今回はAngularJSの特徴的な機能であるデータバインディングとディレクティブの記述法を、現行バージョン（AngularJS 1）と比較しながら説明します。
-
1
CodeZine(最新トレンドを取り込んで進化する次世代AngularJS「Angular 2」最初の一歩)
本連載では、Angular 2の活用方法をサンプルとともに紹介していきます。初回の今回は、Angular 2の概要解説と最初の一歩を踏み出すためのサンプルを作っていきます。