Unshift AI
Unshift · コーディング
Unshift AI は、自分の Claude や ChatGPT アカウントとの会話をそのままサイトに変える AI ウェブサイトビルダーだ。出来上がったページはクリックで直せて、無料プランなら unshift.dev のアドレスに3サイトまで公開できる。
Unshift AI について
About
Unshift とは
Unshift は、作ったサイトを手放せないタイプのビルダーに任せたくない人向けのサービスだ。仕上がったテンプレートから始めてもいいし、自分の商売をチャットで説明してもいい。そのあと文言も写真も自分の手で詰められる。評価すべきは AI の有無ではなく、AI がどこで動くかという点にある。
多くのビルダーは自前のモデルを抱え込み、生成のたびに課金する。Unshift AI は MCP 経由で自分の Claude や ChatGPT アカウントにつなぐ仕組みだ。生成はすでに払っている契約の上で走り、消費するのは自分の利用枠になる。チャットを使わなくても、ビジュアルエディタだけで作業は完結する。コードを触りたくない人にとってはノーコードでサイト作成ができる道具で、必要になればコードとして持ち出せる。
出力されるのは普通の React コードだ。Vite、TypeScript、Tailwind CSS に shadcn/ui を組み合わせ、動きは Framer Motion、3D は Three.js で作る。Pro ならプロジェクトを丸ごと落として、好きなホストに置ける。サイトを外に出せないプラットフォームで足止めを食らった経験があるなら、ここが効いてくる。
はじめかた
- unshift.ai でアカウントを作る。無料プランにカード登録は要らない。
- テンプレートライブラリから型を選ぶか、Claude か ChatGPT のアカウントをつないで商売の中身を一文で説明する。
- 下書きを読み、公開ページ上の好きな文字をクリックして書き換える。写真の差し替え、セクションの移動、色の調整も同じ画面で済む。
- 公開するページごとにタイトル、説明文、共有画像を入れる。
- 無料の unshift.dev アドレスに公開する。独自ドメインが欲しくなったら Pro に上げる。
AIツール情報
Unshift AIの料金、対応プラットフォーム、性能を簡単に確認できます。
こんな人におすすめ
このツールが最も力を発揮するユーザー、タスク、シーン。
ユーザー
- フリーランスや小さな制作会社：Pro なら顧客サイトを独自ドメイン、アクセス解析、渡せるコードつきで運用できる。
- 最初のサイトを出す創業者：無料プランでも半日でページが世に出る。カード登録は不要だ。
- ゼロから書かずに始めたい開発者：Pro は React と Vite のプロジェクトを書き出すので、自分のエディタで続きを触れる。
- Claude や ChatGPT をすでに契約している人：生成は自分の契約で回る。プロンプトのためにもう一件払う必要はない。
タスク
- ローンチページやキャンペーンページ：テンプレートを開き、文言を入れ替えてその日のうちに公開する。
- 飲食店、ポートフォリオ、スタジオのサイト：テンプレートライブラリが定番の型を押さえている。メニューや実績一覧は組み込み CMS で更新できる。
- 公開後の内容更新：CMS で文章と画像を直し、プレビューで確かめてから公開する。ビルドのやり直しは要らない。
シーン
- 顧客への納品：Unshift AI で組み、リポジトリごと書き出して顧客チームの環境に渡す。
- 遅いサイトの置き換え：ページはあらかじめ生成され、エッジから配信される。スマホでの読み込み速度に差が出る。
- 作り込む前の検証：無料で3サイトまで公開できる。レイアウトを世に出して反応を見て、合わなければ下げればいい。
主な機能
自分の AI 契約で初稿を作る
MCP で Claude か ChatGPT をつなぎ、商売の内容を伝える。モデルがサイト全体を書き、レイアウトまで組む。メニュー、セクション、仮の写真も揃う。利用上限は契約中のプロバイダーの条件に従い、Unshift がトークンを上乗せ販売することはない。
公開ページをその場でクリック編集
見出しをクリックして打ち替える。写真をクリックして差し替える。エディタが触るのは実際に描画されたページで、横のフォームではない。だから自分の変更がそのまま訪問者の見る姿になる。コードも再ビルドも不要だ。
テンプレートと入れ替え可能なセクション
ライブラリには飲食店、ポートフォリオ、スタジオ向けの完成デザインが並ぶ。開いて中身を入れれば使える作りだ。ページ内にはヒーロー、機能グリッド、料金表、利用者の声、ギャラリーといった既成セクションが大量に用意されている。合わないブロックは1クリックで別の並びに差し替えられる。
組み込み CMS とデータ接続
文章、画像、構造化した内容は CMS に置く。メニューの価格や実績の1件を直せば、出ている場所すべてに反映される。データ接続を使えば REST API から取得した最新の値を対応ブロックに流し込める。在庫、物件一覧、催しの日程に向く。
エッジ配信で速く公開
公開したサイトは事前に生成され、Cloudflare のネットワークから配信される。リクエストのたびに組み立てる方式ではない。Unshift が公開済みサイトで回した Lighthouse は、パフォーマンス98、アクセシビリティ99、ベストプラクティス98、SEO 96 という結果だった。AI エージェント向けのブラウジング検査も通っており、AI アシスタントがサイトを読むときに中身を拾える。
Pro で React コードを書き出す
Pro はプロジェクトを React、Vite、TypeScript、Tailwind CSS、shadcn/ui の形で渡す。落としてエディタで開き、好きな場所にデプロイすればいい。移したくない場合は Unshift のホスティングをそのまま使える。
メリットとデメリット
メリット
- 生成は自分の Claude か ChatGPT の契約で動く。プロンプトに上乗せがなく、AI の請求が二重にならない。
- 書き出される構成は一般的な React だ。専用システムを覚えなくても、フロントエンドの開発者なら引き継げる。
- 無料プランは継続提供で、3サイトまで公開できる。課金前に実際の案件を回せる余裕がある。
- ページは事前生成でエッジから届き、エージェント向け検査も通る。AI アシスタントが中身を読めるサイトになる。
- 組み込み CMS とデータ接続で、小規模サイトに必要な更新は足りる。プラグインを積み上げなくていい。
デメリット
- 独自ドメイン、アクセス解析、コードの書き出しは Pro の中にある。1サイト月12ドルなので、本番公開には費用がかかる。
- AI の部分は契約先の上限に縛られる。長い下書きを書くと Claude や ChatGPT の枠を食い、Unshift 側では増やせない。
- 共用ワークスペースと権限管理を備えた Business は提供予定の表示だ。チーム用の場所は今はない。
よくある質問
無料で使える。無料プランは継続利用を前提にしていて、ビジュアルエディタ、テンプレート、フォーム、データ接続が付く。公開できるのは unshift.dev のアドレスに3サイトまでで、Unshift のブランド表示は残る。
関連コンテンツ
Unshift AIに関連するツール、スキル、記事を探す。
Unshift AIの代替ツール
Base Code
Base44 (Wix) · コーディング · 生産性向上Base CodeはBase44の共有クラウド開発環境だ。既存のGitHubリポジトリに対する変更をチャットで伝え、プレビューで確認し、プルリクエストとして返せる。
Google EmbeddingGemma 2
Google DeepMind · ライティング · 画像 · コーディングGoogle EmbeddingGemma 2 は 7 億 4000 万パラメータのオープンなモデルで、テキスト、コード、画像、音声、動画フレームを同じ 768 次元空間のベクトルに変え、スマートフォンやノート PC 上で動く。
GitGlow
GitGlow · コーディング · 生産性向上GitGlow は自分のコードと AI エージェントの変更を一つのレビューにまとめるデスクトップ Git クライアントだ。出荷前に、マシンから何が出ていくのかを確かめられる。