AI と一緒に作る、はじめてのホームページ。
テンプレートを選んでデータを入力するだけ。AI と一緒にあなたのビジネスサイトを作ります。
セットアップ • 使い方 • テンプレート • プラグイン • デプロイ • 比較
aiseed web cowork は、AI と一緒にホームページを作るツールです。個人で起業する人がプロ品質のサイトを持てるようにします。
- フリーランス、農家、クリエイター、小さな会社など あらゆる個人ビジネスに対応
- HTML/CSS/JS を直接生成するので WordPress 不要、サーバー代 0 円(Cloudflare Pages)
- 生成物はすべて手元のファイル。ベンダーロックインなし
- ブログ、ポートフォリオ、問い合わせフォームなど ビジネスに必要な機能はプラグインで追加
必要なもの: Claude Code + Python 3.10 以上のみ。Node.js 不要。
まだの方は 公式ガイド を参照してください。ターミナル・VS Code・デスクトップアプリなど、お好みの環境で使えます。
git clone https://github.com/aiseed-lab/web-cowork.git
cd web-cowork
pip install -r requirements.txtpython web_creator.py3ステップでサイト完成:
- テンプレートを選択 — ✍️ 個人ブログ / 💼 ポートフォリオ / 🌿 農家 / 🏢 企業 など
- データタブでフォーム入力 — 屋号、紹介文、実績、写真などを入力
- ビルドタブで生成 — AI と一緒に複数ページのサイトを作成
- デプロイタブで公開 — Cloudflare Pages / SSH / FTP にワンクリック
ビルドタブで方式を選べます。
| 方式 | 仕組み | 特徴 |
|---|---|---|
| Claude 直接生成 | あなたの要望を伝えると Claude が HTML/CSS/JS を作成 | 自由度が高い。チャットで「ここをこうして」と対話しながら仕上げられる |
| 静的ジェネレータ | Claude が Jinja2 テンプレートを作成 → 以降は Jinja2 + site_data.json + content/*.md で生成 | データ更新時は API 不要で即座に再生成 |
どちらも同じテンプレート・プラグイン・デプロイ機能を利用できます。
静的ジェネレータは 2 つのデータソースを組み合わせます:
- site_data.json — GUI フォームで入力した構造化データ(サイト名、連絡先、画像パス等)
- content/*.md — Markdown ファイル。任意のエディタや AI で作成可能
projects/my-site/
site_data.json
content/ ← Markdown コンテンツ
index.md
about.md
blog/
2024-01-hello.md
output/
_templates/ ← Jinja2 テンプレート(Claude が生成)
index.html ← 生成結果
about.html
blog/hello.html
Markdown ファイルは front matter でメタデータを指定:
---
title: 自己紹介
slug: about
---
ここに本文を書きます。**太字**や[リンク](https://example.com)も使えます。サイトで使う画像の管理には digiKam を使用します。
digiKam は SQLite(デフォルト)と MySQL/MariaDB の両方に対応しています。設定ダイアログでバックエンドを切り替えられます。
aiseed は digiKam の SQLite データベースを直接読み取ります。ネイティブパッケージでのインストールが必要です。
# Ubuntu / Debian
sudo apt install digikam
# macOS
brew install --cask digikam
# Windows
# 公式サイトからインストーラーをダウンロード
# https://www.digikam.org/download/Flatpak・Snap 版は SQLite モードでは使用できません。 サンドボックスにより DB ファイルにアクセスできないためです。
# mysqlclient のインストール(必須)
pip install mysqlclient
# digiKam 側の設定:
# 設定 → データベース → 種類を「MySQL サーバー」に変更
# 参考: https://docs.digikam.org/en/setup_application/database_settings.htmlaiseed web cowork の設定ダイアログで「MySQL / MariaDB」を選択し、接続情報(ホスト・ポート・ユーザー・パスワード・データベース名)を入力してください。
Flatpak・Snap 版の digiKam でも、MySQL バックエンドならネットワーク経由で接続するため 問題なく動作します。
- 画像フィールド — digiKam ブラウザから写真を選択(WebP 自動変換)
- 一括インポート — タグ・タイトル・説明のメタデータごと一括登録
- タグフィルタ — digiKam のタグでギャラリーをフィルタリング
テンプレート JSON 1ファイルが、UIの配色・フォーム項目・Claude への指示・ページ構成をすべて定義します。
| テンプレート | 用途 |
|---|---|
| ✍️ 個人ブログ | 情報発信・自分メディア。記事一覧、プロフィール、サービス紹介 |
| 💼 ポートフォリオ | フリーランス・クリエイター向け。実績、スキル、料金、お客様の声 |
| 🌿 自然農法の農家 | 有機農業・自然栽培の農園サイト |
| 🏢 企業ホームページ | 会社概要・採用・IR 等の企業サイト |
| 🧗 Mirai Climbing | クライミングコミュニティのサイト |
templates/ に JSON ファイルを追加してアプリを再起動するだけ。詳細は docs/template-spec.md を参照。
テンプレートに依存しない機能を「プラグイン」として提供します。plugins/ に配置するだけで全テンプレートで利用可能。
プラグインも Claude と一緒に作れます。「予約フォームが欲しい」「FAQ ページを追加したい」と伝えるだけで、Claude と一緒に plugin.json と参照コードを作り、すぐに使えるプラグインが完成します。従来なら Web 制作会社に追加開発を依頼して数十万円かかるような機能も、プラグイン1つで実現できます。
| プラグイン | 機能 |
|---|---|
| 📸 フォトギャラリー | タグフィルタ、ライトボックス、コレクション管理、digiKam 一括インポート |
| 📝 ブログ | 記事管理、カテゴリ・タグフィルタ、WordPress XML インポート |
| ✉️ お問い合わせフォーム | サーバーレス送信(Cloudflare R2 保存)、Claude で確認・返信 |
| 📅 イベントカレンダー | 月間カレンダー+リスト表示、Google Calendar 連携、iCal エクスポート |
| 📊 管理ダッシュボード | 問い合わせ管理・アクセス解析をアプリ内で確認 |
プラグインの data_sections はデータタブに自動追加されます。詳細は docs/plugin-spec.md を参照。
| 方式 | 説明 |
|---|---|
| Cloudflare Pages | 無料 CDN、カスタムドメイン対応 |
| SSH (rsync) | 自前サーバー、さくら VPS 等 |
| FTP | レンタルサーバー(ロリポップ、エックスサーバー等) |
WordPress.org のプロ品質テーマを、デザインの参考として活用できます。WordPress 自体は一切使いません。テーマのスクリーンショットと説明を Claude に渡し、そのデザインの方向性を参考にした pure HTML/CSS を生成します。
データタブの SEO セクションで以下を設定可能:
- Google Analytics / Google Tag Manager
- meta description / keywords / OGP 画像 / favicon
- 構造化データ(LocalBusiness, Organization 等)
- noindex ページ指定
起業時のホームページ、どうしますか?
| 方法 | 初期費用 | 月額 | データ所有権 | 機能拡張 | やめた時 |
|---|---|---|---|---|---|
| Web 制作会社に依頼 | 30〜100万円 | 保守費 5,000〜2万円 | 契約次第 | 都度見積で数万〜数十万円 | 引き渡し交渉が必要 |
| SaaS 型ビルダー | 0円 | 1,000〜5,000円 | プラットフォーム依存 | プラットフォームの範囲内 | サイト消滅 |
| ドメイン業者の AI パック | 0円 | 1,000〜3,000円 | プラットフォーム依存 | ほぼ不可 | サイト消滅 |
| WordPress + レンタルサーバー | 0〜数万円 | 500〜1,500円 | あり(運用知識が必要) | プラグインで可能(相性・脆弱性リスクあり) | サーバー移行可能 |
| aiseed + Cloudflare Pages | 0円 | 0円 | 完全所有(HTML一式が手元) | プラグインで自由に拡張 | — |
Note: aiseed の利用には Claude Pro/Max(月額 $20/$100)が必要です。ただし Web サイト構築だけでなく、事業計画・文章作成・経理・顧客対応など起業のあらゆる場面で活用できるため、ホームページ専用のコストとは性質が異なります。
web-cowork/
├── web_creator.py # メインアプリ(Flet GUI + Agent 連携)
├── static_generator.py # Jinja2 静的サイトジェネレーター
├── templates/ # テンプレート JSON
│ ├── personal-blog.json # ✍️ 個人ブログ
│ ├── portfolio.json # 💼 ポートフォリオ
│ ├── natural-farm.json # 🌿 自然農法の農家
│ ├── corporate.json # 🏢 企業ホームページ
│ └── mirai-climbing.json # 🧗 クライミンググループ
├── plugins/ # プラグイン(機能拡張)
│ ├── photo-gallery/ # 📸 フォトギャラリー
│ ├── blog/ # 📝 ブログ
│ ├── contact-form/ # ✉️ お問い合わせフォーム
│ ├── event-calendar/ # 📅 イベントカレンダー
│ └── admin-dashboard/ # 📊 管理ダッシュボード
├── projects/ # プロジェクトデータ(自動生成)
│ └── my-farm/
│ ├── site_data.json
│ ├── config.json # デプロイ設定(.gitignore 対象)
│ └── output/ # 生成された HTML/CSS/JS
│ └── _templates/ # Jinja2 テンプレート(Claude が生成)
└── requirements.txt