Shoeisha Technology Media

CodeZine(コードジン)

特集ページ一覧

「次世代Webアプリケーションフレームワーク「Angular」の活用」連載一覧

1~15件(全21件)
  • 2019/05/13

    「Angular Material」で、「Angular」のWebページにMaterial Designを導入しよう

     本連載では、Webアプリケーションフレームワーク「Angular」の活用方法を、サンプルとともに紹介しています。前回は、Angularの要素を操作するディレクティブの自作方法を説明しました。今回は、Googleのデザインガイドライン「Material Design」に対応したAngularのコンポーネント(UI部品)「Angular Material」を紹介していきます。

  • 2019/04/22

    Webページ要素を操作できる「Angular」のディレクティブを自作してみよう

     本連載では、Webアプリケーションフレームワーク「Angular」の活用方法を、サンプルとともに紹介しています。前回は、サーバー側でAngularのWebページを生成するサーバーサイドレンダリングについて説明しました。今回は、HTMLタグの属性と似た記法で指定して要素を操作できる「ディレクティブ」を取り上げ、自作ディレクティブを作成する方法を説明していきます。

  • 2019/03/18

    SEO対策やページ表示速度アップに有効!「Angular」のサーバーサイドレンダリング

     本連載では、Webアプリケーションフレームワーク「Angular」の活用方法を、サンプルとともに紹介しています。前回は、2018年10月にリリースされたAngular 7の新機能を紹介しました。今回は、サーバー側でAngularのWebページを生成するサーバーサイドレンダリングについて、利点や実装方法、機能制限などを紹介していきます。

  • 2019/02/08

    フレームワークとツールの両面で完成度アップ! 「Angular」バージョン7の新機能

     本連載では、Webアプリケーションフレームワーク「Angular」の活用方法を、サンプルとともに紹介しています。前回はAngularのPWA(Progressive Web Apps)機能でWebプッシュ通知を実装する方法を紹介しました。今回は2018年10月にリリースされたAngularのバージョン7を取り上げ、新機能を紹介していきます。

  • 2018/12/19

    AngularのPWA(Progressive Web Apps)機能でWebプッシュ通知を実装

     本連載では、Webアプリケーションフレームワーク「Angular」の活用方法を、サンプルとともに紹介しています。前回はネイティブアプリのような使い勝手のWebページを実現するPWA(Progressive Web Apps)の利用法を紹介しましたが、今回はPWAならではの機能と言える、Webプッシュ通知をAngularで実装する方法を説明します。

  • 2018/10/30

    AngularのPWA(Progressive Web Apps)機能でアプリのようなWebページを作成

     本連載では、Webアプリケーションフレームワーク「Angular」の活用方法を、サンプルとともに紹介しています。前回はe2e(End-to-End)テストの実行方法を説明しました。今回は、ネイティブアプリのような使い勝手のWebページを実現するPWA(Progressive Web Apps)に関するAngularの機能を紹介します。

  • 2018/08/22

    ブラウザーを自動で操作し動作確認できる、「Angular」のe2eテスト

     本連載では、Webアプリケーションフレームワーク「Angular」の活用方法を、サンプルとともに紹介しています。前回はAngularのバージョン6で追加された新機能を紹介しました。今回は、Webブラウザーを自動的に操作してAngularアプリの動作を確認できる、e2eテストの利用方法を説明します。

  • 2018/05/30

    ツールが充実してさらに便利に! 「Angular」バージョン6の新機能

     本連載では、Webアプリケーションフレームワーク「Angular」の活用方法を、サンプルとともに紹介しています。前回は、Angular CLIのコマンドで実行できる単体テストについて説明しました。今回は、2018年5月にリリースされたAngularの最新版バージョン6を取り上げて、変更点や新機能を紹介します。

  • 2018/05/28

    ソフトウェアの品質を高めて作業効率も上げる、Angularの自動単体テスト

     本連載では、Webアプリケーションフレームワーク「Angular」の活用方法を、サンプルとともに紹介しています。前回はコマンドラインツール「Angular CLI」の利用方法を説明しました。今回は、Angular CLIのコマンドで実行できる単体テストを説明します。ソースコードを単体テストできるよう設定して、ソフトウェアの品質を高めることができます。

  • 2018/05/07

    Angular開発の強力サポートするコマンドラインツール「Angular CLI」の活用法

     本連載では、Webアプリケーションフレームワーク「Angular」の活用方法を、サンプルとともに紹介しています。前回は、バージョン5の変更点や新機能を解説しました。今回は、プロジェクトの生成や実行など、Angularアプリの開発をさまざまな機能でサポートするコマンドラインツール「Angular CLI」の利用方法を説明します。

  • 2018/03/13

    進化を続けるJavaScriptフレームワーク「Angular」バージョン5の変更点

     本連載では、Webアプリケーションフレームワーク「Angular」の活用方法を、サンプルとともに紹介しています。Angularは2017年11月にメジャーアップデートを受けてバージョン5になりました。本記事では、バージョン5の変更点や新機能を紹介します。

  • 2017/06/22

    「Angular」の変数を見やすい形式に変換して表示できるPipesの活用法

     本連載では、Webアプリケーションフレームワーク「Angular」の活用方法をサンプルとともに紹介しています。前回はAngularのバージョンアップ版となるAngular 4の変更点と今後の見通しを説明しました。今回は、変数の値を画面表示用に見やすく変換できるPipesについて、利用方法を説明していきます。

  • 2017/04/27

    JavaScriptフレームワーク「Angular」新バージョン4の変更点と今後の展望

     本連載では、Webアプリケーションフレームワーク「Angular」の活用方法をサンプルとともに紹介しています。前回は、Angularが提供するアニメーション機能について解説しました。今回は、2017年3月にリリースされたAngularバージョン4の変更点や新機能と、今後のバージョンアップの見通しを紹介します。

  • 2017/04/25

    「Angular」のアニメーション機能で動きのあるWebページを作る

     本連載では、Webアプリケーションフレームワーク「Angular」の活用方法をサンプルとともに紹介しています。前回は、Angularコンポーネントの生成/破棄などのライフサイクルと、ライフサイクルに対応して実行されるライフサイクルフックについて解説しました。今回は、Angularが提供するアニメーション機能について、サンプルと利用法を説明していきます。

  • 2017/04/10

    「Angular 2」コンポーネントのライフサイクルを知って使いこなす

     本連載では、Webアプリケーションフレームワーク「Angular 2」の活用方法をサンプルとともに紹介しています。前回は、Angular 2のHTTPクライアント機能について説明しました。今回は、Angular 2コンポーネントの生成/破棄などのライフサイクルと、ライフサイクルに対応して実行されるライフサイクルフックについて説明します。

1~15件(全21件)
All contents copyright © 2005-2019 Shoeisha Co., Ltd. All rights reserved. ver.1.5