その他

Excelに代わるSpreadsheetを使ってみませんか

その他
この記事は約4分で読めます。

こんにちは。株式会社implの大谷です。

Excelは便利だ!

しかしもっとこうできたらいいのに・・・そんな時はありませんか。

例えば、最近Macに変えた、ビジネス使用でのセキュリティー問題、みんなで共有できたらいいのに、などなど…

そんな時に役立つスプレッドシートライブラリについてご紹介します!

スプレッドシートとは?

スプレッドシートとはExcelライクな表形式シートをブラウザ上で表示できるソフトウェアのことです。

スプレッドシート導入のメリットは?

一番大きな利点としては、要望に合わせてデザインや機能をカスタマイズすることができます!

また、Excelをダウンロードすることなくブラウザ上で複数人で同時に作業ができる!

そして、OSに関係なく使用できるため共有しやすく、データを管理することができ、セキュリティー面もGood!

管理システムや、分析ツールの共有、またそこにフレームワークの機能と統合することにより、機能の充実を実現できます。

エンジニアとしてはExcelの機能を自分でカスタマイズして作成していけるところに心躍るのではないでしょうか♪

どんなライブラリがある?

私個人は現在Jspreadsheetの開発を行っております。

以下に使用感が良く、代表的な3つのライブラリについて簡単にご紹介したいと思います。

Handsontable

JavaScriptライブラリです。売りである高いパフォーマンスを持ち、カスタムセルのレンダリングやデータのフィルタリングなどの豊富な機能を備えています。

使用感としては、高度なカスタマイズや機能を付けたい場合の導入がおすすめです。

そのため実装にはやや複雑さがある点でデメリットとも言えるかもしれません。

使えるフレームワーク例:Angular, React, Vue.js, jQuery etc.

JavaScript Data Grid - Documentation | Handsontable
An overview of Handsontable's developer documentation. Handsontable is a client-side, spreadsheet-like data grid for editing data in web applications.

Jspreadsheet

Jspreadsheetは前述のHandsontableのフォークライブラリとなっています。

以前までのJexcelという名前からも、Javascriptでexcelを実現しているのがいかにも!ですね!

高度なカスタマイズオプションがあり、データの編集、計算、グラフ作成などの一般的なスプレッドシート機能は網羅されています。

使用感としては、基本的な機能を押さえつつ複雑さはそれほどないので、Excelの簡単な機能だけで良い場合はjspreadsheetの導入がおすすめです。

使えるフレームワーク例:Angular, React, Vue.js, jQuery etc.

Jspreadsheet Pro documentation
Learn more about Jspreadsheet Pro with our official spreadsheet documentation.

Googleスプレッドシート

Googleドライブ上で動作するクラウドベースのスプレッドシートツールであり、ブラウザを介してリアルタイムで共同編集ができます。

また、Google提供の他アプリとの連携ができる点で便利さに革新的だと言えます。

フレームワークと組み合わせる場合にはGoogle sheets APIの使用が必須となります。Google Cloud Platformのアカウントを作成し、APIキーを取得する必要がある点では導入には多少の複雑さがありますが、Excelの機能をUI的にも網羅しているためイメージが掴めやすく実装のしやすさに繋がるかと思います。

使えるフレームワーク例:Angular, React, Vue.js, Node.js, Ruby on Rails etc.

Google Sheets: Online Spreadsheet Editor | Google Workspace
Use Google Sheets to create and edit online spreadsheets. Get insights together with secure sharing in real-time and from any device.

まとめ

いかがでしたでしょうか。

Jspreadsheetは、VueやReactなどのフレームワークとの統合が必要な場合や、高度なカスタマイズが必要な場合に

handsontableは、高いパフォーマンスと豊富な機能が求められる場合に

Googleスプレッドシートは、クラウドベースの共同編集が必要な場合や、ビジネス機能を活用したい場合に

それぞれの特徴を活かした利用法を模索し、独自のアイディアでExcelよりも”Excellent” なスプレッドシートを作成してみてはいかがでしょうか♪

ご覧いただきありがとうございました!