第32回NSEG勉強会

にしざわこういち

2012/10/27 第32回nseg勉強会 1

自己紹介

にしざわこういち

@koty

読みはコーティー

市内SIer勤務

ASP.NET/C#/Hanko

最近Java/Scala

2012/10/27 第32回nseg勉強会 2http://www.flickr.com/photos/mujitra/6816860617/

突然ですが

2012/10/27 第32回nseg勉強会 3

JavaScript

好きですか？

2012/10/27 第32回nseg勉強会 4http://www.oreilly.co.jp/books/9784873115733/

http://www.oreilly.co.jp/books/9784873115733/

私はJavaScript嫌いです

2012/10/27 第32回nseg勉強会 5

変態言語

2012/10/27 第32回nseg勉強会 6

http://kn.2ngen.jp/

フリーダム

2012/10/27 第32回nseg勉強会 7http://www.flickr.com/photos/54637956@N02/5061049945/

•アクセス修飾子無し

•名前空間無し

•型無し

→「これがベスト」という実現方法無し2012/10/27 第32回nseg勉強会 8

•アクセス修飾子無し

•名前空間無し

•型無し

→各人が変態な手法で実現2012/10/27 第32回nseg勉強会 9

僕は

変態

じゃない！2012/10/27 第32回nseg勉強会 10

コンパイルしないと落ち着かない

2012/10/27 第32回nseg勉強会 11

altJS

コンパイルするとJavaScriptになる言語

CofeeScript

Haxe

JSX

2012/10/27 第32回nseg勉強会 12

TypeScripthttp://www.typescriptlang.org/

2012/10/27 第32回nseg勉強会 13

今月MSから発表された

2012/10/27 第32回nseg勉強会 14

Type:型

Script：JavaScript

2012/10/27 第32回nseg勉強会 15

TypeScript

コンパイルするとJavaScriptになる

JavaScriptのsuper set

プラス

型指定

module/class/interface

アクセス修飾子

ラムダ

2012/10/27 第32回nseg勉強会 16

導入方法

Node.jsのパッケージとして

npm install -g typescript

Linuxでも導入可

Visual Studio 2012の拡張機能として

http://www.microsoft.com/en-us/download/details.aspx?id=34790

ExpressでもOK

「Web Essentials 2012」というextensionを

入れると.jsファイルをプレビューできる

2012/10/27 第32回nseg勉強会 17

Hello World

Hello.ts

alert('Hello World!");

> tsc.exe Hello.ts

Helo.js が同じフォルダにできる

alert('Hello World!");

2012/10/27 第32回nseg勉強会 18

外部JSライブラリの参照

jQueryを使いたいときとか。

.d.tsファイル

ファイル先頭に reference タグを記述

/// <reference path="jquery.d.ts" />

/// <reference path="Shachiku.ts" />

.jsになった後の参照関係は別途

今後はJSのライブラリが.d.tsとセットでリリースされるようになる！！！といいなぁ。。。

2012/10/27 第32回nseg勉強会 19

デモ

2012/10/27 第32回nseg勉強会 20

問題

win環境だと文字コードがSJISオンリー

UTF8で.jsを作れない → 解決する予定

VisualStudioに下記ビルドイベントを設定して解決。。

privateスコープなのに外から呼べる？？

ほか、issueはいろいろ

http://typescript.codeplex.com/workitem/list/basic2012/10/27 第32回nseg勉強会 21

for %%i in (..¥Scripts¥*.js) do "$(ProjectDir)tools¥nkf.exe" -w8 --overwrite %%i

ロードマップ

ジェネリクスが追加されるとのこと

Developer Previewの段階なので、正式リリースまでにはまだいろいろ変わりそう

2012/10/27 第32回nseg勉強会 22

まだ発展途上だけど、JavaScriptから逃れられない昨今、期待してます！

2012/10/27 第32回nseg勉強会 23

おしまい

2012/10/27 第32回nseg勉強会 24