![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEc6b0ikyXDdulNh-4pYIZpNmjWR8QZuBxH3TZJGVZay--uTDgPxuZQsxc_43mNWzISFukdO1I422B3Kgwuf0Xpoz-FbF1EOTHQGGSehLDTsUg7NhQzjKnKtNpSZby6sO1xTxaQRYUMj9oNJe26Y1e-2Ni5zz2Ql-I5JYtD31pN57bDeMB87I55NDb/s1600-rw/calculator-1330101_1280.jpg)
エクセルを使うのが億劫になってきて、色々な会社のデータを自作したデータベースで使っている、ユゲタです。
エクセルは確かに便利で、会社間やデータを送信する際に、相手も問題なくアプリケーションがインストールされているいい手段ではありますが、どうしても属人性が強くでて、作業効率化と真逆の運用になってしまうので、
WEBインターフェイスを使って、いつでもどこでもスマホでも仕事ができる状態にしたくて、ツールを自作しているんですが、エクセルのインターフェイスに慣れてしまっている人が操作しても違和感ない状態にもっていけたら、非常に便利だと思いません?
そんなワケで、以前に作った数値データのセルをすく数選択した時に自動計算してくれるスニペットを、ちゃんと使えるライブラリにしてGithubにアップしたので、そのご報告と簡単な使い方説明です。
ライブラリ(ツール)の説明
下記に以前のブログをリンクしているのでそちらを読んでもらっても構わないのですが、簡単に説明すると、数字がいっぱい並んでいるtable構成のマトリクス表のセルを、エクセルでは、選択箇所の合計値を自動的に計算して表示してくれる機能があるんですが、
これって結構よく使う機能で、簡易な確認などはいちいち電卓叩いたり、SUMセットをしなくても、合計値が表示されるので、とても効率的な機能だと考えられます。
そこで、ホームページに1タグ設置するだけで、この機能が導入できるようにライブラリを作ってみました。
使い方と画面
基本的に下記のような数値が書かれているtable構成に対して適用されます。
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnGdP2wb7MVSs-Oc64H1hyw0_d9sYURvywnaAhx6ejO3X6EfSLOs4wA_dJnTnoloOsxFbiWFvkT6cXLWcC_QgWoyQ1OtOb7eP4zy-Q4feF-oY7OQi1GSsdZETlcIyQ9ENT_f6sfv5DdM5Ig4_U-EaRpFyF3f9JIwwbyBCrH5NruYx-fuguJwv45wip/s1600-rw/26-1-%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88-2019-12-18-9.00.58.jpg)
セル部分をマウスでドラッグすると、選択されたセルが赤くなります。
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-d8EOl-Q_uucDWxrkolTYh9gvizw18-JG7fnC0XC5IBVkFHV6GMzzZhPuPA-YNbK5x-FgCO6XvT8pQtMofjvudUWHeR0jAnLDGKDwEcj1u11fQI-6p6Cqxhu7jKdrDB5i7B59WbMjqyJr2N6As0Y3e8OHBRLtkNuWhbygw2iOuW47me0J5WfQ_bKQ/s1600-rw/26-2-%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88-2019-12-18-9.01.54.jpg)
また、スクロールが発生してうまくドラッグ選択できない場合も、エクセルと同じ様にshiftキーを使って、起点と終点を選択してその中間セルを補完選択するようになっています。
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghqOTUqa0CiKEchJMhNFJUxXucJ_aRHPe6TCX5CDOmaktHLbNjMoSpbI05uHzKVSEbAiZ6D27WK7VDCxSBpIYnC9FYtQ2Lf0Rl2RKH7ezuwPe0y4LZuQCeMCD0OSbtYZj0JUN_b5FH4KwhAEQMa_DW6ZIprdhhGms54ceP_JVHRTqAnch2zpxSzbl_/s1600-rw/26-3-%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88-2019-12-18-9.02.36.jpg)
選択されたセルは画面右上に表示されるダイアログ内に合計値が表示されます。
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUNiGKVK46unuoam-psGhQCXNa1n7it8KLh8ECReuGcKn2mSd6DSYGpBQWWt00Pq7-IQAmBpBBoBxHLMtaVl_Jt2k27ciLoaR4bHaIuLatVgWeFogSoMKKpG89A2DUWdgbACGa2niDMVZFw7L7fuemSC-Ip63ozm1sON7dgO0AvUioB3dXPm6p_Mez/s1600-rw/26-4-%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88-2019-12-18-9.05.59.jpg)
設置も簡単だし、ビジネスツールでは使わないと損ですね。
Github
Github : table_numcal
関連リンク
[Javascript] ページ内の数字が書いてあるデータを自動計算するスニペット「NumCul」
0 件のコメント:
コメントを投稿