【Googleスプレッドシート、GAS】選択した範囲をHTMLのtableタグとして画面上に出力する

669 語
3 分
【Googleスプレッドシート、GAS】選択した範囲をHTMLのtableタグとして画面上に出力する

はじまり#

135ml avatar
135ml
うっひょお〜、気持ちいい〜!今まで作ったツールの中で、最も作ってよかったと思ったツールなのだ。
リサちゃん avatar
リサちゃん
ああ、この前作ったツールを使っていて、気持ちよくなっているんだね。
135ml avatar
135ml
というわけで、今回はこの気持ちいいツールを紹介します。良ければ、使ってみたり、開発の参考にしてみて欲しいのだ。

以前の記事#

以前にとあるツールを作りました。 それは一言で言うと、「Googleスプレッドシートに書いた内容をHTMLに出力してくれる」ツールです。

その機能を紹介している記事がありますので、それは以下をご参考下さい。

今回は、何をするツールなのか#

そして、今回はそのツールに機能を追加しました。 一言で言うと、「Googleスプレッドシートに書いた内容をCSVもしくはTSVに出力してくれる」ツールです。

例えば、以下のように編集した内容があります。

その内容をGoogleスプレッドシート上で選択して、僕のシートの場合は、GASで拡張したメニュー内の「選択範囲をCSVで出力」を押します。

すると、CSVとして表内の値を出力してくれます。

これで出力したCSVやTSVは別のスプレッドシートに貼り付けたりしても良いですし、自分が作ったツールに利用するでも良いですし、データの受け渡しが楽になる機能になっていると思います。

HTML出力機能の使い途#

CSVとTSVへの出力機能は、ぶっちゃけあまり紹介することがないですね・・・ その代わりに、今回のツールのHTML出力機能の使い途を少し書きます。

GitHubのREADME.mdに掲載する#

これは、以前の記事で、ツール実行のBefore & Afterを紹介した時に確認できるかと思います。

以下のように、GitHubのREADME.mdでtableレイアウトで情報を表示できています。

WordPressのテーブル編集を楽にする#

最近、WordPressで性能比較などの記事を執筆する時に、テーブル形式で調査結果を掲載することがあります。 そうした場合に、WordPress上でテーブルを編集するのはあまり勝手が良くなく、記事の編集に時間が掛かっていました。

行や列の数も一気に増やせないですし。

そんな時には、Googleスプレッドシートでテーブルを編集した方が速いです。編集した状態でスクリプトを実行します。

WordPressのテーブルはHTMLで編集できる状態にして・・・

先程出力したHTMLを貼り付けてしまえば・・・

このように素早くブログにテーブルの編集内容を反映することが出来ます。

この時短は、個人的にかなり助かっています!

おしまい#

135ml avatar
135ml
今回作ったツールのリポジトリはこちらになります。ご参考下さい。
landmaster135
/
HtmlGeneratorSheet
Waiting for api.github.com...
00K
0K
0K
Waiting...
リサちゃん avatar
リサちゃん
ふーー、楽、できてます!

以上になります!

記事を共有

この記事が役に立ったなら、ぜひ他の人と共有してください!

【Googleスプレッドシート、GAS】選択した範囲をHTMLのtableタグとして画面上に出力する
https://endorphinbath.com/posts/gas-selected-area-to-html-table-2/
著者
kinkinbeer135ml
公開日
2022-09-22
ライセンス
CC BY-NC-SA 4.0
関連記事 スマート
1
【Googleスプレッドシート、GAS】選択した範囲をHTMLのtableタグとしてテキスト出力する
Code Googleスプレッドシートで編集したセルをそのままHTMLのtableタグとして出力するツールを作りました。HTMLの編集は面倒ですが、これを使えば編集はGoogle Spreadsheetで管理することが出来ます。
2
【GAS】Googleカレンダーに曜日を指定してスケジュールを登録するスプレッドシートの構築
Code Google Apps Scriptを使い、スプレッドシートからGoogleカレンダーに曜日指定でスケジュールを追加するシステムを作りました。繰り返し入力する版と個別に入力する版があります。
3
【Google Apps Script】自分がGASで使うIDとかトークンを1つのシートで管理するライブラリを作ろうとしたけど、断念した話
Code Google Apps Scriptで使うフォルダIDやスプレッドシートIDなどを一括管理するライブラリをスプレッドシート上で作ろうと思ったのですが、とある理由により頓挫しました。貴方もお気を付け下さい。
4
【GAS、Google Spreadsheet】Googleドキュメントで日記を付けるために毎日Docファイルを作ってくれるスクリプトです
Code GoogleDriveにあるファイルを毎日決まった時間にコピーしてくれるスクリプトを書きました。日記をつける場合に毎回ファイルをコピーしてレイアウトを変えて・・・といった作業を効率化してしまいましょう!
5
【GAS、Google Spreadsheet】Google Driveに共有したWebサイトのURLをGoogleスプシに転記する。
Code Googleドライブに共有したWebサイトのURLが載ったテキストファイルを読み込んで、Googleスプシに転記するツールを作りました。後で読みたいと思った記事を一元管理できて便利に使えています。
ランダム記事 ランダム
Profile Image of the Author
kinkinbeer135ml
SIerをやめて、プログラミングを勉強しています。※Amazonアソシエイトに参加しています。
お知らせ
私のブログへようこそ!これはサンプルのお知らせです。
音楽
カバー

音楽

再生中なし

0:00 0:00
歌詞なし
カテゴリ
タグ
サイト統計
記事
287
カテゴリー
8
タグ
93
総文字数
486,174
運用日数
0
最終活動
0 日前

目次