かずきのBlog@hatena

すきな言語は C# + XAML の組み合わせ。Azure Functions も好き。最近は Go 言語勉強中。日本マイクロソフトで働いていますが、ここに書いていることは個人的なメモなので会社の公式見解ではありません。

jsurlというライブラリが便利なのでTypeScriptから使おう

URLを文字列で組み立てるのがめんどくさい。

そんな悩みを解決してくれるのがjsurlです。

github.com

TypeScriptの型定義は

tsd install jsurl -save

で落としてこれます。JavaScriptは…。npmに見当たらなかった(npmのjsurlは別ライブラリでした)のでgithubからとってきてindex.htmlあたりにscriptタグで埋め込んでおきます。

使い方は簡単です。型引数にクエリ文字列に渡すパラメータ名をもった型を渡してやれば以下のようにタイプセーフにクエリ文字列を組み立てれる。

var url = new Url<{ x: number, y: number, op: string }>('api/Calc');
url.query.x = 10;
url.query.y = 20;
url.query.op = '-';

URLを取得したかったらtoStringを呼べばOKです。

小物だけど便利なライブラリでした。