モダンWebとは

メリット

  1. サーバとの通信頻度が減少
    • サーバとネットワークの負荷軽減によるインフラコストの削減
    • ユーザ数増加に伴うレスポンス低下の緩和
  2. ブラウザ内にデータとプログラムを保存できる
    • ネットワーク圏外での利用が可能
    • 通信待ちのない高速な画面遷移(例:Googleマップ)
    • モバイル利用時もストレスなく利用できる
  3. ブラウザ内でデータ処理ができる
    • 容量制限のないデータ表示(無限スクロール)
    • グラフなどを使ったデータのビジュアル表示
    • サーバへ送信する前のデータ縮小処理
    • 処理結果を即座に返すアプリ

Angularの特長

コンポーネント

DI(依存性の注入)

データバインド

Angular開発の作業項目

  1. 開発開始前
    • Angular本体と依存モジュールの入手 ... package.jsonの作成、nom install 実行
    • プロジェクトの雛形作成 ... 公開されているAngularプロジェクトの雛形をコピーして加工または手作業で新規作成
    • 開発ツールの準備
      • TypeScriptコンパイラのインストールと設定
      • Webpackモジュールハンドラのインストールと設定
      • Karma単体テストツールの実行環境構築
      • Protractor E2E(End to End)テストツールの実行環境構築
      • 開発用Webサーバのインストールと設定
  2. プログラム実装中
    • TypeScriptの文法とコード規約遵守のチェック
    • TypeScriptからJavaScriptへ変換
    • テスト用実行モジュール生成とデバッグ用マップファイルの作成
    • index.htmlのscript要素の編集
    • 開発用Webサーバへコンテンツ転送と起動
  3. テスト時
    • 単体テストの実施と結果確認
    • E2Eテストの実施と結果確認
  4. リリース時
    • コンポーネントのHTMLテンプレートの事前コンパイル
    • 不要コード、重複コードの削除
    • モジュールの圧縮

推奨UIライブラリ

パッケージ管理

Angular CLI

統合開発環境

Visual Studio Code

WebStorm?


トップ   新規 一覧 単語検索 最終更新   ヘルプ   最終更新のRSS