KGussan Webpage

[トップページ] [星雲紀行] [MLXS] [WPGen] [自作音楽] [モデル] [vi/vim] [tips] [自己紹介]

WPGen (開発者向けウェブページ生成textutils スクリプト)

このページは

ウェブページ開発者、シェルスクリプト経験者の方向けのツールWPGen のページです。
ウェブページを生成するtextutils 用のプログラムのTIPS について記載しています。
このページは、フィードバック収集のためのアルファ版です。

このページはこのスクリプトによって作成されています。
textutils を用いてメニューが付いたhtml など、ヘッダ、フッタをつけたhtml コードを生成できます。

Emacs のhomn みたいにWiki のローカル版のような感覚で自分用のメモに使うと便利です。

textutils 環境を持っている人は便利な場面もあるかもしれないと思って公開します。

後ほど時間が出来たときに、 Windows のプログラムやperl などに移植するかもしれません。

[content]

動作環境

WindowsXP、cygwin 上のbash で動作させています。
textutils で作成しているためlinux やminggw でも動作可能なはずです。
また基本的なシェルコマンド群を使用していますので、シェルも問わないと思います。

動作確認したプラットフォーム

cygwin

動作確認したシェル

bash
csh

[content]

プログラムファイル

中身はテキストファイルです。

wpgen-2.6.0.sh
時間単位生成オプション追加。
分単位生成オプション追加。
データディレクトリの削除・再生性オプション追加。
wpgen-2.5.0.sh
バージョン表示オプション追加。
トップページのみ生成オプション追加。
経過表示追加 [i/TOTAL]。
wpgen-2.4.0.sh
更新日時をすべて・月・週・日で指定可能にした。
引数を一つ取得する。
wpgen-2.0.0.sh
実行時間を表示させるようにした。

[content]

実行方法

下記ディレクトリ構成を作成する。
lib ディレクトリにヘッダ・フッタ・メニューをhtml で記載する。
src ディレクトリにコンテンツの内容をhtml で記載する。
プログラムのルートのディレクトリでwpgen.sh を実行する。
$ ./wpgen.sh
pc ディレクトリに統合版のウェブページの出力ができる。
frame ディレクトリにフレーム版のウェブページの出力ができる。
その他好きな形式の出力も上記の方法で作成してください。

[content]

実行結果

このページ全体が出力結果です。

コンソールへの出力は以下。

# ./html-gen.sh:######## start generating moved-page ########
# ./html-gen.sh:generating moved-page
# ./html-gen.sh:######## end generating moved-page ########
# ./html-gen.sh:######## start generating pc ########
# ./html-gen.sh:generating index.html
# ./html-gen.sh:generating pc/ImageFormat.html
# ./html-gen.sh:generating pc/aa.html

,,,

# ./html-gen.sh:generating pc/winenv.html
# ./html-gen.sh:generating pc/xml.html
# ./html-gen.sh:######## end generating pc ########
# ./html-gen.sh:######## start generating frame ########
# ./html-gen.sh:generating index.html
# ./html-gen.sh:generating menu.html
# ./html-gen.sh:generating top.html
# ./html-gen.sh:generating frame/ImageFormat.html
# ./html-gen.sh:generating frame/aa.html
# ./html-gen.sh:generating frame/au.html

,,,

# ./html-gen.sh:generating frame/xml.html
# ./html-gen.sh:######## end generating frame ########
20060326_21:36

Pentium4 DualCore Memoey1GHz のマシンでcygwin 上でtime コマンドを使ってみた結果は以下。

real    0m21.412s
user    0m24.407s
sys     0m14.946s

[content]

プログラム

ディレクトリ構成

このウェブページの構成を例にディレクトリ構成例です。
このままでなくとも大丈夫です。

webpage]$ tree -d .
|-- backup (バックアップ用)
|-- data (雑多なデータ用)
| |-- docs
| |-- flash
| |-- flash_seasight1
| |-- html
| |-- java
| |-- models
| |-- picture
| |-- program
| |-- vi
| `-- windows
|-- frame (フレーム版ウェブページ出力ディレクトリ)
|-- lib (ライブラリ用ディレクトリ)
|-- pc (統合版ウェブページ出力ディレクトリ)
|-- src (ソース用ディレクトリ)
`-- trash (ゴミ箱)

18 directories

# このウェブページをwget していただくとまる分かりです。

[content]

ソースコード

参考にプロトタイプのバージョン1.2 を記載。
最新版は実際のスクリプトを参照してください。

 1  #!/bin/sh
 2  #$Id: wpgen.sh,v 1.2 2006/03/23 13:42:11 kgussan Exp $
 3  #notice:
 4  #- cygwin requires shift-jis encoding in shell script.
 5  #- cygwin requires \\ as escape sequence instead of \.
 6  #================================================================
 7  target_dir=""
 8  prefix_dir=lib
 9  suffix_dir=lib
10
11  ################ generate pc webpage ################
12  # 3line page, no frame
13
14  target_dir="pc"
15  echo "# $0:######## start generating ${target_dir} ########"
16  #### generate index.html ####
17  echo "# $0:generating index.html"
18  cat ${prefix_dir}/${target_dir}-header  >   ${target_dir}/index.html
19  cat lib/menu.html                       >>  ${target_dir}/index.html
20  cat ${prefix_dir}/${target_dir}-left    >>  ${target_dir}/index.html
21  cat lib/top.html                        >>  ${target_dir}/index.html
22  cat ${suffix_dir}/${target_dir}-footer  >>  ${target_dir}/index.html
23  #### generate content's html ####
24  for filename in src/*; do
25  filename_out=${filename#src/}
26  echo "# $0:generating ${target_dir}/${filename_out}"
27  cat ${prefix_dir}/${target_dir}-header  >   ${target_dir}/$filename_out
28  cat lib/menu.html                       >>  ${target_dir}/$filename_out
29  cat ${prefix_dir}/${target_dir}-left    >>  ${target_dir}/$filename_out
30  cat ${filename}                         >>  ${target_dir}/$filename_out
31  cat ${suffix_dir}/${target_dir}-footer  >>  ${target_dir}/$filename_out
32  done
33  echo "# $0:######## end generating ${target_dir} ########"
34
35
36  ################# generate frame and mobile webpage ################
37  # 2line page, frame, requires menu.html
38
39  target_dir="frame"
40  echo "# $0:######## start generating ${target_dir} ########"
41  echo "# $0:generating index.html"
42  cp lib/index-frame.html ${target_dir}/index.html
43  echo "# $0:generating menu.html"
44  echo "<base target=\"main_frame\">"     >   ${target_dir}/menu.html
45  echo "<H2> <small>menu</small> </H2>"   >>  ${target_dir}/menu.html
46  echo "<small>"                          >>  ${target_dir}/menu.html
47  cat lib/menu.html                       >>  ${target_dir}/menu.html
48  echo "</small>"                         >>  ${target_dir}/menu.html
49  echo "# $0:generating top.html"
50  cat ${prefix_dir}/${target_dir}-header  >   ${target_dir}/top.html
51  cat lib/top.html                        >>  ${target_dir}/top.html
52  cat ${suffix_dir}/pc-footer             >>  ${target_dir}/top.html
53  #### generate content's html ####
54  for filename in src/*; do
55  filename_out=${filename#src/}
56  echo "# $0:generating ${target_dir}/${filename_out}"
57  cat ${prefix_dir}/${target_dir}-header  >   ${target_dir}/$filename_out
58  cat ${filename}                         >>  ${target_dir}/$filename_out
59  cat ${suffix_dir}/pc-footer             >>  ${target_dir}/$filename_out
60  done
61  echo "# $0:######## end generating ${target_dir} ########"
62
63  # display time at end.
64  date +%Y%m%d_%R
65
66  #================================================================