1
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

Anguar 5 minitues start with TypeScriptを簡単に和訳して実行してみる。

Last updated at Posted at 2016-08-16

#5 MIN QUICKSTART

無論、Angular2を参考にして書き上げていきます。

勉強時間を設けていないかったため、AngularJS2を触るついでに
英語になれるためにAngular2の和訳とつまったことを試してみます。
間違ってたり、こっちの方がいいとかあったらガンガンつっこんでください。

Angula 2 for TypeScript

Our QuickStart goal is to build and run a super-simple Angular 2 application in TypeScript,and establish a development environment for the remaining documentation samples that also can be foundation for real world applications.

クイックスタートガイドの目的はとてもシンプルなAngularアプリケーションをTypeScriptで構築し、実行することです。
開発環境を作成するためのサンプルドキュメンテーションもまた本番の開発環境の構築の基礎でもある。

##Try it!
Try the live example which loads the sample app in plunker and displays the simple message.

plunker でのサンプルアプリケーションの読み込みとシンプルメッセージを見せるライブイグザンプルも試してみてください。

##Build this app!
・Prerequisite:Install Node.js
・Step1:Create the app's project folder and define package dependencies and special project setup
・Step2:Create the app's Angular root component
・Step3:Angular Moduleを作成しよう
・Step4:Add main.ts,identifying the root component to Angular
・Step5:Add index.html ,the web page that hosts the application
・Step6:Build and run the app
・Make some changes to the app
・Wrap up

・前提条件:node js のインストール
・Step1:アプリケーションのプロジェクトフォルダーを作成し、パッケージの依存関係を定義してスペシャルプロジェクトのセットアップをしよう
・Step2:Angular アプリケーションのroot component を作ろう
・Step3:Angular Moduleを作成しよう
・Step4:Angularにroot component を定義するmain.tsを追加しよう
・Step5:アプリケーションをホストするindex.htmlを追加しよう。
・Step6:アプリケーションを構築し、実行しよう
・アプリケーションに変化を加えよう
・要約

##Prerequisite:nodejs
Install nodejs and npm if they are not already on your machine.

開発の環境にまだnodejs と npm がインストールされていない場合、nodejs と npmをインストールします。

Verify that you are running at least node v4.x.x and npm 3.x.x by running node -v and npm -v in a terminal/console window. Older versions produce errors.

terminal/console windowで node -v , npm -vを実行して最低でもnodejsのバーションが4.x.x、npm 3.x.x以上のことを確認してください。それよりも以前のversionをつかっている場合は、errorが生じます。
以下のコマンドをterminalを開いてしてください。

$node -v
v4.x.x.
$npm -v
v3.x.x

###Down Load The Source
Instead of following each step of these instructions, we can download the QuickStart source from github and follow its brief instructions.

以降に記述した以下のステップの代わりに、git hubからクイックスタートをダウンロードできクイックスタートの簡単な説明を見ることができます。

##Nodejsのインストール
4.x.x系のnodejsのインストールを行います。
https://nodejs.org/en/にて4.4.7系のインストールを行います。
nodejs.png
v4.4.7 LTSのボタンをおすとインストールのステップが始まります。
ちなみに、npmも同時に入っています。
インストールが完了したら、ターミナルで以下のコマンドを実行して確かめてください。

$node -v
v4.4.7
$npm -v 
v3.10.7

nodeのversionが4系、npmが3系であれば問題ありません。
###npmのversion upについて
$ npm -vを実行してversionが2系だった人は以下のコマンドでnpmのversion upをすることができます。

$sudo npm update -g npm
//実行処理
$npm -v
v3.x.x

上記のコマンドでnpmのverison upをすることができます。

###つまずいたところ
sudoコマンドをつけないでnodeのアップデートをした場合。

$npm update -g npm
//実行処理
$npm -v
-bash: npm: command not found

と返ってきます。
おそらくnpm自身でupdateをしているため、アップデートを開始したが権限がないと判断され、npmパッケージがない状態になるのかなと。
詳しい人いたら教えてください。
ちなみに、上記のようになった方は以下で一応対応することができます。nodeを消してまたインストールする形なので、もっとスマートなやり方があると思います。

$cd /
$cd usr/local/bin
$rm -rf node

実行後nodejsのインストールの実行からやり直してください。

これでnpmとnodejsのインストールが完了しました。

1
1
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
1
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?