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

Atom | RSS

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

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

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

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

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

スナップショット

目次[表示]

• 1.TABLE表の作り方
• 2.Googleスプレッドシート
• 3.Cassava Editor
• 4.あとがき
  • 4.1.Cassava Editor

TABLE表の作り方

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

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

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

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

Googleスプレッドシート

[手順]

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

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

スナップショット

Googleスプレッドシート

Cassava Editor

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

 External link

• 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はエクスポート機能がエラーを返すので、別のバージョンをお使いください。

（不具合）Cassava Editor v2.2.0、値が代入されていない変数・フィールドです（str）

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

kzstock.blogspot.com

スナップショット

オプション

ファイル > エクスポート

あとがき

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

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

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

Cassava Editor

howto の記事 (Articles about the howto)

1. まだ間に合う！ChromeでuBlock Originを使うための最終手段
2. 【成功】Windows 11非対応PCをアップグレードできるか検証してみた
3. 【必見！】ExplorerPatcherをWindows Defenderの誤検出から除外する PowerShell スクリプト
4. 非対応PCにWindows 11をインストールする方法【随時更新】
5. 【解決】TClock Light ktをWindows 11で復活させる方法
6. Windows 11 ナビゲーションウィンドウから「ギャラリー」を削除する方法
7. 【Thunderbird】引用符を > に変更したい！
8. 【有能】Revo Uninstaller Free インストール手順、日本語化、ハンターモードの使い方
9. Windows 11でExplorerPatcherが隔離される問題を回避する方法
10. YouTube 広告ブロッカーチェックを回避する方法
11. howto ラベルの記事（要約付）
12. howto が含まれる記事（要約付）

新着順 (New arrival order)

1. 【Pixel／2025年5月】アンチロールバックの実装、ゼロデイ脆弱性（CVE-2025-27363）
2. 【初心者向け】Windows／AndroidでDoHを設定してセキュリティを高める方法
3. まだ間に合う！ChromeでuBlock Originを使うための最終手段
4. 【新ルール】クイーン白玲（通算5期）で四段昇段！将棋界に激震走る
5. 【最速情報】Google Pixel 9a 日本発売！気になる価格とスペックまとめ
6. 【Pixel 4月／2025】生体認証、カメラ、ディスプレイ、UIの修正【Android 15】
7. 【2024年度】藤井七冠(最優秀棋士)、羽生九段、会長辞任はタイトル100期への伏線か？
8. 【バグ】TVerRec 3.4.2 のリネーム処理不具合とその原因を考察
9. 【恐怖】ポンジスキームとは？歴史から学ぶ詐欺の仕組み
10. 【終息】TVerRec 3.3.9（暫定）で機能制限ほぼ解除、3.4.0リリース！

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

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