「
勝手版TypeScript編集モード
」を編集中
2012年11月18日 (日) 23:39時点における
Inuuik
(
トーク
|
投稿記録
)
による版
(
差分
)
← 古い版
|
最新版
(
差分
) |
新しい版 →
(
差分
)
ナビゲーションに移動
検索に移動
警告: このページの古い版を編集しています。
公開すると、この版以降になされた変更がすべて失われます。
警告:
ログインしていません。編集を行うと、あなたの IP アドレスが公開されます。
ログイン
または
アカウントを作成
すれば、あなたの編集はその利用者名とともに表示されるほか、さまざまなメリットもあります。
スパム攻撃防止用のチェックです。 決して、ここには、値の入力は
しない
でください!
Mery エディタ マクロ: 勝手版TypeScript編集モード ( inuuik ) <pre> 勝手に気ままに設定した、とってもヒラヒラな編集モードのインポートファイル ( TypeScript support for Mery2 ) と入力補完テキストとコンパイル起動マクロ TypeScript.msy JavaScript.msy ts.txt js.txt コンパイルTypeScript(Shift+Ctrl+Alt+T) TypeScript は、JavaScript のすべてを包含したスーパーセットの言語、クラス 定義や明確な型指定をすっきりと表現できて、きれいな JavaScript のコードを 生成します。コンパイルによってできる JavaScript を実行するので、実行環境 はかなり自由に選べます。 いまは、Version 0.8.0 Preview 版で、CodePlex のサイトから、誰でもダウ ンロードして使えます。オープンソースです。( 2012-10-01 公開 ) ※更新版は Version 0.8.1 になりました。( 2012-11-16 公開 ) コンパイラ 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 をインストールしているフォルダにある、 入力補完ファイルの Ext フォルダに、 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.1 Change Set: c283ca0bbc9d を入手します。( 2012-11-18 現在 ) ↑ ↑(更新 - 最新版は上) TypeScript 0.8.0 Change Set: d397c54a55db を入手します。( 2012-10-19 現在 ) </pre> ダウンロードは、 typescript-c283ca0bbc9d.zip http://download-codeplex.sec.s-msft.com/Download/SourceControlFileDownload.ashx?ProjectName=typescript&changeSetId=c283ca0bbc9d ↑ ↑(更新 - 最新版は上) typescript-d397c54a55db.zip http://download-codeplex.sec.s-msft.com/Download/SourceControlFileDownload.ashx?ProjectName=typescript&changeSetId=d397c54a55db <pre> このファイルを展開(解凍)します。 コピー先として C: ドライブに C:\TypeScript フォルダを作ります。 ここに、展開した内容から、その一部 bin doc sample の各フォルダを C:\TypeScript の中にコピーします。 \TypeScript\bin \TypeScript\doc \TypeScript\sample 実際のコンパイルに必要なのは bin だけですが、ほかは大切な内容が書かれて いるので一緒に保存しておきます。 コンパイルを Mery の中から起動できるように、マクロも用意しました。 コンパイルが終了すると、元の ts ソースと生成 JS ソースのパスと、エラー があればその内容を、新しい無題タブに表示します。 My Macros\itokusu\コンパイルTypeScript(Shift+Ctrl+Alt+T).js マクロitokusuの使い方: フォルダ付きで展開したら、itokusu フォルダを My Macros にコピー。 (すでにフォルダがあれば、そのフォルダ内にファイルを追加コピー) (更新版への入れ替えならここまで。新規なら続けてつぎに進む) マクロ - カスタマイズ - 新規作成 で、 My Macros\itokusu フォルダ を選択、Ctrlキーを押しながらファイル名をクリックで、登録しようと している複数のマクロをすべて選択してから - 開く。 マクロの名前に書かれているキー(全角字は半角に読みかえて…)に、 ツール - オプション - キーボード の マクロ でそれぞれを割り当て。 たとえば、 コンパイルTypeScript(Shift+Ctrl+Alt+T) は、 ツール - オプション - キーボード の マクロ で Shift+Ctrl+Alt+T に割り当て。 そしてあとは、samples\simple にある animails.ts を Mery で開いて、 このマクロを実行すると、実行開始の確認をして、しばらくして、ts と 同じフォルダに、拡張子が js になって生成ファイルができあがり、 ts と js の2つのファイルのパスが書かれた、無題タブが開きます。 エラーがあれば、ここの下に続けて表示されます。上の各パスの行や、 エラーの各行の上で F10 を押すと、該当ファイルの行位置にジャンプ します。 コンパイル結果が収まる .js ファイルが、すでに開いていると、内容を 読み直してよいか?と聞いてくるので、「はい」を選択して表示の更新 をします。 この .js ファイルを Mery でマクロ選択すると、マクロで実行できます。 </pre> ※ マクロTypeScript編集モード: [[ファイル:Macro_TypeScriptSyn.zip]] ( inuuik 2012-10-21 Rev ) <pre> ふつうのテキストファイルです。 Syn TypeScript.msy JavaScript.msy Ext ts.txt js.txt itokusu コンパイルTypeScript(Shift+Ctrl+Alt+T).js </pre>
編集内容の要約:
MeryWikiへの投稿はすべて、他の投稿者によって編集、変更、除去される場合があります。 自分が書いたものが他の人に容赦なく編集されるのを望まない場合は、ここに投稿しないでください。
また、投稿するのは、自分で書いたものか、パブリック ドメインまたはそれに類するフリーな資料からの複製であることを約束してください(詳細は
MeryWiki:著作権
を参照)。
著作権保護されている作品は、許諾なしに投稿しないでください!
このページを編集するには、下記の数式を計算してその答えを欄に入力してください (
ヘルプ
):
いちたすには =
キャンセル
編集ヘルプ
(新しいウィンドウで開きます)
スポンサーリンク
ナビゲーション メニュー
個人用ツール
ログインしていません
トーク
投稿記録
アカウント作成
ログイン
名前空間
ページ
議論
日本語
表示
閲覧
編集
履歴表示
その他
検索
スポンサーリンク
スポンサーリンク
案内
メインページ
ヘルプ
よくある質問
マクロリファレンス
マクロライブラリ
プラグインライブラリ
構文ファイル
テーマ
寄付・開発支援
練習用ページ
開発室
開発者のブログ
ツール
スポンサーリンク