Wonder Sites
Boring · コーディング
Wonder Sites は Notion を CMS に変えるノーコードツールで、ブログ、ヘルプデスク、ドキュメント、マーケットプレイス、ディレクトリを数分で公開できる。
Wonder Sites について
What Is Wonder Sites
Wonder Sites は、開発者 Vaibhav Kalra が率いる小さなスタジオ Boring による Notion 向けサイトビルダーだ。Notion をコンテンツ管理システムとして使う。ドラッグ＆ドロップのエディタでページを組む代わりに、Notion で文章を書き、整理し、そのワークスペースを Wonder につなぐ。ツールはその内容を高速なホスト型サイトに同期し、独自ドメインでも公開できる。
埋めるのは、Notion で書くこととプロ品質のサイトを公開することの間にある隙間だ。Notion 標準の共有は長くて散らかった URL しか出さず、デザインの自由度も低い。Wonder はテンプレート、SEO 設定、決済、任意の会員ログインでこの差を埋め、ブログやマーケットプレイスを専用に作ったサイトのように振る舞わせる。
最もはっきりした制約は、内容が Notion に依存することだ。Notion が落ちれば、あるいはワークスペースを離れれば、編集の流れも一緒に失われる。また、インタラクティブな機能が多いアプリ的な製品より、コンテンツ中心のサイトに向く。
Getting Started
- wondersites.co で登録し、無料サイトを始める。無料プランにクレジットカードは要らない。
- Notion のワークスペースをつなぎ、共有したページとデータベースを Wonder に読ませる。
- ブログ、ヘルプデスク、ドキュメント、マーケットプレイス、ディレクトリといったサイト種別を選ぶ。
- AI デザイナーで見た目を整えるか、欲しいセクションを言葉で説明して AI デベロッパーに組ませる。
- Notion に内容を入れ、同期を走らせ、独自ドメインをつないで公開する。
AIツール情報
Wonder Sitesの料金、対応プラットフォーム、性能を簡単に確認できます。
こんな人におすすめ
このツールが最も力を発揮するユーザー、タスク、シーン。
ユーザー
- ブロガーと書き手：もともと Notion で書いているので、公開は作り直しではなく同期になる。ただし内容を Notion に置くことを受け入れるのが条件だ。
- 個人開発者と小さなチーム：開発者やデザイナーを雇わずに本物のサイトが欲しい。無料プランがあるので最初の試作のコストは低い。
- 講座の作成者とコミュニティ運営者：ランディングページ、ウェビナーページ、会員向けハブを作り、ひとつの Notion データベースから更新できる。
タスク
- ヘルプデスクやナレッジベースの公開：Notion のデータベースが検索できるドキュメントになり、担当者がページを編集するたびに最新の状態を保つ。
- ディレクトリや二者間マーケットプレイスの運営：出品、フォーム、組み込みの決済が、Notion の表を閲覧できて売れる製品に変える。
- ランディングページと販売ファネルの立ち上げ：テンプレートと独自ドメインがあるので、サイト全体を作らずに製品ページをすぐ試せる。
シーン
- 社内ドキュメントをすでに Notion で運用しているチーム：同じワークスペースを外部向けヘルプセンターにすれば、正となる情報を二重に持たずに済む。
- 今週中に公開したい副業プロジェクト：ホスト型の無料プランと AI 支援の設定が、いつものデザインと公開の手間を省く。
- 成長中のコンテンツ事業：訪問者、記事、リンクのクリックを組み込みの分析で見られるので、次に何を書くか決めやすい。
主な機能
Notion を CMS にする
Wonder は Notion のページとデータベースを読み、サイトのページに変える。Notion での編集は同期後にサイトへ反映されるので、いつも作業している場所で書き続けられる。これが製品の核であり、ページにドメインを載せるだけの単純な Notion サイトビルダーとの違いだ。
AI デザイナーと AI デベロッパー
AI デザイナーはサイトの見た目を整える助けになり、AI デベロッパーは自然な言葉の指示からセクションを組む。ヒーロー、料金ブロック、出品のグリッドなどを説明すれば、動くセクションが返ってくる。コードに触れたくない人の立ち上げを短くする。ただし仕上がりには人の目での調整が要る。
すぐ使えるサイトテンプレート
Wonder はよくある内容形式のテンプレートを用意する。ブログ、ヘルプデスク、ドキュメント、マーケットプレイス、ディレクトリだ。どれも専用のヘルプデスク作成ツールやディレクトリ作成ツールのように、その形式に合ったレイアウトと構造を備える。白紙ではなく動く例から始められる点が、サイトを数分で公開できる大きな理由だ。
独自ドメイン、サブディレクトリ、ホスティング
どのサイトも Wonder のホスティングで動き、独自ドメインを使える。無料プランではホスト型のサブドメインが付く。サブディレクトリに対応するので、ひとつのドメインに複数の区画をまとめられる。サーバー、SSL、デプロイは不要で、公開を遅らせる技術的な作業がほぼ消える。
決済と会員ログイン
マーケットプレイスや有料コンテンツは組み込みの決済で受け取れる。開発者は Stripe を挙げ、Gumroad と LemonSqueezy への対応も示す。SaaS 風の会員ログインを使えば、ページをサインインの後ろに置ける。この組み合わせが、二者間マーケットプレイスや有料コミュニティを Notion データベースの上で現実的にする。
組み込みの分析と SEO 設定
Wonder には訪問者、人気記事、リンクのクリックの分析に加え、タイトル、説明、ページ単位のメタデータの SEO 制御が付く。データは何を書き、どう構成するかに戻って活きる。SEO 設定は Notion の内容が普通のサイトのように検索で上位に来る助けになる。
メリットとデメリット
メリット
- 立ち上げが速く、学習の負担も小さい。とくに Notion に慣れている人ほど楽だ。
- 内容は Notion にあり、サイトへ同期されるので二重管理にならない。
- テンプレートがブログ、ヘルプデスク、ドキュメント、マーケットプレイス、ディレクトリを最初から網羅する。
- 決済と会員ログインが組み込みなので、ストアや有料コミュニティを追加ツールなしで運用できる。
- 無料プランがあり、カードも要らないので最初のサイトを試しやすい。
デメリット
- 内容が Notion に依存するため、Notion の障害や制約をそのまま引き継ぐ。
- 高度に作り込んだ機能やインタラクティブな機能は、汎用ビルダーより組みにくい。
- Webflow や WordPress より新しいプラットフォームで、第三者の解説やプラグインは少ない。
- 有料の料金が細かく公開されていないので、大きなチームは契約前に費用を確認したほうがよい。
よくある質問
Notion からコンテンツ中心のサイトを作る。よくある用途はブログ、ヘルプデスク、ドキュメント、マーケットプレイス、ディレクトリで、すべて Notion のワークスペースから管理する。
関連コンテンツ
Wonder Sitesに関連するツール、スキル、記事を探す。
Wonder Sitesの代替ツール
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チームにとって堅実な選択肢である。