バイヤン

<h1 id="filesaver.js">
<a class="header-anchor-link" href="#filesaver.js" aria-hidden="true"></a> FileSaver.js</h1>
クライアント側でファイルを保存することができるライブラリである。 
今回は、ユーザー管理画面にある「エクスポート」ボタンを押下した際にユーザー情報をまとめたCSVファイルをクライアント側で保存させる機能を実装するためにFileSaver.js(2.0.5)を使用したので、実装方法を記録しておく。
<div class="code-block-container"><pre class="language-ts"><code class="language-ts">import { saveAs } from 'file-saver';

const fileName = 'test.csv';
const blob = new Blob([ fileData ], { type: 'text/csv' });
saveAs(blob, fileName);
</code></pre></div>Blobオブジェクトを作成する際の第二引数はMIMEタイプを指定している。