Ycode
Ycode Inc. · コーディング
Ycodeはオープンソースのビジュアルサイトビルダー兼CMSだ。無料で自前運用するかYcode Cloudを使い、AIでページとコンテンツを編集できる。
Ycode について
What Is Ycode
Ycodeはサイトの主導権を丸ごと利用者に返すビジュアルサイトビルダーだ。WebflowやFramerと同じ土俵に立つが、決定的な違いが一つある。オープンソース版は自前のインフラで動かせるし、ホスティングを任せたいならYcode Cloudを選べばいい。
製品が狙うのはよくある不満だ。閉じたプラットフォームの多くは、デザインもコンテンツもインフラもベンダーのシステムの中に閉じ込める。価格もルールもロードマップも相手が決める。Ycodeはその主導権を取り戻す。GitHubのリポジトリをforkし、Vercelにデプロイし、Supabaseをつなげば、サイトは自分のものだ。
両バージョンは同じ基本ツールを共有する。ドラッグ&ドロップのエディター、Ycode CMS、フォーム、ローカライズだ。マークアップには一切触れないので、ノーコードのサイトビルダーとして使え、オープンソースのサイトビルダーとしても動く。このセルフホスト型サイトビルダーなら、コードとデータベースも自分の手元に残る。先に押さえておきたい上限が一つある。クラウドプランはCMSを2万件までに制限するため、巨大なコンテンツを抱えるなら自前運用に傾く。
Getting Started
- マネージドクラウドならycode.comで登録し、自前運用ならGitHubでリポジトリをforkする。
- forkしたものをVercelにデプロイし、Supabaseプロジェクトを作って認証情報を環境変数に入れる。
- セットアップウィザードを実行し、管理者アカウントを作成してデータベースのマイグレーションを適用する。
- エディターを開き、ページを追加して要素をキャンバスにドラッグする。
- 独自ドメインをつなぎ、サイトが整ったら公開する。
AIツール情報
Ycodeの料金、対応プラットフォーム、性能を簡単に確認できます。
こんな人におすすめ
このツールが最も力を発揮するユーザー、タスク、シーン。
ユーザー
- コードとデータを完全に掌握したい開発者：オープンソース版は自分のVercelとSupabaseのアカウントで動き、好きなように手を入れられる。
- WebflowやFramerから乗り換えるデザイナー：ドラッグ&ドロップのエディターがレイアウト、余白、レスポンシブ対応をコードなしでこなす。
- 小さなチームや技術背景のない創業者：Ycode Cloudならサーバー構築、デプロイ、環境変数の設定が要らず、数分で作り始められる。
タスク
- マーケティングサイトやポートフォリオの制作：ページを視覚的に組み、独自ドメインをつないで公開する。
- 構造化コンテンツの管理：コレクションとフィールドがブログ、一覧、繰り返しデータを組み込みCMSで扱う。
- 大規模な構造化コンテンツ：CMSは大きなコンテンツ群を整理する。クラウドプランは2万件で頭打ちなので、それを超えるならセルフホスト向きだ。
シーン
- 複数のクライアントサイトを抱える代理店：どちらのバージョンもユーザーとページ数は無制限で、チームで作り上げて納品できる。
- データを自社インフラに置きたいチーム：セルフホストならコードもデータベースも自分の管理下に残る。
- AIチャットでの編集：MCP経由でClaude、ChatGPT、Cursor、VS Codeをつなぎ、変更内容を言葉で伝えてレイアウトやコンテンツを調整する。
主な機能
オープンソースとセルフホスト
プラットフォーム全体がオープンソースだ。GitHubでforkし、VercelにデプロイしてSupabaseをつなげば、コードもデータもデプロイも自分のものになる。ライセンス料はなく、技術スタックをベンダーに縛られることもない。データ規制の厳しいチームにとって、ここが最大の魅力だ。
Ycode Cloudのマネージドホスティング
インフラを自分で持ちたくないなら、Ycode Cloudがホスティング、自動更新、グローバルCDNを引き受ける。登録すればサーバーに触れずに作り始められる。Ycodeの料金はここでは明快だ。オープンソース版は無料、クラウドプランは無料トライアルの後に月額がかかる。代わりに、CMSは2万件の上限があり、稼働はベンダー頼みになる。
ビジュアル編集のドラッグ&ドロップ
エディターはWebflowやFramerと同じ感覚で使える。要素をキャンバスに置き、レイアウト、余白、スタイルを調整し、画面サイズごとの挙動を決める。デザイナーはマークアップを書かずにピクセル単位で作り込める。しかもクラウドでもセルフホストでも同じエディターを使う。
組み込みCMSとコレクション
Ycodeは構造化コンテンツ向けのCMSを備える。コレクションを作り、フィールドを足し、ブログ記事や商品一覧、チームページといった繰り返しデータを整理する。変更は公開中のサイトにそのまま反映されるので、ページを手作業で直す必要はなく、一か所でコンテンツを管理できる。
手持ちのAIを持ち込める
YcodeのプロジェクトはどれもMCPサーバーを公開するため、外部のAIクライアントがサイトを読み、編集できる。Anthropic、OpenAI、Google Gemini、xAIのモデルに対応する。変更を普通の言葉で伝えれば、モデルがレイアウト、余白、スタイル、コンテンツを更新してくれる。
フォームとローカライズ
フォームと無制限の言語数は標準で付いてくる。同じプロジェクトで送信を受け取り、多言語サイトを運用できる。どちらも件数の上限がない。複数の市場で展開する企業には効く。
メリットとデメリット
メリット
- コアがオープンソースなので、ライセンス料もスタックの縛りもない。
- セルフホストならコードとデータを完全に自分の手元に置ける。
- エディターのビジュアルデザイン操作はWebflowやFramerに見劣りしない。
- MCP対応により、ClaudeやChatGPTなどのAIクライアントがサイトを直接編集できる。
- どちらのバージョンもユーザー、ページ、フォーム送信、言語数が無制限。
デメリット
- セルフホストはGitHub、Vercel、Supabaseの構築が要るため、技術者以外には手軽とは言えない。
- クラウドのCMSは2万件で頭打ちになり、大きなコンテンツ群はセルフホストへ流れる。
- プロジェクトは若く、最新リリースもまだ0.x台なので、荒削りな部分は覚悟がいる。
- コミュニティ以外の有人サポートはクラウドプラン次第だ。
よくある質問
Ycodeはコードを書かずにサイトを作り、運用するものだ。ビジュアルエディターでページを設計し、構造化コンテンツはCMSで管理し、独自ドメインに公開する。マネージドクラウドでも自前のインフラでも構わない。
関連コンテンツ
Ycodeに関連するツール、スキル、記事を探す。
Ycodeの代替ツール
Forefront
Forefront · コーディングForefrontはオープンソースAIで構築するためのウェブプラットフォームだ。主要なオープンソース言語モデルを自分のデータで微調整し、性能を評価し、API経由で実行したり、エクスポートして自分でホストしたりできる。クローズドなプラットフォームの手軽さを求めつつ、モデルとデータの所有権にはこだわる開発者が対象だ。
Startkit
StartKit.AI · コーディングStartkitは、AI SaaSとAIラッパー製品を作るためのボイラープレートだ。面倒な部分をあらかじめ配線済みにしたAIスタートアップボイラープレートと考えればいい。認証、StripeとLemon Squeezyの決済、利用制限、トランザクションメール、そしてOpenAI、Anthropic、Groq、Llamaと通信するAI APIスターターキットが含まれる。リポジトリをクローンして価格を設定し、ユーザーが実際にお金を払う部分に取りかかれる。ReactとTailwind上のNext.jsで作られているため、ボイラープレートコードの多くはすでに見慣れたものだ。
Testim
Tricentis · コーディングTestimは、Web・モバイル・Salesforceアプリ向けにエンドツーエンドテストを構築して実行するAIテスト自動化プラットフォームだ。機械学習を頼りに、インターフェースが変わってもテストを安定させ、チームが壊れたセレクターの修正に費やす時間を減らす。今日から使い始められる自動テストツールとしては悪くない。ブラウザで操作を録画してテストを作り、より細かい制御が必要なときはJavaScriptを足す。忙しいQAチームにとって堅実な選択肢である。