この記事で解決できる悩み
いずみ
こんな悩みを解決できる記事を書きました!
僕は現役フリーランスエンジニア(歴9年)で、資格は13個保有しています。
「AngularでExcelのダウンロード機能を実装したい」とお考えではありませんか?
Excelのダウンロードは「xlsx」というライブラリを使えば簡単に実装できます。
なんでExcelのダウンロードなんか実装したと思います?
…大人の事情ですよ。
本記事を読めば、AngularでExcelのダウンロード機能を実装する方法について分かるので早速見ていきましょう!
すぐ読み終わるので、ぜひ最後まで読んでくださいませ。
目次
Excelのダウンロード機能を実装する手順
早速ですが、Excelのダウンロード機能を実装する手順を解説します。
「xlsx」のインストール
$ npm install xlsx
「xlsx」をインストールします。
ソースコード
import * as XLSX from 'xlsx';
.
.
.
download() {
const header = [
"ウンコ",
"ウンコ数"
];
const data = [
[
"大きいウンコ",
1
],
[
"小さいウンコ",
2
]
];
// ヘッダを先頭に追加
data.unshift(header);
// aoa_to_sheetはデータが配列の配列の場合に使う
const workSheet: XLSX.WorkSheet = XLSX.utils.aoa_to_sheet(data);
const workBook: XLSX.WorkBook = XLSX.utils.book_new();
XLSX.utils.book_append_sheet(workBook, workSheet, 'sheet1');
XLSX.writeFile(workBook, 'unko.xlsx');
}
上記のコードでExcelをダウンロードできます。
ウンコをダウンロード!!
よくある質問
ライブラリの公式サイトを教えてください。
公式サイトはこちらになります。
まとめ
今回は、AngularでExcelのダウンロード機能を実装する方法について解説しました。
以下が本記事のまとめになります。
- おすすめ本
Angularの勉強なら「Angularアプリケーションプログラミング
最後までお読みいただき、ありがとうございました!
- クソおすすめ本
海外のエンジニアがどういった思考で働いているかが理解できます。
海外に行く気はないけど海外エンジニアの動向が気になる雑魚エンジニアにおすすめです(本当におすすめな本しか紹介しないのでご安心を)。