テーブルや最終更新日などの修正の手間

Question

HTMLでテーブル，最終更新日やバージョンの表示など，よく修正するような内容を
効率よく編集する方法などはありませんか？
特にテーブルなどはタグの中に文字を打っていくのは非常に大変で困っています．
また曜日なども日付から簡単に計算してくれると助かるのですが・・・

宜しくお願い致します．

<table class = "thismonthschedule">
  <thead>
    <tr>
      <th scope = "cols" colspan = 2></th>
      <th scope = "cols" colspan = 2>前半 (17:00 ~ 19:00)</th>
      <th scope = "cols" colspan = 2>後半 (19:00 ~ 21:00)</th>
      <th scope = "cols" class = "bikou">備考</th>
    </tr>
    </thead>
  <tbody>
  <tr>
    <th scope = "row">1</th>
    <th scope = "row">(金)</th>
    <td>aa</td>
    <td>aa</td>
    <td>aa</td>
    <td>aa</td>
    <td>aaaaa</td>
  </tr>
  <tr>
    <th scope = "row">2</th>
    <th scope = "row">(土)</th>
    <td>ii</td>
    <td>ii</td>
    <td>ii</td>
    <td>ii</td>
    <td>iiiii</td>
  </tr>
  <tr>
    <th scope = "row">3</th>
    <th scope = "row">(日)</th>
    <td>uu</td>
    <td>uu</td>
    <td>uu</td>
    <td>uu</td>
    <td>uuuuu</td>
  </tr>
</tbody>
</table>

Answer 1

HTMLで（略）よく修正するような内容を
効率よく編集する方法などはありませんか？

プログラムが書けると簡単に修正、というか、
目的のページを生成できるようになります。

初心者でもできるような簡単な方法

でも、おそらくプログラミングの習得が不要な方法が
聞きたくてご質問しているのでしょう。

---

テキストエディタ（のマクロなどの機能）を使うのが、
本格的なプログラミングよりは取っつきやすいと思います。

テキストエディタというのは、秀丸とかサクラエディタとかで、
利用者が多いからネットで情報も集めやすいです。

エディタの方が学習コストはプログラミングより少ないですが、
半自動の修正になるので毎回の修正コストはプログラミングより多いです。

しかし、JavaScriptなどを使ってマクロを書くこともできるので、
プログラミングに発展する余地もあります。

さて、具体的にどうするのか、少し解説しておくと、
秀丸の置換マクロや、（HTML）整形マクロなどを組み合わせて、
ご質問の目的に近いことはできるのではないかと思います。

もちろん、試行錯誤は必要ですし、
プログラムのような完全自動化は難しいと思いますが、
労力が多少なりとも節約できれば意味はあるでしょう。

Comments

[ke622ken]

「プログラミングの習得が不要な方法が聞きたい」というのは誤解です．
具体的にどのような手段が可能であるかを伺っていました．
またその上で自分のレベル (HTML, CSS, JSを軽く触っているレベル) で，
コードなどを参考にしながら実現可能な手段はないものかという意図でした．

[LLman]

誤解でしたか。プログラミングを前提にして構わないのでしたら、
JavaScriptでHTML（やCSS）を操作するのが普通だと思います。
（処理が複雑になるとサーバサイドやデータベースも必要ですが）

具体的な手段としては、「DOM」を操作します。
「DOM」は文書をオブジェクトにしたモデルです。
詳細は「JavaScript DOM」で検索してみてください。

なお、DOMはやや複雑で難しいところがありますが、
「jQuery」というライブラリを使った方が、
やさしいと感じるかもしれませんので、こちらも紹介します。

Answer 2

htmlをコーディングするという発想をやめて、htmlを生成してくれる機能を利用する

1. Microsoft Office Excel や Google ドキュメントのスプレッドシートに、表示したい内容を記入して表にする

-- Excel、スプレッドシートともに　日付から曜日への変換は　表示形式を調整すればできます

1. データを記入したものを、MS-ExcelならばWebページとして保存する。GoogleDriveのスプレッドシートは、形式を指定してダウンロードでhtmlを取得する

2. htmlをそのまま利用する／必要ならばhtmlを何らか装飾する／ htmlをiframeとして表示する　、cssは必要ならば一緒に公開する。常に同じスタイルならば、cssで装飾も可能になると思う

Answer 3

XMLやデータベースで管理し、値を挿入。
ただし、HTMLは複雑になりますが…。

Comments

[ke622ken]

初心者でもできるような簡単な方法はないということでしょうか...?

[samudra]

このあたりを参考になさるとよろしいかと

http://www.kogures.com/hitoshi/javascript/gaibu-file/xml.html

このご時世、ググれば初心者でも出来る様にサンプルコードが色々用意されています。
初心者だから出来ないと思わず、果敢に取り組んでみると、意外と簡単ですよ。

[ke622ken]

ありがとうございます．参考にしてみます．