---

「Site Making System – Builder」誕生

ホームページを作りたい。

でも、

「HTMLが難しい…」
「CSSがよくわからない…」
「業者に頼むと高い…」
「少しだけ修正したいのにできない…」

そんな悩みを解決するために開発したのが、

Site Making System – Builder（サイトメイキングシステム・ビルダー）

です。

これは、

“誰でもホームページが作れること”

を目的に開発した、

新しいWebサイト制作システムです。

---

Site Making System – Builderとは？

Site Making System – Builder は、

パーツを積み上げながらWebサイトを作るシステム

です。

難しいコードを書く必要はありません。

Header（ヘッダー）、画像、文章、CTA（お問い合わせ）、Footer（フッター）など、

必要なパーツを選んで追加していくだけで、

ホームページを構築できます。

しかも、

HTML / CSS / JavaScript に対応した本格的なシステム

となっており、

初心者だけでなく、

Web制作会社や企業でも活用できる仕様になっています。

---

このシステムの特徴

1. HTML初心者でも使える

一般的なWeb制作では、

HTMLやCSSの知識が必要になります。

しかし、

Site Making System – Builder では、

パーツを追加しながらサイトを組み立てる方式を採用。

難しいプログラム知識がなくても、

ホームページを作ることができます。

---

2. ソースコードが超わかりやすい

生成されるHTMLは、

初心者でも修正しやすいよう、

自動でコメント区切りが入ります。

例：

<!---header start------>
ここにヘッダー内容
<!---header end------->

<!---nav start------>
ここにナビゲーション
<!---nav end------->

<!---main start------>
ここに本文
<!---main end------->

<!---footer start------>
ここにフッター
<!---footer end------->

これにより、

「少しだけ修正したい」

「業者に依頼する前に自分で直したい」

という方でも安心です。

まるで説明書付きのHTMLのような感覚で扱えます。

---

3. スマホ対応（レスポンシブ対応）

今やホームページ閲覧の多くはスマートフォンです。

このシステムでは、

スマホ表示に標準対応。

PCでは通常メニュー、

スマホでは自動的に

ハンバーガーメニュー（☰）

に切り替わります。

さらに、

アコーディオン型のサブメニューにも対応しています。

たとえば、

Information

の中に、

• About us
• Greeting
• History
• Access

などの子メニューを表示することも可能です。

---

4. マウスでレイアウト変更ができる

新機能として、

「マウスでレイアウト変更」

機能を搭載。

現在のページ構成を見ながら、

パーツの順番変更や調整ができます。

「文章を上にしたい」

「CTAを下に移動したい」

なども直感的に操作できます。

初心者でも使いやすいよう、

できるだけシンプルなUIを目指しました。

---

5. 1カラム構成だから壊れにくい

今回の1st Stable版では、

あえて

“1カラム構成”

を採用しています。

理由はシンプルです。

「誰でも壊れにくく、使いやすくするため」

です。

複雑なレイアウトにすると、

スマホ対応や編集時の崩れが起きやすくなります。

まずは、

安定性・使いやすさを最優先しました。

そのため、

企業サイト、店舗サイト、学校、病院、LPなど、

幅広い用途に対応できます。

---

どんな場面で使える？

このシステムは、

さまざまな業種で利用可能です。

企業ホームページ

会社案内、事業内容、採用情報など。

店舗サイト

美容室、飲食店、病院、整体院など。

学校・教育機関

授業紹介、教材配布、イベント告知。

ランディングページ（LP）

商品販売、資料請求、問い合わせ導線。

小規模事業者

低コストで自社サイトを持ちたい方。

---

基本的な使い方

体験版はこちら

https://www.k-art-factory.com/trial/Site_Making_System_Builder_sample
こちらから登録しID ,PASSWORDを取得し体験してみてください。


① システムを開く

ブラウザで

index.py

を開きます。

---

② パーツを追加

「パーツ追加」から、

必要なパーツを選びます。

例：

• Header
• Hero
• Text
• Image
• CTA
• Footer

---

③ 内容を編集

文字や画像を変更。

色や余白なども調整可能です。

---

④ メニュー（nav）を作成

Header内の

nav編集

からメニューを設定。

親メニュー・子メニュー（階層化）にも対応しています。

例：

Home

Information
├ About us
├ Greeting
├ History
└ Access

Service

Contact

---

⑤ レイアウト変更

「マウスでレイアウト変更」

ボタンから、

パーツ順番を調整。

直感的に並び替え可能です。

---

⑥ HTML出力

完成後は

Export

を押すだけ。

そのままサーバーにアップロードできるHTMLが生成されます。

なども予定しています。

最後に

Site Making System – Builder は、

「ホームページ制作をもっと身近にする」

ことを目指して開発しています。

専門知識がなくても、

自分でサイトを作れる時代へ。

そして、

必要なときだけプロが少し手を加える。

そんな新しいホームページ制作の形を目指しています。

今後も進化していきますので、ぜひご期待ください。