『コマンドを使う』『GitHubからプログラムをCloneする』『TypeScriptのインストールとコンパイル』の3点について解説します

1. Visual Studio Onlineと
Type Scriptを使って
プログラミングの流れを体験
コマンドを使う
GitHubからプログラムをクローンする
TypeScriptのインストールとコンパイル

2. コマンドを使う

3. コマンドを使う
2. [Visual Studio Onlineでの編集]をクリックします
1. [ダッシュボード]をクリックします。

4. 1. [画面分割]をクリックします。

5. 1.画面が2画面に分割されました。
2. [コンソールモード]をクリックします。

6. [コンソールモード]が表示されました。
コンソールモードでは、「コマンド」という命令を使いう事で
高度な機能を使う事ができます。
Visual Studio Onlineの機能をパワーアップさせる事ができます。

7. 1.[ls]は[list segments]という意味です。
入力すると、ファイルの一覧を表示できます
2.[ls]の結果です。
ファイルの一覧が表示されました
3.[cp]は[Copy]という意味です。
[cp コピーしたいファイル名 コピー後のファイル名]
と入力すると、ファイルをコピーできます

8. GitHubからプログラムをクローンする

9. 2. [ソース管理からデプロイの設定]をクリックします
1. [ダッシュボード]をクリックします。

10. [ソースコードの位置]から
[外部リポジトリ]を選択します

11. 1. [リポジトリのURL]に
以下URLを入力します
https://github.com/ms-tomo/RssReader
2. 完了したら[✔]を
クリックして待ちます

12. デプロイが完了するまで
しばらく待ちます

13. 2. [外部レポジトリから切断]をクリックします
1. [ダッシュボード]をクリックします。

14. 2. [Visual Studio Onlineでの編集]をクリックします
1. [ダッシュボード]をクリックします。
Visual Studio Onlineに戻ってみましょう

15. ファイルが増えているのがわかります。
プログラムの内容がクローン(コピー)されました。
RSSリーダーの元です。このように簡単に
他人のプログラムをコピーできます。

16. TypeScriptのインストールとコンパイル

17. もう一度、コンソールモードと、エディタを開いてみましょう。

18. 1.[npm install typescript]
と入力してみましょう。Visual Studio Onlineに
TypeScriptの機能を追加します。
2.いろいろインストールしています

19. 1.[cd scripts]
と入力してみましょう。cdコマンドは
フォルダ移動のコマンドです。
2.[ls]コマンドで、フォルダの中を
確認してみましょう。
3.[tsc app.ts]
と入力してみましょう。[tsc]コマンドは
TypeScriptをコンパイルするコマンドです

20. コンパイルした事で、ファイルが増えているのがわかります。
app.tsをコンパイルして、app.jsが作成されました。
コンパイルとは翻訳機械です。人間が理解しやすいプログラムを
コンパイルを通して、機械に伝わるように変換してくれるのです。

21. 1. [Runボタン(サイトを見る)]をクリックします。
2. RSSリーダが作成されました。

22. 1. [RSS URL]をクリックして、好きな
RSS フィードを入れます。今回は
「毎日新聞のRSS」を入力します。
http://rss.rssad.jp/rss/mainichi/flash.rss
RSSリーダとは、自分専用の新聞ソフトです。
好きなブログや、ニュースサイトのRSSを読み込んで
自分好みの情報サイトを作る事ができます。
「RSS おすすめ」などで検索してみましょう。
自分にピッタリの情報を配信する、
RSS配信者がみつかるかもしれません
2. [Add]をクリックします。

23. このように記事の内容が視認できます。

24. いろいろ追加して、自分好みのRSSリーダに仕上げてみましょう

25. Visual Studio Onlineから、編集してみるのも楽しいですね