μ’s2年生と学ぶJavaScript入門 TypeScript編

future s(tatic)type
 
AltJSの1つ、TypeScriptの基礎を学びます。


海未「最近忙しいですね・・・」
穂乃果「穂乃果たちばっかり酷使されてる気がするよーっ!」
ことり「まあまあ、出番が多いのはいいことだよ」
 
海未「これまで見てきたJavaScriptの構文には、様々な問題や複雑性がありました」
穂乃果「プロトタイプ継承とかほんとに難しかったよね」
ことり「変数のスコープも、細かくコントロールするのは大変だったね」
海未「そこで、そういった欠点を補うべく行われている試みの1つにAltJSと呼ばれるものがあります」
ことり「Altanative JavaScript・・・?」
海未「そうです。コンパイルするとJavaScriptになる言語のことですが、このAltJSが注目を浴び、CoffeeScriptやHaxe、Dart、JSXなど様々な言語が開発されています」
穂乃果「別の言語にして文法を変えちゃえば、JavaScriptの欠点を克服できるんだね」
海未「もちろん最終的にはJavaScriptのコードになりますから、完全なものではありませんが。さて、TypeScriptはそんなAltJSの1つです」
 
海未「TypeScriptはMicrosoftが開発した言語です。コンパイラはNode.js上で動作し、オープンソースで開発が進んでいます」
ことり「Microsoftとオープンソースって一番縁遠い組合せって思ってた・・・」
海未「最近はそうでもないのです。Visual Studio Codeもそうですし、Azure関係では各種OSSとの親和性を高める方向に動いていますし・・・」
穂乃果「なんかちょっと見直したかも」
海未「私は以前からMS派ですが・・・まあそれはともかく、そういった開かれた開発が行われていることもあり、数あるAltJSの中でも特に人気のある言語の1つになっています」
 
海未「それでは、TypeScriptの世界を見ていくことにしましょう。JavaScriptの基本は理解している前提で進めますから、そのつもりで」


ただいま連載中!

Part1: Hello World

海未「ではTypeScriptの開発環境を用意して、実際にプログラムを書いてみましょう」 海未「前回話したようにTypeScriptのコンパイラはNode.js上で動作しますから、npmでインストールすることができます」[...]

Part2:データ型

海未「今回はデータ型についてです。といっても、データの型はこれまでにも出てきましたね?」 ことり「JavaScriptだと、NumberとかStringとかがあったね」 海未「しかし変数はvarやletで宣言するだけで、[...]

Part3:関数

海未「では関数ですが・・・実は、JavaScriptと大きくは変わりません。前回の型について理解していれば簡単でしょう」 海未「例を見てみましょう」 function pair(lhs: string, rhs: str[...]

Part4:クラス

海未「ではクラスの話をしましょう。以前紹介したコードにこのようなものがありました」 function Idol(name, age, school) { this.name = name; this.age = age;[...]

Part5:名前空間とモジュール

海未「ではモジュールの話をしましょう。ことり、イベントの件は、今は、その」 ことり「うん、後でゆっくりね♪」 海未「モジュールと言いましたが、現在はmoduleではなくnamespaceというキーワードが使われます。いわ[...]

Part6:インターフェイスと構造的部分型

海未「それではインターフェイスの話を始めましょう」 穂乃果「あれ、意外と元気だ」 ことり「海未ちゃんね、だんだん責めても動じなくなってきて・・・」 穂乃果「あー、毎度のことで順応してきたんだ・・・」 海未「インターフェイ[...]

Part7:ジェネリクス

海未「最終回はジェネリクスです。日本語では総称型と言うこともあるようですがあまり馴染みはないですね」 穂乃果「・・・」 海未「穂乃果?」 穂乃果「・・・ファイナルのチケット・・・」 ことり「まだLVがあるよ穂乃果ちゃん![...]


LINEで送る
Pocket


返信を残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です