検索 - みる会図書館

全データから 10000件見つかりました。
1. TypeScript でつくるシングルアプリケーション

TypeScript でつくるシングノレベージアプリケーション これは nodebrew からインストールされた Node. js のバージョンを一覧表示するコマンドで す。インストールが完了していれば、 v6.10.0 が表示されます。 次に使用する Node. js のバージョンを指定します。今回は 6.10.0 を使用するので、以下の コマンドを実行します。 リスト 1 . 1 . 4 ー $ nodebrew use v6. 10. 0 Node. js の v6.10.0 を使用するよう指定されたことを、以下のコマンドで確認します。 リスト 1 . 1 . 5 $ node ー —ve r S ー on 正しく指定されていれば『 v6.10.0 』と表示されます。 1.2 TypeScript のインストール TypeScript をインストールします。 TypeScript のインストールには npm コマンドを使用し ます。 npm は Node. js と共にインストールされるモジュール管理ツールです。 リスト 1 . 2. 1 ー $ npm install typescr ipt —global リスト 1.2.2. のコマンド TypeScript のバージョンを表示し、インストールが完了したか確認し ます。 リスト 1 . 2. 2 ー $ tsc —version なお、本書中のソースコードは TypeScript のバージョンは 2.2.1 を使用して動作確認をして います。 1.3 工デイタについて 工デイタについては使い慣れたエデイタがあればそれを使用するのが一番ですが、特に だわりが無い場合、あるいは使い慣れたエデイタが TypeScript に対応していない場合は VisualStudioCode の使用をおすすめします。 2

2. TypeScript でつくるシングルアプリケーション

TypeScript でつくるシングノレベージアプリケー 3 章 TypeScript シ・ヨン・ 実際にプログラミングを始める段階で、使用する言語のすべてを把握する必要は無いでし よう。しかし、その代表的な機能を知っておくことは、学習を進めるうえで間違いなく助けになり ます。 TypeScript の言語仕様は、 EcmaScript5 の仕様に以下の 3 つの機能を追加したもので す。 etc.. アクセス修飾子 型アノテーション インタフェース TypeScript 独自の機能 async/await 構文 デコレータ EcmaScript2016 由来の機能 etc.. ラムダ式 let, const class 構文 EcmaScript2015 由来の機能 リスト 3. 1 . 1 Runnable.ts ソッドが定義されています。 以下の Runnable インタフェースは string 型の name プロバティと、 boolean を返す run メ ンタフェースにはプロバティとメソッドの定義のみができ、実装することはできません。たとえば、 EcmaScript5 や EcmaScript2015 に存在しない機能としてインタフェースがあります。イ 3.1 インタフェース ここでは、 3 番目の TypeScript 独自の機能を中心に確認していきます。 run() : boolean, name: string, interface RunnabIe { 6 上記 Ru Ⅱ nable インタフェースを実装した Task クラスを作る場合、以下ように implements

3. TypeScript でつくるシングルアプリケーション

TypeScript でつくるシングルページアプリケーション VisualStudioCode は TypeScript 開発元と同じ Microsoft 製のエデイタです。 Microsoft 製だけあり、特にプラグインを導入することなく TypeScript に対応していおり、 Windows 版だ けでなく Mac 版、 Linux 版もリリースされていおり、以下の URL からダウンロードできます。 3 ー URL: https://code. visualstudio. com/download

4. TypeScript でつくるシングルアプリケーション

TypeScript でつくるシングルページアプリケー シ ' ョン 目次 1 章環境構築 . 1.1 Node. js のインストール 1.2 TypeScript のインストール .. 1.3 工デイタについて 2 章 Hello World . 2.1 ワーキングディレクトリの作成 2.2 helloworld. ts の作成 2.3 トランスパイル . 2.4 実行 3 章 TypeScript . 3.1 インタフェース .. 3.2 型アノテーション .. 3.3 アクセス修飾子 3.4 構造的部分型 4 章シングルページアプリケーションの作成 . 4.1 データベースの準備 . 4.2 サーバーサイドの開発 . 4.3 フロントエンドの開発 . 4.4 タスクの実行 . 1 1 2 2 4 4 4 4 4 6 6 7 8 9 2 -0 一 0 7 7 1 1 1 3 6

5. TypeScript でつくるシングルアプリケーション

TypeScript でつくる シングルページアプリケー 本書の構成 3 章 TypeScript 2 章 Hello World 1 章環境構築 シ・ヨン 4 章シングルページアプリケーションの作成

6. TypeScript でつくるシングルアプリケーション

TypeScript でつくるシングルページアプリケー シ・ヨン TypeScript でつくるシングルページアプリケー 2017 年 4 月 9 日 ( 技術書典 2 ) 初版第一刷発行 2017 年 4 月 30 日 ( 超技術書典 ) 第二版第一刷発行 著者 : 鈴木潤 発行者 : 鈴木潤 連絡先 : [email protected] ◎ 2017 Jun Suzuki 72 シ・ヨン

7. TypeScript でつくるシングルアプリケーション

TypeScript でつくるシングルページアプリケーション 4 章シンクルペーシアプリケーションの作成 2 章でごく簡単なプログラムを TypeScript を用いて作成し、 3 章で TypeScript の代表的 な機能を確認しました。 4 章では以下のような機能を持った記事管理シングルページアプリケ ーションを作成します。 記事の投稿 記事の閲覧 記事の更新 記事の削除 4 章ではサーバーサイド、フロントエンドそれぞれに以下のフレームワークを使用します。 Express Node. js 用 Web アプリケーションフレームワークです。 Angular2 Google が開発を主導しているフロントエンド web アプリケー ションフレームワー クです。 なお、本書ではワーキングディレクトリとして『 chapter - 4 』という名前のディレクトリ下で作業 する前提で進めます。さらに、『 chapter -4 』ディレクトリの下に『 clie Ⅱ t 』ディレクトリと『 server 』 ディレクトリの、 2 つのディレクトリを作成します。これはそれぞれ、フロント側のプロジェクト、サ ーバー側のプロジェクト用のディレクトリとなります。 ー chapter-4/ ト client/ フロント側プロジェクト用ディレクトリ server/ サーバー側プロジェクト用ディレクトリ 図 4.1 ~ 4.4 は完成形の画面イメージです。 0 12

8. TypeScript でつくるシングルアプリケーション

TypeScript でつくるシングルページアプリケー おわりに シ・・ヨン 本書の執筆にあたり私を支えてくれた全ての人に感謝します。それから、私が TypeScript を使ってプログラミングをするきっかけを与えてくれた、今はクローズしてしまった、とあるプロ ジェクトに感謝します。 70

9. TypeScript でつくるシングルアプリケーション

TypeScript でつくるシングルページアプリケーション 3.3 アクセス修飾子 TypeScript では、 public 、 protected 、 private のアクセス修飾子が使用できます。 なお、何も指定しない場合、 public となります。 public 外部のクラスからもアクセス可能。 protected クラス内とそのクラスのサプクラスからのみアクセスが可能。 private クラス内からのみアクセスが可能。 また、 TypeScript のバージョン 2 以降では、以下のようにコンストラクタに private や protected が指定できるようになりました。これにより、より安全に Sigleton パ ターンが使用できるようになりました。 リスト 3.3 コンストラクタに private 修飾子を指定した Sing 尾 ton クラス class Singleton { private static i nstance : S i ng leton , pr ivate constructor ( ) { 〃 do nothing public static getlnstance() : Singleton { if (!Singleton. instance) { Singleton. instance = new Singleton() : return Singleton. instance, なお、インタフェースで定義したプロバティとメソッドは自動的に public となりま す。実装しているクラスで protected や private を指定するとトランスパイルエラーが 発生します。 8

10. TypeScript でつくるシングルアプリケーション

TypeScript でつくるシングノレベージアプリケー はじめに シ ' ョン TypeScript でシングルページアプリケーションを作成する方法を説明します。対象読者は JavaScript を使用して開発を行った経験がある方です。 本書の構成 第 1 ~ 第 3 章で、開発環境の構築から、代表的な TypeScript の機能を確認します。そし 本文中のソースコードは以下の 2 台のマシンで動作検証を行っています。 検証環境 ー URL: https://github. com/jsuzuki20120311/start-typescr ipt-note なお、本文中のソースコードは以下のリポジトリで公開しています。 て第 4 章で、実際にシングルページアプリケーションを作成します。 メモリ 4 GB プロセッサ : lntel Core i5 ー 3230M OS: ubuntu 16. 04 LTS 64 ビット メモリ 8 GB プロセッサ : 2. 66 GHz lntel Core 2 Duo MacBook Pro (13-inch, Mid 2010 ) OS : mac OS S i e r r a バージョン 10. 12.3 また、 Node. js と npm は、いずれのマシンでも以下のバージョンを使用しています。 npm. 3. 10.0 N0de. js: v6. 10.0