テーブル (table) をcsvエディターで作成する方法

このサイトを検索 | Search this site

ブログに一覧表をアップする時は、<table>...</table>タグを使用しますが、行または列を追加、削除、ソートしたい時は修正に苦労しますね。

行数が多くなるとなおさらです。

このブログを例にとると、[棋戦2020] はテーブルタグメインのページです。

スナップショット
kisen2020


TABLE表の作り方

「棋戦2020」は叡王戦などのスケジュール未定の棋戦が控えているため、対局スケジュールが確定した時や棋戦に進展があった時は修正しなくてはなりません。

日付順に再ソート、結果の追記...など。

「棋戦2020」は以下のツールを利用して作成しました。
具体的な手順を紹介します。

データ管理Google スプレッドシート
table作成Cassava Editor(CSVエディタ)

Googleスプレッドシート

[手順]
  1. Googleスプレッドシートにデータを書き込む
    ※ソートするので順不同でかまいません
  2. 日付順などでソートする
  3. 「タブ区切りの値(.tsv)」でダウンロードする
  4. または、変換対象範囲をコピーする
  5. ...次項のCassava Editorの手順に続く

ダウンロード時のファイル形式は .tsvをお勧めします。(.csvでも可能)

スナップショット
Googleスプレッドシート

GSpreadSheet

Cassava Editor

Cassava Editorをインストールしておきましょう。


[手順]
  1. Cassava Editorを起動する
  2. オプション > 文字コード
  3. 「ロード時に文字コードを判別する」にチェックを入れる
  4. 「UTF-8を優先して使用する」にチェックを入れる(任意)
  5. Googleスプレッドシートからダウンロードした .tsvファイルを読み込む
  6. または、前項の手順でコピーした内容をペーストする
  7. 必要に応じて修正する
  8. ファイル > エクスポート
  9. ファイル名をつけて保存を選択する
  10. 保存した -.htmlファイルをテキストエディタで開く
  11. <table>...</table>をコピーする
  12. ブログに貼り付ける
  13. 手順終了

バージョン2.2.0はエクスポート機能がエラーを返すので、別のバージョンをお使いください。

バージョン2.2.0からマクロ機能が強化され、64-bit版が提供されるようになりました。私の環境では、Cassava Editor v2.2.0(2020年7月4日リリース) に実装されたマクロ機能に問題が発生しています。

スナップショット
オプション

Cassava-Option

ファイル > エクスポート

File-Export

あとがき

.tsvはタブ区切りのファイル形式です。(Tab Separated Value)

Googleスプレッドシートは、.csv形式でもダウンロード可能ですが、データセルに(,)カンマが含まれる場合、Cassava Editorのオプション設定を変更しないと正しく読み込めないので -.tsv 形式をお勧めします。

Googleスプレッドシートはhtml形式でダウンロードするオプションがありますが、スタイルシートを反映させるためにタグに余計なクラス名などが付加されるので、ブログ掲載用HTMLとしては使いにくいです。

Cassava Editor

SC2
Windowsランキング 将棋ランキング スマホ・携帯ランキング にほんブログ村 IT技術ブログ ライフハックへ にほんブログ村 その他趣味ブログ 将棋へ

このサイトを検索 | Search this site