それは一枚の HTMLファイルからはじまった

作成者 Satoshi -- 2009年01月13日 21時50分

皆さんがご覧になっているこのサイト。実は、既に公開しているサイトでありながらも現在進行形で開発を進めています。そう。今でも。

通常なら、

  1. Web製作の会社に依頼
  2. サイトの内容決め
  3. デザイン決め
  4. CMS開発 or HTML作成
  5. テスト
  6. 納品され、ようやく公開

って流れで、開発がスタートして 1ヶ月ほどたって ようやくサイトが公開となります。もちろん、今までどおりのそんな開発で悪いところは何もないと思います。だけど、思い立った日から 1ヶ月もたってサイトを公開しても、もうその時には思い立った時の情熱も消えているかもしれません。もしかしたら、他社に同じようなサイトを先に立ち上げられてしまうかもしれません。

思いったらその日にドメイン取って、サーバーセットアップして、 rails コマンドでアプリケーションの土台を作って、HTMLファイルを作成して。Google にサイトマップを送信して。これでその日のうちにサイトが立ち上げられるんです。というより、このサイト(GraFun.biz)がまさにその状態なのです。

このサイトがどのように作成されたのかを簡単に紹介してみたいと思います。

(フェーズ 1) おもいたったその日にサイト完成

12月30日の昼頃、 どうしても今年中に立ち上げたかった、Ruby on Rails でのシステム開発の専用サイト が心残りになり、 rake grafun-biz を実行。 index.html に色々と書いて Subversion に commit。そんで deploy。約6時間の事でした。この後すぐに Redmine にプロジェクトを作成しました。

次の日の朝には スタイルシートもほぼ出来上がり、今の原型となるサイトデザインが出来上がりました。
もちろん、この時点では TOPページがあるだけの簡単なサイトです。ですがせっかく作ったものですから、Google の ウェブマスターツールを使って、その日のうちにサイトを登録しました(一応、SEOは意識しています。が、これは結果をみながら色々と試してみたいと思っています)。

(フェーズ 2)ページ、お知らせ、ブログエントリ管理機能の作成

12月31日の朝、CMSの基本機能を実現したいと思い generate scaffold で page, post, blog(今頃気づいたが、blog よりも blog_entry のようなもののほうが良かったな) を作ります。さらに、認証機能は restful_authentication プラグインを用いて簡単に実装してしまいました。さすがに元旦はお休みにしましたが、2日には完成しています。

トップページにある管理画面のスクリーンショットは、この時点のものです。このあと平日の空き時間にちょこちょこっとコンテンツを作ったりしていました。

(フェーズ 3)ページ切り替え、コメント機能等の実現

1月第二週目の3連休。することが無いわけでは無いのですが、どうしても早い時点で実現したかったブログのタグ機能とページ切り替え機能、コメント機能を実装しました。コメントスパムを極力減らすために、コメント投稿では画像認証を利用しています。

(フェーズ4)今現在

CodeRay対応(仮対応済み)と、カテゴリ対応、トラックバック対応がメイン。とりあえずテストをまじめに書かないとダメですね。だいぶ機能が増えてきましたので。
あとは、コンテンツの状態を保存できるようにして、未公開のコンテンツは一般ユーザには見せないようにしようと思っています。今は下書きの状態で保存が出来ない。保存したら即公開状態です。

管理メニューが無いのもつらいですね。 URL を直接入力すれば管理画面になるんですけど。

今、だいたいこんなところです。今後もまだまだ開発を進めながら、このサイトを充実したものにしたいと思っています。

ブックマークリンク: それは一枚の HTMLファイルからはじまった.. を含むブックマーク はてなブックマーク - それは一枚の HTMLファイルからはじまった この記事をクリップ! Buzzurl(バザール)でブックマーク Buzzurl(バザール)でのブックマーク数

2 件のコメント

ちなみに、フェーズ1 で、「Ruby on Rails」を「Ruby on Rasils」ってタイプミスしてしまったので、Google や はてなブックマークに間違ったまま登録されてしまいました。

Satoshi 09-01-13 21:57

最近は、管理画面も充実してきました。このへんの話はいずれまた。

Satoshi 09-01-29 17:30

(必須)

(必須)


(必須)

コメント本文を入力してください。HTMLは使えません。

(必須)
simple_captcha.jpg
画像に書かれた文字を入力してください

キャンセル