エントリー

2012年02月06日の記事は以下のとおりです。

タナウツサイト本家の全面リニューアル裏事情

2012年2月5日付で全面的にリニューアルされたタナウツサイト本家。
実は今回のサイト更新は、いわゆる「手作業」で行ったのではなく、HTMLファイルを全て自動生成させる専用のツールを動作させて実現させたものなんですよね。
ブログや掲示板、サイト内&リンク登録検索エンジンなどは、ネット上で公開されているフリーのCGIをダウンロードしてカスタマイズしたものを使っているのですが、今回の専用ツールは全て私が1からオリジナルで作成しています。

今回のサイトリニューアルを決断した理由は主に2つあります。
ひとつ目は、サイトを更新するに際しての労力と手間があまりにも煩雑になりすぎていること。
たとえば、過去ログが溜まってきたということで新規にHTMLファイルをタナウツサイトで作ろうとすると、以下のような手順が必要となるんですよね。

過去ログを収録するHTMLファイルの作成と編集

作成したHTMLファイルに隣接するファイルにリンクを追加

作成したHTMLファイルを参照する一覧ページにもリンクを追加

更新履歴ページに新しい履歴内容を記載

サイトトップを編集

2つのRSSファイルにも更新内容を記載

作業自体は既に長年行い続けていて半ばマニュアル化されていることもあり、そんなに難しいものではないのですが、更新の度にいちいち上記手順を実行するための手間と時間が正直面倒でならなかったんですよね。
また、一連の更新手順は「手作業」でやっていることもあり、手順が漏れてしまってリンクを貼り忘れたり、間違ったURLとリンクしてしまったりなどといったミスもしばしばあり、整然とした綺麗なレイアウトを構築したい私としてはこれも悩みの種になりました。
しかもそういうミスは、一度見逃すとなかなか気づかないものだったりしますし(T_T)。
過去ログ投稿自体の改行修正などの最低限な編集作業を行った後は、一連のファイル編集手順を全て自動的に、かつノーミスで行えるようにはできないのか?
そう考えたのが、プログラム作成を考えるようになった最初のきっかけでした。

そして2つ目は、サイトのレイアウトそのものが旧式化してきたことにあります。
2012年2月5日更新前のタナウツサイト本家HTMLレイアウトの基本フォーマットは、2002年に構築して以来、ほとんど変わることがなかったんですよね。
私がタナウツの2代目管理人になってからは、ページのタイトル部分などに若干の手を加えたり、サイトトップのデザインを変更したりして申し訳程度のメンテナンスを重ねてきたのですが、基本フォーマットそのものはほとんど変わることがなかったのです。
しかし2002年から時代は進み、HTMLのレイアウト形態も大きく変わってきました。
ブログなどのようなテンプレートデザインが主流になり、また企業などのサイトレイアウトなども、より洗練された技術やデザインが登場するようになったわけです。
一番大きな問題は、サーチエンジンからの検索による来訪者が増大した結果、サイトトップではなく、検索に引っかかったサイトの末端ページなどからタナウツにアクセスしてくるユーザーが増えたことです。
そうなると、これまでのサイトレイアウトでは、今アクセスしているページがタナウツである、という基本的な情報すらもユーザーに対して満足に提供できていない状況が発生することにもなりかねないんですよね。
タナウツサイト内のどのページからアクセスしても、そこがタナウツであることを来訪者が理解することができるサイトレイアウトを再構築する必要に迫られたわけです。

専用ツールはMicrosoft AccessのデータベースとVBAを元に作成しています。
Accessは以前から仕事で使っていたこともあって慣れているというのが何よりも大きかったですし、タナウツの過去ログデータを全てデータベース化した方が管理もよりやりやすくなるという事情もありました。
その実績も既に、5代目掲示板を立ち上げる際に初代~4代目掲示板までの全過去ログをHTML化して公開した前例がありましたし。
まあ、Accessを使ってサイトを管理運用しているケースなんて、かなりの少数事例ではあるのでしょうけどねぇ(苦笑)。
それでも専用ツールの構築に当たっては、Accessだけでなく最新のHTMLの知識も必要だったこともあってかなりの苦戦を余儀なくされましたが、まあその苦労に見合った成果を出すことはできたのではないかと自負しております。

さて今回、サイト更新の専用ツールを作るに当たって、私は大きな達成目標を2つ掲げました。
ひとつは、作成するページのほぼ全てが「Another HTML-lint」の文法チェックで最低でも95点以上、サイトトップなどの主要ページでは100点満点を獲得できるようにすること。
ふたつは、「Facebookいいね!ボタン」などのSNS連動ボタンやブックマーク送信ボタンを必ず導入すること。
実は普通にサイト構築をやっていたら、この2つを同時に達成するのはほぼ不可能だったりします。
何故この2つの目標の同時達成が困難を極めるのか、そして私はその命題をどう乗り切ったのか?
それについてはまた別の機会に語ってみたいと思います。

ページ移動

  • 前のページ
  • 次のページ
  • ページ
  • 1

ユーティリティ

2012年02月

- - - 1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 - - -

検索

エントリー検索フォーム
キーワード

ページ

  • ページが登録されていません。

新着画像

新着トラックバック

Re:デスクトップパソコンの買い換え戦略 ハードウェア編
2024/11/19 from ヘッドレスト モニター 取り付け
Re:映画「マーガレット・サッチャー 鉄の女の涙」感想
2014/11/27 from 黄昏のシネマハウス
Re:映画「プリンセストヨトミ」感想
2014/10/22 from とつぜんブログ
Re:映画「ひみつのアッコちゃん」感想
2014/10/19 from cinema-days 映画な日々
Re:映画「崖っぷちの男」感想
2014/10/13 from ピロEK脱オタ宣言!…ただし長期計画

Feed