モーリーのメモスマートフォン用の表示で見るモーリーのメモアプリ開発等(プログラミング、CG作成)、興味を持ったことを実践してまとめるブログです。Creator<今回やること!>こちらの記事でJavaScirptで作成したスクリプトをTypeScriptで書きます。Creatorは、スクリプトをJavaScriptとTypeScriptで書くことが出来ます。TypeScriptはJavaScriptから派生したもので、その名が示すように、型(Type)の定義が厳密になっています。TypeScriptを使うメリットは、型定義が厳密であるがために、オートコンプリート(コードの自動補完)が確実に使えることです。JavaScriptの場合は値やオブジェクトの代入時に型が決まるので、オートコンプリートが機能しない場合があります。型が厳密なことで代入ミスなどのケアレスミスが防げます。TypeScriptに詳しい方からはメリットはまだまだあると言われそうですが、私がTypeScriptを使う1番のメリットは上記の点によりコーディングの効率が上がることです。JavaScriptからTypeScriptへ書き換える場合には、それほど変更点がないのも良い点です。CreatorではCoffeeScriptが使用できましたが、現在は無くなっています。TypeScriptは、Microsoftが開発した言語で、エディタのVSCodeもMicrosoft製です。Googleの社内標準言語に採用されたとの記事がありましたし、人気のプログラミング言語でも上位に挙げられるので、将来性はありそうです。TypeScriptのコードは、ファイルごとにまとめて記載します。私が使用している環境です。Creator』のエディタの『Assets』パネルで、右クリック(または『+』をクリック)して、『TypeScript』をクリックTypeScriptプロジェクトの構成ファイルを追加プロジェクトのコンパイルに必要なルートファイルとコンパイラオプションを指定します。Config』をクリックプロジェクトフォルダに『.vscode/tsconfig.json』が追加されます。大きく異なる部分について説明します。Creator』のエディタの『Properties』パネルに表示する変数には、デコレータ『@property(型)』を付けます。数字、ブーリアンの変数の宣言のようにデコレータと変数で、指定する型が異なる特殊なものもあります。cc.AudioClip})』のようにラベルを書かないとエラーが出ました。星が消えるまでの時間の最小値その他のプロパティ宣言の例については下記のページが参考になります。TypeScriptのプロパティ宣言の例クラスのインポート他のスクリプトファイルのクラスを呼び出す場合は、あらかじめインポートします。同じフォルダのGame.tsからGameクラスをインポート変数の宣言(var、let)TypeScriptでは変数をletで宣言しています。最近はJavasScriptでもletを使うほうが良いです。varとletの違いはスコープ(有効範囲)です。varは関数スコープ、letはブロックスコープです。})();TypeScript版のチュートリアルのスクリプトチュートリアルでは、『Game.js』、『Star.js』、『Player.js』の3つのスクリプトファイルを作成しました。それぞれをTypeScriptで作成して、『〜.ts』ファイルにしました。生成した『Star』ノードの『Star』コンポーネントに、『Game』コンポーネントの実体を渡す。}}あとがきprivate・public・protected等の宣言は、マニュアルやtsファイルのテンプレートで省略されていたので、同様に省略しました。これからはTypeScriptで作ろうと思います。ブログ的には見る人を狭める気がしますが、JavaScript分かる人はTypeScriptすぐに分かるのではないかと思います。こちらの記事の続きを行います。こちらの記事の続きを行います。(8)参加グループプログラミングリンクはてなブログブログをはじめる週刊はてなブログはてなブログProはてなブログをはじめよう!mmorleyさんは、はてなブログを使っています。ブログを報告するスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。