created.といってあっという間にできあがりです。すると、ビルド(TypeScriptがJavaScriptに、SCSSがCSSにトランスパイルされる等)され、待受状態になります。表示されればOKです。angular!!動きました!!かんたん!!ちなみにこれは公式のクイックスタートガイドをなぞったものです(なんだかスクリーンショットがぜんぜん違うんですけど......これに限らずいまいち新し目の情報が手に入りづらい......)。詳細な情報を!という場合はそちらを参照してください。TypeScriptAngularではTypeScriptが採用されています。TypeScriptはいわゆるaltJSのひとつで、Microsoft社が開発したものです。基本的な文法はJavaScriptのものを踏襲しつつも大規模な開発に向けて設計されている、とされています。6および7の機能を先取りしている独自の機能としてインタフェース、列挙型、ジェネリック、名前空間などなどよくお世話になるものが用意されている静的型付けがあるといったところでしょうか。中でも個人的には静的型付けの安心感はとても頼りになります。JavaScriptのライブラリを使う場合にも、型定義ファイルというものを別に用意しておけば強力な型推論による型付けの恩恵を受けることができます。有名なものであればすでに誰かが作ってくれているでしょうからどんどんお世話になりましょう。公式のチュートリアルでお勉強ところで、Angularは習得難度が高いと言われているようです。その理由としてはAngularJSとの互換性がなく、文法もぜんぜん違う。いろいろな書き方がなかなかに変態的などなどあるかもしれません。わたしはAngularJSを触ったことがないので「乗り換えにくい」ことは考えようもないのですが、すでにある資産を活かしづらい、というのは大きなマイナスかもしれません。変態的な文法に関しては、チュートリアルをこなすなどして慣れていきましょう。Angular.ioこの公式チュートリアルでは今回紹介した、最初の一歩からはじまり、フォームとモデルのバインディング、コンポーネント化、ルーティング、HTTPによるリモートAPIサーバへのアクセス、などを学ぶことができます。HTMLは書きたくない!さて、これで最低限は使えるようになったでしょうか。......ところで、それほど量は多くないとはいえ、テンプレートのHTMLを手で書くなんて信じられないですよね。いうわけでPugを使って少し楽をしましょう。PugPugはHTMLのジェネレータです。むかしはJadeなどと呼ばれていましたね。Qiitaに書いてある通りにやればよいです。してPug用のローダをインストールします。オプションにpugファイルを指定します。アクセスしてみると、さきほどと同じ画面が表示されるでしょう(生成される内容が同じなので当然ですが外から見てわかりません......)。Pugの文法に関しては上で紹介した公式サイトを参照してください。