|
|
| (同じ利用者による、間の3版が非表示) |
| 1行目: |
1行目: |
| Mery エディタ マクロ： 勝手版TypeScript編集モード ( inuuik )
| |
| <pre>
| |
| 勝手に気ままに設定した、とってもヒラヒラな編集モードのインポートファイル
| |
| ( TypeScript support for Mery2 ) と入力補完テキスト
| |
|
| |
| TypeScript.msy
| |
| JavaScript.msy
| |
| ts.txt
| |
| js.txt
| |
|
| |
|
| TypeScript は、JavaScript のすべてを包含したスーパーセットの言語、クラス
| |
| 定義や明確な型指定をすっきりと表現できて、きれいな JavaScript のコードを
| |
| 生成します。コンパイルによってできる JavaScript を実行するので、実行環境
| |
| はかなり自由に選べます。
| |
|
| |
| いまは、Version 0.8.0 Preview 版で、CodePlex のサイトから、誰でもダウ
| |
| ンロードして使えます。オープンソースです。
| |
|
| |
| コンパイラ tsc の実行には、Node.js か Windows Scripting Host を使いま
| |
| す。DOM の操作をするのには、Web サーバがローカルにでも要りますが、そ
| |
| れをせずに、Mery のマクロとして alert, confirm, prompt だけあればよい
| |
| ものなら、wscript.exe でコンパイルして、たぶん行けそうな気がします。
| |
| （まだ少ししか試してません）
| |
|
| |
| ソースの編集なら、何も問題はありません。
| |
|
| |
| 編集モードは、JavaScript に少しのキーワードを追加したものが、TypeScript
| |
| になります。せっかくなので、両方まとめて用意しました。
| |
|
| |
| 入力補完のキーワードは、DOM や Mery マクロのメソッドとプロパティをすべて
| |
| 含んでいる、…といいな、と思ってます (^^;
| |
|
| |
| ※※ Mery 1.1.2.2840 のとき、入力補完は使えます。編集モードのインポート
| |
| はできないので、TypeScript キーワード強調の編集モードは使えません。
| |
| ですので、標準の JavaScript 編集モードに ts の関連付けを追加します。
| |
|
| |
| 手順：
| |
| Mery をインストールしているフォルダにある、
| |
| 入力補完ファイルの Etc フォルダに、
| |
| ts.txt
| |
| js.txt
| |
| をコピーします。標準添付の js.txt は、先に別のところに保存して下さい。
| |
|
| |
| 新しく編集モードファイルのための Syn フォルダを作ります。
| |
| この Syn フォルダに、
| |
| TypeScript.msy
| |
| JavaScript.msy
| |
| をコピーします。
| |
| つぎに、
| |
| 表示 - 編集モード - 編集モードの設定
| |
| 一覧表示の編集モードから JavaScript を選択して、[コピー] をクリック、
| |
| 名前を書き換えられるので、TypeScript と入れます。
| |
| この TypeScript を選択して、プロパティ
| |
| 最初に一度、「関連付け」のタブを選択して、
| |
| js を選択してさらにクリックすると、書き換えができる状態になります。
| |
| ここで ts と入れます。
| |
| 「強調」のタブを選択して、[インポート]をクリック、
| |
| 先ほど作った Syn フォルダを指して、
| |
| TypeScript には TypeScript.msv
| |
| JavaScript には JavaScript.msy
| |
| を「開く」でインポートします。上書きの確認が出たら、「はい」とします。
| |
|
| |
| ※表示 - 編集モード で、目的の編集モードをクリックすると、新しい内容が
| |
| 反映します。
| |
|
| |
|
| |
| コンパイルの準備：
| |
| TypeScript 0.8.0 Change Set: d397c54a55db を入手します。
| |
| ダウンロードは、
| |
| typescript-d397c54a55db.zip
| |
| http://download-codeplex.sec.s-msft.com/Download/SourceControlFileDownload.ashx?ProjectName=typescript&changeSetId=d397c54a55db
| |
|
| |
| このファイルを展開（解凍）します。
| |
| コピー先として C: ドライブに C:\TypeScript フォルダを作ります。
| |
| ここに、展開した内容から、その一部
| |
| bin
| |
| doc
| |
| sample
| |
| の各フォルダを C:\TypeScript の中にコピーします。
| |
|
| |
| ツール - 外部ツール につぎの内容で設定します。
| |
| tsc
| |
| %WinDir%\system32\wscript.exe
| |
| C:\TypeScript\bin\tsc.js "$(Path)"
| |
| $(Dir)
| |
| ファイルを保存する
| |
|
| |
| そしてあとは、samples\simple にある animails.ts を Mery で開いて、
| |
| この外部ツールを実行すると、しばらくして、.ts と同じフォルダに、
| |
| 拡張子が .js になって生成ファイルができあがります。
| |
|
| |
| これを Mery のマクロ選択すると、マクロとして実行できます。
| |
|
| |
| </pre>
| |
|
| |
| ※ マクロTypeScript編集モード: [[ファイル:Macro_TypeScriptSyn.zip]] ( inuuik 2012-10-18 Rev )
| |
| <pre>
| |
| ふつうのテキストファイルです。
| |
| Syn
| |
| TypeScript.msy
| |
| JavaScript.msy
| |
| Etc
| |
| ts.txt
| |
| js.txt
| |
| </pre>
| |