ng-japan 2016 - Microsoft Openness TypeScriptとAngular,そしてVisual Studio Code

Takeshi Kano 鹿野 壮 @tonkotsuboy_com

Angular 2はGoogleだし、Angular 2で使われているTypeScriptはMicroSoftだし、Google×Microsfotの恐ろしいプロジェクトですね。。。 #ng_jp #ng_jp2

𝕡𝕦𝕚 𝕡𝕦𝕚 にゃもげら🐹 @nyamogera

会場で半分以上の人がVS Code使っている。 #ng_jp2

Satoshi Kishi / ナオセル@ガジェットのフリマアプリ @kefi3104

Microsoftの人もMacを使用する時代か・・・ #ng_jp #ng_jp2

Laco @laco0416

"HTML5って流行ったじゃないですか(過去形" #ng_jp #ng_jp2

takekoshi @noldorinfo

こんなエディタがあるのね visualstudio.com/ja-jp/products… #ng_jp #ng_jp2

いましん @imashin_

AppleさんはApp Storeが収入源だからなぁ。 #ng_jp #ng_jp2

Risa Yuguchi / 湯口りさ 💉💉 @risay

Angular 開発チームも Visual Studio Code 使ってたり、いろんな言語が使えるExtensionも豊富 #ng_jp このセッションでのプロジェクトファイルの用意はyoman使ってた。そのファイルを使ってVSCで開発していく。

Risa Yuguchi / 湯口りさ 💉💉 @risay

Visual Studio Codeはコマンドラインから code . でカレントディレクトリをホームにして起動は便利 #ng_jp これいいねぇ

Takeshi Kano 鹿野 壮 @tonkotsuboy_com

WebStormとVisual Studio CodeのGoogleトレンド対決だと、Visual Studio Codeが勝ってますね。 私はWebStorm大好きですけど笑 #ng_jp #ng_jp2 pic.twitter.com/ms8AiIpNf6

拡大

𝕡𝕦𝕚 𝕡𝕦𝕚 にゃもげら🐹 @nyamogera

code . で起動するの便利そうと思ってググったらあった。公式で提供してるのね。 #ng_jp2

Yosuke Kurami @Quramy

VSC, 補完速いなぁ。#ng_jp, #ng_jp2

wakamsha@webフロントエンドディベロッパー @wakamsha

VS Code 使い多いんですね。弊社では atom か IntelliJ IDEA が大半なので少し新鮮です。 #ng_jp #ng_jp2

わかめ@毎日猫がいる @vvakame

typescriptlang.org/Playground TypeScriptのplaygroundがあって、ブラウザ上で試せるので興味がある人はぜひあきらさんのコードを真似してみてください！ コード補完もばっちり！ #ng_jp #ng_jp2

Yosuke Kurami @Quramy

メソッド名が大文字始まりでちょっと面白い。さすがMS. #ng_jp #ng_jp2

わかめ@毎日猫がいる @vvakame

豆知識：TypeScriptは優れたLanguageServiceを持っていて、AtomやPlaygroundやVSCやその他色々なエディタはみなTypeScriptコンパイラ自体から型情報を取得して表示してたりします。 #ng_jp #ng_jp2

ふせ @t_fuse

Visual Studio Codeが人気なのはまともに動く無料のテキストエディタだからでは。 #ng_jp

Risa Yuguchi / 湯口りさ 💉💉 @risay

VSC は task ってコマンドうって、タスクランナーで定義されてるタスクリスト出るのはすっきりしていい #ng_jp

wakamsha@webフロントエンドディベロッパー @wakamsha

内容も面白いですが、このセッションの一番の学びはお話の進め方の上手さかなという気がしました。流石はエバンジェリスト。喋りに全く淀みが無い。「えーと」とか「あー…」みたいなのも皆無。 #ng_jp #ng_jp2

Yosuke Kurami @Quramy

デバッグは開発者ツールとsourceMapで賄ってしまってるなぁ。ってかどういう理屈で、breakPointの情報をChrome側に渡してるんだろ。すごい気になる。#ng_jp #ng_jp2

Risa Yuguchi / 湯口りさ 💉💉 @risay

VSCのデバッグ支援 #ng_jp 使いやすそうだ。これChrome側にはインストール不要？ しかし、デモの雪と雪だるまの雪は危険な音がするw 開発に飽きてもVSCでTwitterみて息抜きできるExtensionあるよ！！

Yosuke Kurami @Quramy

VSCでtwitterとか、仕事してる振りして実はSNSしてました的なやつやん。。。！#ng_jp #ng_jp2

Risa Yuguchi / 湯口りさ 💉💉 @risay

VSCは、C#始めるにあたって比較して使ってみるのもいいかも。 #ng_jp Visual Studio Dev Essentials にいろいろ特典(AzureチケットとかPallarelsとか)あるから参加してみてね

わかめ@毎日猫がいる @vvakame

おっ何かしらの発表！なんだろ、TypeScript 2.0かな(願望 #ng_jp #ng_jp2

Risa Yuguchi / 湯口りさ 💉💉 @risay

今後のVSCについては、Build 2016あるからみてねｗ #ng_jp その日本語報告会は de:code 2016が5月24日25日にあるよー

takekoshi @noldorinfo

「何かしらの発表があるかな」build.microsoft.com #ng_jp #ng_jp2