[React / JavaScript] データのExcel/CSV出力機能を実装する | DevelopersIO
こんにちは、CX事業本部 IoT事業部の若槻です。 今回は、ReactアプリケーションにデータのExcel/CSV出力機能を実装してみました。 デモ CodeSandboxのデモを埋め込んでいますが、埋め込まれたサンドボックスの場合はボタンをクリックしてもブラウザにファイルダウンロードをさせることが出来ません。 ダウンロードのデモを試したい場合は、下記URLよりサンドボックスをブラウザの別タブで開いてください。 https://85dsd.csb.app/ 別タブで開いたら、いずれかのボタンをクリックすれば指定の形式でファイルがダウンロードされます。 CSV形式でダウンロードしたファイル。 Excel（.xlsx）形式でダウンロードしたファイル。 コード概要 src/App.tsx import React from "react"; import "./styles.css"; impo
![[React / JavaScript] データのExcel/CSV出力機能を実装する | DevelopersIO](https://cdn-ak-scissors.b.st-hatena.com/image/square/c6082d053d0b1940e3a9c4d81bf031a09b51ab0c/height=288;version=1;width=512/https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2F2020%2F04%2Fjavascript.png)
表計算ファイルを扱う場合はお任せ。圧縮リモートファイルもサポート·remote_table MOONGIFT
remote_tableはExcel（XLSXにも対応）、CSV、ODS、XMLなど多様な表計算向けファイルを読み込めるRubyライブラリです。 remote_tableはリモート（またはローカル）にあるExcel、CSVファイルなどを読み込んでシステムで扱えるようにするRubyライブラリです。固定幅長に対応しているのがマニアックでお勧めです。 インストールはRubygemsで簡単インストールです。まずは読み込みます。 リモート（今回はGoogleスプレッドシートのURL）を指定して読み込んでいます。 各行のデータも取り出せます。 2,000行を越えるテーブルの読み込めます。 Excelフォーマットも読み込めます。 remote_tableが対応しているフォーマットは、XLSX、XLS、ODS、HTML、XML、CSVそして固定幅長の表形式のファイルになります。ファイルはリモート、ローカル
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
