0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

VS Code - .d.tsファイル(型定義ファイル)の効用

Last updated at Posted at 2024-11-23

はじめに

MH ソフトウェア & サービスが開発・公開しているアプリケーションは、Microsoft社のVisual Studio Code(以後、VS Code)でコーディングされています。


「そもそも.d.tsファイルって、TypeScriptだろ!」と言う声もあると思います。
VS CodeでJavaScript編集する時、.d.tsファイルは有効になります。そもそもTypeScriptって、JavaScriptの拡張ですし。

JavaScryptでinputと言うクラスを使用して、入力タグを作成する場合、input.d.tsファイルが無い場合はlet input;の上にマウスカーソルを移動すると
no_d_ts.jpg
inputはanyとなります。

また、input.まで入力しても、入力補助は出ません。
no_d_ts1.jpg

JavaScriptソースに下記の行を追加します。

/// <reference path='../html/input.d.ts'/>

input.d.tsはRun on Saveで作成したファイルです。
let input;の上にマウスカーソルを移動すると
at_d_ts.jpg
inputはIInputとなります。

また、input.まで入力すると
at_d_ts1.jpg
入力補助一覧が表示されます。キーストロークが減らせます。


Webアプリケーションサーバ AiR


弊社webページ: AiR

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?