Angular2

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

当ブログの最終目標

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

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

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

 

 

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

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

当サイトの開発環境

開発環境の構築について

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日 更新日:

執筆者: