こんにちは、エンジニアの坂口です。
キャッチアップでは、企業サイトやサービスサイトの構築に オープンソース「baserCMS」 を活用しています。
普段、私たちは当たり前のようにWebサイトを見ています。
でもその裏側では、情報を表示する仕組みや、更新しやすくするための仕組みが動いています。
「CMSってよく聞くけど、実際は何をしているの？」
「Webサイトって、どんな流れで作られているの？」
この記事では、そんな疑問を持つ方に向けて、Webサイト制作の全体像と baserCMS の役割を、できるだけわかりやすく紹介します。
CMSとは？
CMS は、専門的な知識がなくてもWebサイトを更新しやすくする仕組みです。
正式には「Contents Management System（コンテンツ管理システム）」と呼ばれます。
通常、Webサイトの内容を変更するには、HTML やプログラムの知識が必要になることがあります。
たとえば、テキストを少し修正するだけでも、ソースコードを開いて編集し、サーバーへ反映するといった作業が必要です。
一方で CMS を使えば、管理画面にログインして、ブラウザ上から内容を更新できます。
たとえば、次のような作業です。
- お知らせの追加・修正
- 画像の差し替え
- ブログ記事の投稿
- 固定ページの編集
こうした更新を社内で行えるようになると、ちょっとした修正のたびにエンジニアへ依頼しなくてもよくなります。
その結果、情報発信のスピードも上げやすくなります。
つまり CMS は、更新しやすいWebサイトを支える土台だといえます。
WebサイトでのbaserCMSの役割
baserCMS は、企業サイトに必要な機能を柔軟に組み込みやすいのが特長です。
Webサイトは、見た目だけでは成り立ちません。
一方で、データだけあっても、そのままでは見やすいWebサイトにはなりません。
そこで必要になるのが、デザインと情報をつなぐ仕組みです。
その役割を担うのが baserCMS です。
デザインとデータの関係を図で表すと、次のようになります。
閲覧する人にとっては見やすく、運用する人にとっては更新しやすい。
その両方を実現しやすくするのが baserCMS の強みです。
また、企業サイトでよく必要になる次のような機能も構築しやすくなります。
- お知らせ
- 実績紹介
- お問い合わせフォーム
このように、baserCMS は単にページを並べるためのものではなく、運用しやすい企業サイトを作るための基盤として活用できます。
少しだけ内部構造の話
baserCMS は、PHPフレームワークの CakePHP をベースに構築されています。
内部では主に、MVC（Model・View・Controller）という考え方で動いています。
- Controller：処理の流れを制御する
- Model：データを扱う
- View：画面を表示する
それぞれの役割を分けて設計することで、機能追加やデザイン変更がしやすくなります。
そのため、短期的な制作だけでなく、公開後の改善や長期的な保守にも向いています。
Webサイト制作の流れ
ここからは、実際にWebサイトがどのような流れで作られるのかを見ていきます。
① 要件整理
まずは目的やターゲット、必要な機能を明確にします。ここが曖昧だと、後工程で方向性がぶれてしまいます。
② デザイン制作
UI やレイアウトを設計し、ブランドイメージを形にします。この段階では、まだ更新機能はありません。
③ baserCMS組み込み
デザインを Web 化し、更新可能な箇所を管理画面と連携させます。ここで初めて「運用可能なサイト」になります。
④ テスト
表示確認、フォーム動作確認、管理画面の操作確認などを行います。品質を担保する重要な工程です。
⑤ 公開
本番サーバーへアップし、インターネット上に公開します。
⑥ 運用
公開後もコンテンツ更新や改善を継続します。CMS は「作って終わり」ではなく、「育てていくための仕組み」です。
まとめ
baserCMS は、情報発信を支える基盤です。
ただWebサイトを作るだけでなく、更新しやすく、育てていける仕組みづくりにも活用できます。
私たちは、単にWebサイトを制作するのではなく、更新しやすく、成長し続けられる仕組みを大切にしています。
さらに、AI を活用することで、記事案の作成や原稿の整理、日々の更新業務の負担軽減にもつなげられます。
baserCMS と AI を組み合わせることで、制作から運用まで、よりスムーズな情報発信が可能になります。
Web制作やCMSの仕組みに興味がある方は、ぜひ一緒に、より良いWeb活用を考えていきましょう。
