パソコンゲームの解説、感想集[廃虚碑文]
 
rss1.0 | | INDEX | 感想 | サイト案内 | サイトマップ 

 WebサイトとCSV+更新手順


 WebサイトとCSV

ここで解説するのは、本サイトのように定型ファイルが多くあるサイトを対象にしています。例えば、リンク集やレビューなどの作品紹介のサイトです。

これから開設する人へ(CSV→HTML)

最初が肝心です。 最初にどれだけサイトの全体像を思い浮かべられるかです。 とはいえ、右も左も分からない頃のこと、HTMLの使い方からデザイン、内容に至るまで 再考の余地がでてくることでしょう。 そんな時にCSVファイルに内容を書きとめ、bpTranのようなツールでHTMLファイルに出力する。 という作業をすれば、内容の変更もデザインの変更も簡単に出来ます。 気をつけることは検索できるよう表記の統一をすることだけです。

もうサイトを持っている人へ(HTML→CSV)

2003年1月現在、フリーソフトにはうまくHTLMからデータを抽出するツールはありません。ある程度のプログラミングが出来るのなら抽出は可能でしょうが、それが出来ないか面倒な方向けに、あらゆるツールを使いうまくデータを抽出する方法を解説します。本サイトの抽出方法を元に説明していきます。

まず、テーブルを使用していて、ROWSPAN、COLSPANを使用している場合は、Table to CSVを使用して下さい。 その後、FileGrepで矢印などをうまく置換してテーブル内の情報を集める(例:「↑」を「,」)。 これがうまくいかない場合、元ファイルの複数タグなどを元に置換するとうまく行くでしょう。 うまく行けば、読まれたくないよ のようなツールで改行ををなくします。 そのファイルをJoin Man Miniなどの結合ツールで結合します。 その他、テーブル外の要素の近くに定型文(例:公開日)がある場合、最終手段としてFileGrepで検索して、 結果を保存して置換して欲しいデータを取り出します。 それでもだめな場合は一つ一つ自分で取り出すしかないようです。 気をつけるのは各行の項目が正しく取り出せているかどうかです。 取り出せたら、Cassava Editorで編集することをお勧めします。

 HP更新手順

更新日時:03/12/09

この頃、Webサイトの規模が大きくなったこともありWebサイトの更新作業が非常に時間のかかるものになりました。 そこで他のサイトではどのようにしているのか調べてみたのですが、どこにも書いてありません。 というわけで、自分が欲しいページなのだから誰かの役にたつかもしれないので自分の更新手順を 書いてみました。

使用ソフトウェア

過去の使用ソフトエェア

ゲームレビュー編

概略

  1. 「Capture STAFF - Light -」で画像を取り込む。
  2. CSVファイルに必要事項を書き込む。
  3. 「bpTran」を使い更新内容を出力する。
  4. 「縦横幅」で画像のサイズ指定。取り上げたゲーム本数を増やし、変更箇所を出力しておいたデータからコピー、貼り付けを行う。
  5. 「FFFP」を使いアップロードする。

詳細

256色以下のゲームはPNG、それ以外はJPEG。「Capture STAFF - Light -」では拡張子が大文字に なるので小文字に変更。「FileGrep」で収集しておいたデータから発売日、スタッフ欄を検索。 「Cassava Editor」でCSVファイルを編集。「bpTran」でCSVファイルとテンプレートから各感想ページ、変更箇所、(たまに)各種リンク集 を出力。「縦横幅」を使い属性を書き込む。取り上げたゲーム本数を増やし、変更箇所を出力しておいたデータからコピー、貼り付けを行う。 「FFFTP」を使って更新。

(ミラーサイト用として、全ファイルをコピーし、「index.html」と「sort3.html」と「zenbu.html」を除きアドレス情報をミラーサイトのものに置換。後にこれらのファイルを書き換え、更新する。)

おまけ

新着情報用テンプレート
[公開日]:「<A href="[リンク]">[題名][副題][種別]</A>:[コーナー]」<BR>
<A href="[リンク]" target="_blank">[題名][種別]</A>:[コーナー],[評価]<BR>
<A href="[リンク]" target="MAIN">[題名][種別]</A>:[コーナー],[評価]<BR>
<TR><TD><A href="[リンク]">[題名][副題][種別]</A></TD><TD>[評価]</TD><TD>
[一言]</TD><TD>[長所]</TD><TD>[短所]</TD><TD>[Win版]</TD></TR>
<TR><TD><A href="[リンク]">[題名][副題][種別]</A></TD><TD>[評価]</TD><TD>
[一言]</TD><TD>[長所]</TD><TD>[短所]</TD></TR>
感想ページ用テンプレート
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<HTML lang="ja">
<head>
<META http-equiv="Content-Type" content="text/html;charset=EUC-JP">
<META http-equiv="Content-Style-Type" content="text/css">
<title>[題名][副題]</title>
<style type="text/css">
<!--
BODY{ color: #ffffff; background:#330000;}
.line{line-height: 150%; }
A{text-decoration:none;font-weight:bold;}
A:Link{color:#99FFFF;}
A:Visited{color:#33FFFF;}
A:Active{color:#99FFFF;}
A:Hover{color:#ff0000;text-decoration:underline;}
.1{border:2px solid #666666;}
.2{border-style:solid;border-width:0px 2px 2px 2px;border-color:#666666;}
.center{text-align:center;}
.3{border:dotted 2px #330000;background-color:#660000;text-align:center;
line-height:150%;margin:5px 0px 5px 0px;padding:2px 0px 2px 0px;}
-->
</style>
</head>
<body>公開日:[公開日]    種類:[コーナー]        公開場所:<A href="http://kiisu.s56.xrea.com/">廃虚碑文 ~無名作品の発掘?~</A><BR>
<div class="bo3"><B>[題名]</B> [副題][種別] </div>
<table summary="layout"><tr><td width="40%" valign="top" class="line">
<div class="1">製作:<B>[製作]</B></div>
<div class="2">[発売日]</div>
<div class="2">[スタッフ]</div>
<div class="2">シナリオ:[シナリオ] グラフィック:[グラフィック] システム:[システム] 総合:<B>[総合]</B></div>
<div class="2">長所:[長所]  短所:[短所]</div></TD>
<TD class="line"><div class="1">[感想]</div><div class="2">[関連]</div></TD></tr></table>
<div class="center"><IMG src="[画像]" alt="©[製作](持ち出し厳禁)"></div>
</body></html>
CSVデータ例
フリガナ,題名,副題,製作,スタッフ,発売日,感想,コーナー,Win版,シナリオ,グラフィック,システム,総合,種別,一言,長所,短所,公開日,リンク,画像
ロマンスハケンノカガヤキツー,ロマンスは剣の輝きⅡ,,F&C(フェアリーテール),原画:なかむらたけし シナリオ:石川洋一,発売日:1999/12/22 ,世にも珍しいR指定(15歳未満不可)作品。RPG+恋愛物。イベント達成型。・・・,W,,4,6,4,5,(R指定),RPG,・・・絵?,システム,2002/6/19,romance2.html,romance2.jpg
ページの先頭に戻る
今日:100昨日:274合計:2507498 Copyright 1998.2.6-2015.廃虚碑文