Skip to content

aiseed-dev/web-cowork

Repository files navigation

aiseed web cowork

aiseed web cowork

AI と一緒に作る、はじめてのホームページ。
テンプレートを選んでデータを入力するだけ。AI と一緒にあなたのビジネスサイトを作ります。

セットアップ使い方テンプレートプラグインデプロイ比較


これは何?

aiseed web cowork は、AI と一緒にホームページを作るツールです。個人で起業する人がプロ品質のサイトを持てるようにします。

  • フリーランス、農家、クリエイター、小さな会社など あらゆる個人ビジネスに対応
  • HTML/CSS/JS を直接生成するので WordPress 不要、サーバー代 0 円(Cloudflare Pages)
  • 生成物はすべて手元のファイル。ベンダーロックインなし
  • ブログ、ポートフォリオ、問い合わせフォームなど ビジネスに必要な機能はプラグインで追加

必要なもの: Claude Code + Python 3.10 以上のみ。Node.js 不要。

セットアップ

1. Claude Code をインストール

まだの方は 公式ガイド を参照してください。ターミナル・VS Code・デスクトップアプリなど、お好みの環境で使えます。

2. aiseed web cowork をセットアップ

git clone https://github.com/aiseed-lab/web-cowork.git
cd web-cowork
pip install -r requirements.txt

使い方

python web_creator.py

3ステップでサイト完成:

  1. テンプレートを選択 — ✍️ 個人ブログ / 💼 ポートフォリオ / 🌿 農家 / 🏢 企業 など
  2. データタブでフォーム入力 — 屋号、紹介文、実績、写真などを入力
  3. ビルドタブで生成 — AI と一緒に複数ページのサイトを作成
  4. デプロイタブで公開 — Cloudflare Pages / SSH / FTP にワンクリック

2つのビルド方式

ビルドタブで方式を選べます。

方式 仕組み 特徴
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 を使用します。

データベースバックエンド

digiKam は SQLite(デフォルト)と MySQL/MariaDB の両方に対応しています。設定ダイアログでバックエンドを切り替えられます。

SQLite(デフォルト)

aiseed は digiKam の SQLite データベースを直接読み取ります。ネイティブパッケージでのインストールが必要です。

# Ubuntu / Debian
sudo apt install digikam

# macOS
brew install --cask digikam

# Windows
# 公式サイトからインストーラーをダウンロード
# https://www.digikam.org/download/

Flatpak・Snap 版は SQLite モードでは使用できません。 サンドボックスにより DB ファイルにアクセスできないためです。

MySQL / MariaDB

# mysqlclient のインストール(必須)
pip install mysqlclient

# digiKam 側の設定:
# 設定 → データベース → 種類を「MySQL サーバー」に変更
# 参考: https://docs.digikam.org/en/setup_application/database_settings.html

aiseed 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 テーマ参照

WordPress.org のプロ品質テーマを、デザインの参考として活用できます。WordPress 自体は一切使いません。テーマのスクリーンショットと説明を Claude に渡し、そのデザインの方向性を参考にした pure HTML/CSS を生成します。

SEO

データタブの 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

ライセンス

AGPL-3.0

About

No description, website, or topics provided.

Resources

License

Contributing

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors