LoginSignup
3
3

More than 5 years have passed since last update.

5分で始める、Anugular2のquickstartを試してみた

Last updated at Posted at 2016-04-05

そろそろAngular2を試してみようと思い、リファレンスサイトを覗いたところ、「5 MIN QUICKSTART」とあったので試しに5分で導入してみました。

導入

054d67924ab46cc4ff3f695843496d2a.png

リファレンスページからダウンロードに移動します。jsのタイプをtypscriptかjsかdartの選択肢があったのですが、個人的にtypescriptが使いやすかったのでtypescriptを選択しました。

cfa884407aaae59775710d329c2b8863.png

このページに書かれている通りに導入。

git clone  https://github.com/angular/quickstart
cd quickstart
rm -rf .git
npm install

あとは実行

npm start

お、出た!

2c9ed65214271c89aa5b72d33c25d971.png

ここまで確かに5分!!

ディレクトリ構成は以下のような感じです。
ae3e510d4e8d3e93f6e2b6df7d5986de.png

appの中にcomponentたちがあるシンプルな構成です。
実際触っていくのは、main.ts、app.component.ts、index.htmlあたりですかね。

しかしタイトルが出ただけだったので、物寂しさを感じます。。
せっかくなので、勉強がてらこの土台を応用してtodoぽいアプリをってみようと思います。

実装サンプル

3
3
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
3
3