の TypeScript チュートリアル AWS Cloud9

IDE のターミナルセッションで、 コマンドライン TypeScript AWS Cloud9 コンパイラを --versionオプションで実行してTypeScript が既にインストールされているかどうかを確認します。(新しいターミナルセッションを開始するには、メニューバーで、［Window (ウィンドウ)］、［New Terminal (新しいターミナル)］の順に選択します。) 成功すると、出力に TypeScript のバージョン番号が表示されます。TypeScript がインストール済みである場合は、ステップ 2: コードを追加する に進みます。

tsc --version

--version オプションを指定して npm を実行することにより、npm が既にインストールされているかどうかを確認します。成功すると、出力に npm のバージョン番号が表示されます。npm がインストール済みである場合は、この手順のステップ 10 に進み、npm を使用して TypeScript をインストールします。

npm --version

yum update (Amazon Linux の場合) または apt update (Ubuntu Server の場合) コマンドを実行して、最新のセキュリティ更新プログラムおよびバグ修正がインストールされていることを確認します。

Amazon Linux の場合:

sudo yum -y update

Ubuntu Server の場合:

sudo apt update

npm をインストールするには、まず、次のコマンドを実行して Node Version Manager (nvm) をダウンロードします(nvm は、Node.js のバージョンをインストールして管理するために役立つシンプルな Bash シェルスクリプトです。詳細は、GitHub ウェブサイトの Node Version Manager を参照してください)。

curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.33.0/install.sh | bash

nvm の使用を開始するには、ターミナルセッションを閉じてもう一度起動するか、~/.bashrc nvm をロードするコマンドを含む ファイルを入手してください。

. ~/.bashrc

--version オプションを指定して nvm を実行することにより、nvm がインストールされていることを確認します。

nvm --version

最新のバージョン 16 の Node.js をインストールするには、nvm コマンドを実行します (npm は Node.js に含まれています)。

nvm install v16

Node.js がインストール済みであることを確認するために、--version オプションを指定してコマンドラインバージョンの Node.js を実行します。

node --version

--version オプションを指定して npm を実行することにより、npm がインストールされていることを確認します。

npm --version

-g オプションをで npm を実行して、TypeScript ファイルをインストールします。これにより、TypeScript がグローバルパッケージとして 環境にインストールされます。

npm install -g typescript

--version オプションを指定してコマンドライン TypeScript コンパイラーを実行し、TypeScript がインストール済みであることを確認します。

tsc --version

AWS Cloud9 IDE で、 という名前のファイルを作成しますhello.ts。(メニューバーでファイルを作成するには、ファイル、New File (新しいファイル)を選択します。 ファイルを保存するには、ファイル、保存を選択します。)

IDE のターミナルで、hello.ts ファイルと同じディレクトリから npm を実行して @types/node ライブラリをインストールします。

npm install @types/node

これにより、node_modules/@types/node ファイルと同じディレクトリに hello.ts フォルダが追加されます。この新しいフォルダには、Node.js の型定義が入ります。これらの定義は、この手順の後半で hello.ts ファイルに追加する console.log プロパティと process.argv プロパティで使用するために TypeScript で必要になります。

次のコードを hello.ts ファイルに追加します。

console.log('Hello, World!');

console.log('The sum of 2 and 3 is 5.');

const sum: number = parseInt(process.argv[2], 10) + parseInt(process.argv[3], 10);

console.log('The sum of ' + process.argv[2] + ' and ' +
  process.argv[3] + ' is ' + sum + '.');

ターミナルで、hello.ts ファイルと同じディレクトリから TypeScript コンパイラーを実行します。含める hello.ts ファイルと追加のライブラリを指定します。

tsc hello.ts --lib es6

TypeScript は、hello.ts ファイルと一連の ECMAScript 6 (ES6) ライブラリファイルを使用して、hello.ts ファイル内の TypeScript コードを、hello.js というファイル内の同等の JavaScript コードに変換します。

[Environment (環境)] ウィンドウで、hello.js ファイルを開きます。

メニューバーで、［Run (実行)］、［Run Configurations (実行設定)］、［New Run Configuration (新しい実行設定)］の順に選択します。

［［New] - Id］e (［新規] - アイドル)] タブで、［Runner: Auto (ランナー: 自動)] を選択し、［Node.js] を選択します。

［Command (コマンド)] に「hello.js 5 9」と入力します。このコードで、5 は process.argv[2] を表し、9 は process.argv[3] を表します (process.argv[0] はランタイム (node) の名前、process.argv[1] はファイル (hello.js) の名前です)。

[Run (実行)] を選択して、出力を比較します。完了したら、[Stop (停止)] を選択します。

Hello, World!
The sum of 2 and 3 is 5.
The sum of 5 and 9 is 14.

AWS Cloud9 IDE で、前のステップの hello.js ファイルと同じディレクトリに、 という名前のファイルを作成しますs3.ts。

AWS Cloud9 IDE のターミナルから、 s3.ts ファイルと同じディレクトリで、コードを 2 npm回実行して TypeScript 用の非同期ライブラリをインストールし、JavaScript 用の非同期ライブラリを再度インストールすることで、Amazon S3 オペレーションを非同期的に呼び出すことができるようにします JavaScript 。

npm install @types/async # For TypeScript.
npm install async        # For JavaScript.

次のコードを s3.ts ファイルに追加します。

import * as async from 'async';
import * as AWS from 'aws-sdk';

if (process.argv.length < 4) {
  console.log('Usage: node s3.js <the bucket name> <the AWS Region to use>\n' +
    'Example: node s3.js my-test-bucket us-east-2');
  process.exit(1);
}

const AWS = require('aws-sdk'); // To set the AWS credentials and AWS Region.
const async = require('async'); // To call AWS operations asynchronously.

const s3: AWS.S3 = new AWS.S3({apiVersion: '2006-03-01'});
const bucket_name: string = process.argv[2];
const region: string = process.argv[3];

AWS.config.update({
  region: region
});

const create_bucket_params: any = {
  Bucket: bucket_name,
  CreateBucketConfiguration: {
    LocationConstraint: region
  }
};

const delete_bucket_params: any = {
  Bucket: bucket_name
};

// List all of your available buckets in this AWS Region.
function listMyBuckets(callback): void {
  s3.listBuckets(function(err, data) {
    if (err) {

    } else {
      console.log("My buckets now are:\n");

      for (let i: number = 0; i < data.Buckets.length; i++) {
        console.log(data.Buckets[i].Name);
      }
    }

    callback(err);
  });
}

// Create a bucket in this AWS Region.
function createMyBucket(callback): void {
  console.log("\nCreating a bucket named '" + bucket_name + "'...\n");

  s3.createBucket(create_bucket_params, function(err, data) {
    if (err) {
      console.log(err.code + ": " + err.message);
    }

    callback(err);
  });
}

// Delete the bucket you just created.
function deleteMyBucket(callback): void {
  console.log("\nDeleting the bucket named '" + bucket_name + "'...\n");

  s3.deleteBucket(delete_bucket_params, function(err, data) {
    if (err) {
      console.log(err.code + ": " + err.message);
    }

    callback(err);
  });
}

// Call the AWS operations in the following order.
async.series([
  listMyBuckets,
  createMyBucket,
  listMyBuckets,
  deleteMyBucket,
  listMyBuckets
]);

ターミナルで、s3.ts ファイルと同じディレクトリから TypeScript コンパイラーを実行します。含める s3.ts ファイルと追加のライブラリを指定します。

tsc s3.ts --lib es6

TypeScript は、 s3.ts ファイル、Node.js の AWS SDK for JavaScript、非同期ライブラリ、および一連の ECMAScript 6 (ES6) ライブラリファイルを使用して、 s3.ts ファイル内の TypeScript コードを という名前のファイル内の同等の JavaScript コードにトランスパイルしますs3.js。

[Environment (環境)] ウィンドウで、s3.js ファイルを開きます。

メニューバーで、［Run (実行)］、［Run Configurations (実行設定)］、［New Run Configuration (新しい実行設定)］の順に選択します。

［［New] - Id］e (［新規] - アイドル)] タブで、［Runner: Auto (ランナー: 自動)] を選択し、［Node.js] を選択します。

コマンド には、 と入力します。ここでs3.js YOUR_BUCKET_NAME THE_AWS_REGION 、 YOUR_BUCKET_NAME は作成して削除するバケットの名前、 THE_AWS_REGION はバケットを作成する AWS リージョンの ID です。たとえば、米国東部 (オハイオ) リージョンの場合は、us-east-2 を使用します。他の ID については、の「Amazon Simple Storage Service (Amazon S3)Amazon Web Services 全般のリファレンス」を参照してください。

[Run (実行)] を選択して、出力を比較します。完了したら、[Stop (停止)] を選択します。

My buckets now are:

Creating a new bucket named 'my-test-bucket'...

My buckets now are:

my-test-bucket

Deleting the bucket named 'my-test-bucket'...

My buckets now are: