Angular

当サイトではAngularでの開発案件で経験した内容を備忘録としてまとめした。これからAngularを勉強される方が参考になればいいかなと思っています。Angularの開発環境を構築するところから業務システムのマスタメンテ画面までを目標に記事を投稿したいと思います。
 

当ブログの最終目標

業務システムで良く使用される担当者マスタを例にとって、マスタメンテナンス画面をAngular＋PHP＋MySQLで構築するまで内容を投稿したいと思っています。

最終目標とするマスタメンテナンスのデモ画面(Angular2)

最終目標とするマスタメンテナンスのデモ画面(Angular8)

※スマートフォンで見ると画面が崩れます。

 

 

Angularの開発環境構築や開発ツールについて

当サイトの開発環境について

・当サイトの開発環境

開発環境の構築について

・Angular2の開発環境を構築（angular-cli）

・Angular-cliにng2-bootstrapのインストール

・Angular-cliにjQueryのインストール

・Angularjs2の公式チュートリアルにあるクイックスタートをテストしてみた

開発ツールについて

・Chromeを使ったAngular-cliのオンラインデバッグの方法について

 

基本練習

・Angular2のプロジェクト作成から開発をしてIISにデプロイまで

・Angular-cliのngコマンドの説明

・angular-cliでプロジェクト作成した主要なファイルを説明

・Angular2のAngular2のコンポーネントについての説明

 

TIPS

・Angular2のクロスドメインアクセスの問題対応

 

フロントエンド開発

・TypeScriptを超簡単なWEBフロントエンドの開発環境を構築する

・SystemJSを使ったWEBフロントエンド開発

 

 

 

 

投稿日：2017年2月20日 更新日：

執筆者：