意外と簡単。TypeScript+JavaScriptでビルドする方法
巨大化するWebサービス/アプリの開発現場で着実に市民権を得てきたTypeScript。C#生みの親Anders Hejlsberg老師が作ったとあって開発効率を爆上げしてくれる。非常に筋の良い言語だ。 今回はTypeScriptへJavaScriptソースをインポートし、webpackを使って1ファイルにビルドする方法についてangularプロジェクトを例に取って解説する。「npmとかbowerで落としてきたJavaScriptってTypeScriptからどう使うの〜？」てな事を解決しよう。 さくっと分かる(?)ビルド方法 これからつらつらと設定やインポート方法の解説が続くけれど、やりたいことはシンプル。要はTypeScriptでJavaScriptをインポートする命令を書き、それをビルドして1ファイルにする設定をするだけ。それでは詳しく見ていこう。 詳しいビルド方法 プロジェクト構成
Visual Studio Code API コマンド編 -vscode.command- | TOACH
Visual Studio Codeの拡張機能（エクステンション）開発に使えるAPIはよく考えられたものが取り揃えてある（何様）。 vscode名前空間から呼べる関数や型だけに限るとそう大層なことはできない印象を抱くかもしれないけれど、拡張機能のマニフェストファイル(package.json)も合わせると色々なことができる。 また、APIとして公開されていないけれども、Visual Studio Codeにプリセットされている機能（タスク実行や拡張機能のインストールなど）は、コマンドとして呼べるようになっている。 今回は、そこのところを含めて、コマンド系のAPIを紹介したい。 vscode.commands vscode.commands名前空間に、コマンドの登録/取得/実行をするための関数が1packageになっている。 コマンドを登録する – registerCommand regis
Visual Studio Codeの拡張機能を公開する方法 | TOACH
始まりはStack Over Flowのとある質問。 Can I automatically start a task when a folder is opened? Visual Studio Codeでフォルダーを開いたタイミングでタスクを実行できないか？という質問で、なんでそんなことをしたいかと言うと、gulpのウォッチをタスク実行しなくとも走らせたいということだった。 gulpでも、TypeScriptのトランスパイルで使うtscでも、ファイルの変更を自動でウォッチしてもらって、何か変更があったタイミングでビルドするというのは、一度タスクを走らせないといけなかった。 ところが、フォルダーを開いた時に自動でタスクが走ってくれゝば、そうした手間を減らせる。 規模の大きなプロジェクトだとどうなんだろうという気はするけれど、ウォッチを自動で始めてくれるなら確かに安心だな。 回答には、「今
Visual Studio Codeのコマンドパレットでリスト(Quick Pick)を出す方法 | TOACH
Visual Studio Codeの拡張機能を作るにあたり、いくつかのAPIが公開されている。 Visual Studio Code API Reference 今回はこの中から、コマンドパレットでリストを出して、アイテムを選んでもらうためのAPIをご紹介。こんなの↓ 文字列リスト(Quick Pick)を出す方法 API集ではリストのことをQuick Pickと呼んでいる。コマンドが呼ばれた時などにQuick Pickを出し、アイテムを選んでもらうにはshowQuickPick()を使う。 showQuickPick()には、単に文字列のリストを表示するか、ラベルと説明文のあるアイテムのリストを表示するかで二種類あり、まずは文字列リストを表示する方法を解説する。 showQuickPick(items: string[] | Thenable<string[]>, options?:
Visual Studio Codeの拡張機能をTypeScriptで作る方法 | TOACH
toach vscodeで拡張機能を作る方法 https://code.visualstudio.com/docs/extensions/example-hello-world じわじわとシェアを広げているC#だけれど、今一マジョリティを取れないのは、C#でアプリを作る際の敷居の高さから来ているのだろう。 .Netのオープンソース化やVisual Studio Dev Essentialsによってその敷居が低くなってきているから、時を待てばC#が一層普及するだろうなと感じている秋このごろ。 C#の波に乗りますか？乗り遅れますか？Visual Studio Dev Essentialsが拓く未来 一方、C#の生みの親であるAnders Hejlsbergの手になるTypeScriptは着々と支持を得ている。 今回は、TypeScriptを使ってVisual Studio Codeの拡張機能を
Visual Studio CodeでTypeScriptをトランスパイルする方法 | TOACH
TypeScriptのプロジェクト設定 任意の場所に今回のサンプルプロジェクト用のディレクトリーを作ったら、Visual Studio Codeから開く。（Visual Studio Codeのメニューから、File > Open > …） TypeScriptプロジェクトはtsconfig.jsonなる設定ファイルが必要だ。プロジェクトを開けたら、左サイドのツリーからtsconfig.jsonを作ろう。 tsconfig.jsonに設定を書いていくわけだけれど、ここでVisual Studio Codeのインテリセンスの威力を味わえる。ファイルに波括弧”{}”を書き、その中に”c”と打つと、候補の設定を提案してくれる。 この”compileOptions”という設定項目を選ぶと、自動的に設定欄を作ってくれる。う〜んイイね。 今回のプロジェクトの設定内容は次のとおりになる。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
