鳥取県産業技術センターオンラインホームページ作成システムの開発
Development on New website of Tottori Institute of Industrial Technology

福谷武司・伊達勇介・中野 陽
Takeshi Fukutani, Yusuke Date and Hiroshi Nakano
鳥取県産業技術センターの地方独立行政法人化にあわせて、新規ホームページの開設を実施した。これにあたり、従来のインストール方式のホームページ編集ソフトによるページ作成方法から、オンライン編集プログラムを開発し、これを用いることによって、センター内のＬＡＮ上であれば、どこからでも編集が可能なシステムを構築した。これにより、編集作業がスムーズになり、機器利用情報など、従来であれば、大量に発生するデータの管理に労力を取られ、着手への障壁になっていたが、これを完全に解決した。
また、雛型を１つ用意すれば、複製作業により作成が可能であるため、作業を複数人で分担しても、出来上がり品質の平準化と作業性向上をもたらすことができた。

1. はじめにく必要がある。ここではそれらを解決した作成手法の近年、ホームページ周辺技術の発展はめざましく、概要を述べる。

ホームページを単に公開するのではなく、その作成形態を様々な手法で改良し、高付加価値を生んでいる例

2. オンラインホームページ編集システム

が多数見受けられる。古くから用いられているものと2.1 マシン構成
作成したオンラインホームページサーバの構成は、して、公開掲示板というものがある。これは、情報交以下の通りである。

換のために、ユーザーそれぞれが、文字によるコミュ・ PCニケーションを行うものである。このような掲示板は(IntelPentium2/300MHz,

手軽である反面、画像や表を添付することはできない

ﾒﾓﾘ 384MB,HDD:80GB)×１台ため、情報交換や情報共有に不十分さを感じることも・ LinuxOS(FedoraCore 4)少なくない。

・ Apache 2.0.54

ブログ（オンライン上に公開できる日記）、ＳＮＳ（ソーシャル・ネットワーキング・システム：ブログと掲

・ PHP 5.0.4

示板を融合させ公開／非公開が自分で決められる改良

・ MySQL 4.1.11を加えた新方式の情報交換／共有システム）、Ｗｉｋｉ・ FCKeditor 2.5.1（ウィキ：ＭｅｄｉａＷｉｋｉに見られるような、時旧型マシンにメモリを増設し、その上で動作するＬ

系列な書き込みではなく、情報共有を主目的とした不ｉｎｕｘをインストール、ローカルＷｅｂサーバとし特定多数が読み書きできるシステム）、ＣＭＳ（コンテて稼動させている。今回のソフトウェアは、ＦＣＫｅ

ンツ・マネジメント・システム：Ｗｉｋｉ的な情報共ｄｉｔｏｒという、クライアントサイドのホームペー有ができる手軽さに加えて、ホームページらしいレイ

ジ技術であるＪａｖａＳｃｒｉｐｔの応用手法である、アウトとページ管理機能を付加したシステム）といっＡＪＡＸ（エイジャックス）を使用している。ＦＣＫた一連のホームページ技術をベースとしたシステム群

ｅｄｉｔｏｒの機能により、インストール方式のホーがある。どのシステムも外観を手軽に変更するようにムページ編集ソフトと同じようなＷＹＳＩＷＹＧ（ウはなっておらず、既成のレイアウトを使うことで、思ィジウィグ：Ｗｈａｔ Ｙｏｕ Ｓｅｅ Ｉｓ Ｗｈ

い通りのホームページを作成するためには、項目種類、

ａｔ Ｙｏｕ Ｇｅｔの略。文字ベースの編集とは異メニュー分類、レイアウトなどの問題点を解決していなり、文字色、絵や文字の配置など、装飾状態の見た32

ままで編集できる機能）方式のレイアウト編集ができこの点を解決するために、動的ホームページは内部る。編集後のＨＴＭＬコードと画像はＰＨＰにより、ＬＡＮでのみ作成し、外部サーバには従来通り静的ホＨＴＭＬ言語ごとＭｙＳＱＬにデータベースに書き込ームページとして公開することとした。これにより、まれる。ＨＴＭＬタグの記載により表示指示された画従来並のセキュリティが保たれた。

像や添付ファイル等はファイルとして、特定のディレ動的ホームページを静的ホームページに変換するにクトリに保管される。完成したホームページの画面構は、次の２つの作業が必要となる。

成を図１、装置の外観を図２に示す。
・ ホームページアドレスの拡張子の変更
・ 動的ホームページの静的ホームページ化 （ハードコピー）

前者については、Ａｐａｃｈｅ（ホームページサーバ）の機能である、「.htaccess」ファイルに特定の記述をすることで実現できる。後者については、Ｌｉｎｕｘのホームページ巡回・ダウンロードソフトとして標準的にインストールされているｗｇｅｔを用いた。ホームページのアップロードをｗｉｎｄｏｗｓのｆｔｐで行う関係上、Windows 版のｗｇｅｔをインストールの上、ｗｓｈ（Ｗindows Ｓｃｒｉｐｔｉｎｇ Ｈｏｓｔ）による自動スクリプトを作成し、非常に多くのページであっても、一度起動して放置しておけば、アップロード用のハードコピーができるようにした。
var WShell = WScript.CreateObject("WScript.Shell");var gwMember = new Array(1,2,3,4,5,6,7,8,9,10,11,12,13,14,15);

図１ 画面構成

for(i in gwMember)
WShell.Run("wget-p-r--level=1
http://10.18.1.89/~t-sgc/contents07/category-"++".html", 1, true);-nH-N
gwMember[i]図３ ハードコピー実行コード

2.2 外部公開にともなうセキュリティ防御策
今回、オンライン編集システムにするにあたり、外（これにより１５ページ分が作成される）部公開サーバに従来公開していた、静的ホームページ

こうして、できあがったハードコピーをフリーのＦから、動的ホームページに移行した場合、セキュリテＴＰソフト「ＦＦＦＴＰ」により、従来のホームペー

ィ面で多少なりとも脆弱性をはらむ危険性があった。

ジと同様にアップロードすることで、ホームページの更新を実現した。

3. 編集方法
実際のページの編集方法を以下に示す。
１）編集したいページに移動する。
２）左下隅のマークをクリックする。

３）すると、次のような画面が出て、ユーザ名とパスワードが入力できるようになる。

図２ 装置外観33

従来の方法だと、リンクから、提供情報のページを別ウィンドウを開いて表示する構成になっており、レイアウトが散逸し、非常に粗雑な印象を与えていた。
これを、提供情報をページ本体に格納して表示するようにしたため、レイアウトに統一感が生まれた。
(3)編集工数の低減
他のホームページや、ワード、エクセルのファイル

図４ ログイン画面もそのままコピーペーストができるため、非常に迅速にホームページを作成できるようになった。
(4)更新間隔の短縮化

４）すると、編集画面に移行し編集が可能になる。

編集工数の低減により、編集意欲にも影響し、更新間隔が短縮化された。最新情報の更新ページ数は前年比１．５倍となった。
(5)セキュリティの維持前章でも触れたが、外部からは静的ホームページのままであるため、サーバレベルでのセキュリティを確保できたほか、内部的にも、ホームページ更新のためのパスワードは、ｆｔｐパスワードと別管理にしているため、ホームページを更新するために管理者用のパスワードを情報提供者に教えなければならないという事態が回避できた。

図５ 編集画面
５）(6)公開前レビューの実現

マークをクリックすると、編集画面が保存されファイルアップロードによる外部公開前に内部サーる。

バでレビューできるため、事前修正が可能である。今（逆にクリックしないと、それまでの編集が保存され回のホームページ公開前に、ホームページコンテンツないので、編集前の状態に戻すことができる。
）の検討を行ったが、この際にメニュー構成やレイアウ
ト、色使いなどを企画室へレビューする機会を持ち、4. システム利用によるメリット修正を実施した。従来であれば、このようなホームペ当システムによるメリットは次のようなものである。
(1)ホームページ担当者への負担軽減

ージの実際のイメージとまったく同じ外観でレビューすることはできず、アップロードしてから修正するし更新が誰にでも可能であるため、ホームページで情かなかったが、今回は非常にスピーディーに作業を終報提供したい者がページの作成を行うことが可能となえることができた。

った。従来、ページの作成にあたっては、情報提供者(7)費用がかかっていないは通知文程度の情報を提供するのみで、レイアウト等

通常、このようなオンライン編集システムを発注すはホームページ担当者に任されていたため、非常に作れば、１００万円前後の案件であるが、今回はシステ業負担が大きかった。ここが改善され、ホームページ

ム自作、サーバソフトはＬｉｎｕｘで無料、ＰＣは廃担当者の負担が軽減した。

品利用に近い形であるため、実質の費用は０円である。

(2)レイアウトの統一性

34

5. まとめ
このように、ホームページ業務の低減と作業効率の向上を目指して開発したオンライン編集システムではあったが、ページ作成の効率化により、更新間隔の短縮もさることながら、保有機器の個別紹介ページをも勢力的に作成するなど、このシステム構築にともなうメリットは非常に大きいものがあった。また、フリーのアクセス解析ソフトなどにより、約１５００ビュー／月のアクセスがあることもわかり、その内容は、毎月レポートを作成した。現在は、このシステムはその役割を商用ＣＭＳに譲っているが、このシステムを作成することにより得たプログラミングの知識や経験は、今後さらに発展させることで、ホームページというＰＣかＭＡＣというような機種の垣根を越えた共通ＵＩ（ユーザーインタフェース）をもたらすメリットを生かしつつ、通常のホームページではできない、ハードウェアや画像処理等との連携をも可能とする応用アプリケーションの開発研究を今後実施予定である。

文 献1)星野 努：いますぐ導入！ＰＨＰ＋ＭｙＳＱＬで作る最速Ｗｅｂシステム,株式会社技術評論社,(2006)
2)田中秀樹：はじめてのＦｅｄｏｒａＣｏｒｅ４,ソフ
トバンクパブリッシング株式会社,(2007)
3)FCKeditor ホームページ,http://www.fckeditor.net/

35