現在位置:

  1. ホーム
  2. 技術情報

カウベル・コーポレーションのサイトをより深く知りたい方に、当サイトを支える技術について説明します。このページに記載の情報は主に

  • 企業や団体などのウェブ担当者
  • デザイナーやマークアップエンジニアなどのウェブ制作者

向けの内容となっていますので、あらかじめご了承ください。
(カウベル・コーポレーション 森川徹志 @tecking

「無料で使用可」「簡単更新」「高い拡張性」でWordPressを採用

当社サイトは2000年に開設、以下のような過程を経て現在に至っています。

  • 第一世代:2000年~2004年……テーブルレイアウトでの構築
    (主として静的コンテンツ 動的コンテンツの生成にはPerlを採用)
  • 第二世代:2004年~2008年……XHTML+CSSによる構築
    (MovableTypeによるブログの組み込み 動的コンテンツ生成にはPHPとPerlを採用)
  • 第三世代:2008年~……WordPress導入で全面リニューアル

WordPressは、GPLライセンスで配布されているオープンソースのコンテンツ管理システム(CMS)。2003年にバージョン0.7.1がリリースされて以降、着実にバージョンアップと機能追加を重ねているソフトウェアです。

2009年10月の『WordCamp Kyoto 2009』での発表によると、バージョン2.8.xのダウンロード数は全世界でのべ690万回以上。『WIRED.com』のブログや『ガジェット通信』、『TechCrunch』、ロイターのブログなど、WordPressで構築されているサイトは枚挙にいとまがありません。

そのような特徴をもつWordPressを当社のサイト構築に導入した理由は、以下の3点に集約できます。

無料で使える
WordPressそれ本体は、いつでも、だれでも、どこでも無料で使えるソフトウェアです(構築にかかるデザイン料やサーバのレンタル料などは除く)。「商用利用は有料」「ユーザー(書き手)の数が増えると金額も上がる」といったライセンスでのCMSにはない特徴であり、大きな魅力です。ただし「無料=利用は自己責任で」ということでもあるので、利用についての見極めは必要でしょう。
(当社では、有償にて初期構築・運用サポートの業務を行なっています)
簡単に更新できる
当然のことながら、全ページのコンテンツ(記事内容)がブラウザで一元管理できます。日常的な運用においては、コンテンツ以外の追加・更新・削除に苦労する必要はありません。これは、WordPressが「あらかじめ決めておいたデザインテンプレートに対し、コンテンツをリアルタイムに組み込んでページを生成する」という仕組みをとっているからです。
拡張が容易である
WordPressのデザインテンプレートは、いくつかのPHPファイル(*.php)で構成されています。デザインテンプレートには、WordPress側で用意されている「テンプレートタグ」のほか、PHPの命令を直接記述することも可能。無料で使えるプラグインも世界中の愛好家により作られており(2009年10月現在で約6900個)、多彩な機能拡張ができるようになっています。

当サイトの機能を実現しているプラグイン群

導入理由の三つめに挙げたプラグインについて、もう少し詳しく紹介します。当サイトを構築するにあたり、主に以下のようなプラグインを導入しました。

  • Akismet……スパムコメント・トラックバック等の排除(標準搭載)
  • Breadcrumb NavXT……パンくずリストを生成
  • Dagon Design Sitemap Generator……サイトマップを生成
  • Get Recent Comments……サイドバー等に「最近のコメント」を表示
  • Google XML Sitemaps……GoogleやYahoo!、Bingなどのクローラに対応するサイトマップファイル(.xml)を生成
  • Ktai Style……携帯電話向けサイトの生成
  • Live Comment Preview……ブログのコメント欄にて、フォームへの入力内容をリアルタイム表示
  • My Page Order……ページの並び順を任意で変更可能に(サイトマップ作成に有用)
  • Search Regex……記事本文の検索と置換を可能に(正規表現対応)
  • Twitter Tools……Twitterへのポストをサイト内に表示
  • WordPress Database Backup……記事本文を定期的に自動バックアップ
  • WordPress Media Flickr……Flickr上の画像を投稿に挿入する際に有用
  • WP-Sticky……公開日に関係なく、任意の記事を最上位に表示可能に
  • WP-Syntax……記事本文でPHP等のソースコードを載せる際に有用
  • WP Multibyte Patch……マルチバイト文字の取り扱いに関する不具合の累積的修正と強化(日本語版に標準搭載)
  • Yet Another Related Posts Plugin……ブログ内のある記事に関連するページへのリンクを自動生成

これらのプラグインにより、当サイトのさまざまな機能を実現しています。

jQueryによりCSS3のセレクタを一部導入

当サイトの構築においては、XHTML1.0 Transitional DTD+CSS2.1にのっとったマークアップを行ないました。さらに、jQueryによってCSS3のセレクタも一部導入し、テキストの行間や表組のカラーリングなどをより細かく指定しています。

なお、jQueryの導入により以下のような機能も実装しています。

  • スムーススクロール(jquery.scrollTo-min.js)
  • ニュースティッカー(jquery.innerfade.js)
  • アコーディオンリスト
  • 画像の拡大表示(Shadowbox)

ご質問について

ご質問などございましたら、ページ下部の「お問い合わせフォーム」をクリックしてメールをお送りいただくか、Twitterにて @tecking あてポストいただければ幸いです。可能な限り、お答えしたいとおもいます。

以下のページに関連した情報があるようです