AngularJS2 を組み込むindex.html の に 以下を追加する <script src="node_modules/es6-shim/es6-shim.min.js"></script> <script src="node_modules/systemjs/dist/system-polyfills.js"></script> <script src="node_modules/angular2/es6/dev/src/testing/shims_for_IE.js"></script>

次はサイドのメニュー <div class="container-fluid"> <div class="row"> <div class="col-md-2 sidebar"> <ul class="nav nav-sidebar"> <li class="active"><a href="#">メニュー1</a></li> <li><a href="#">メニュー2</a></li> <li><a href="#">メニュー3</a></li> </ul> </div> <div class="col-md-10"> </div>…</div></div>

http://getbootstrap.com/examples/dashboard/仕事で上記ページのような、上にナビゲーションバー、左にメインメニューのレイアウトの画面を作ることが多いのでその練習。まずはナビゲーションバー。 前回のindex.html の body の先頭に以下を追加する。 <nav class="navbar navbar-inverse navbar-fixed-top"> <span class="navbar-brand">SP</span></nav>…

フロントエンド開発の練習とりあえずbootstrapの画面を作成するところまで。後々AnguralJS 2 + なんらかの rest api で SPAにしたい。まずは作業フォルダの作成 mkdir bootstrap-training cd bootstrap-traininghttps://angular.io/docs/ts/latest/quickstar…