メインコンテンツへスキップ

広告について:当サイトは、紹介するサービスへのリンクにアフィリエイトリンクを含む場合があります。 リンク経由でサービスに登録された場合、当サイトが報酬を受け取ることがありますが、 これにより紹介内容や評価が影響を受けることはありません。

Webサイト制作ツール / 無料

ditto.site

江藤 圭一
採点責任者: 江藤 圭一Radineer 編集部 / 情報確認日 2026年7月

このツールは人による採点がまだありません(採点済み項目 0/5)。掲載情報は公式ページから取得し、確認日を表示しています。掲載料で順位は動きません。

取得元: www.producthunt.com / 第三者レビュー: 未収集(取得元と件数が確認できるものだけ載せます)

採点の5項目を見る →
ditto.siteとは
ditto.siteは、Webサイト制作分野で活用できる無料のWebサイト制作ツールです。公開中のWebサイトをNext.jsやViteのTypeScriptコードに変換するオープンソースツールです。無料で、APIやセルフホストにも対応します。
  • •サイト→コード変換: 公開サイトをNext.js/Viteのコードに変換
  • •デザイン保持: トークン・アニメーション・SEO情報を維持
  • •コンポーネント抽出: 繰り返しパターンを再利用可能な単位に分解

公開中のWebサイトをNext.jsやViteのTypeScriptコードに変換するオープンソースツールです。無料で、APIやセルフホストにも対応します。

信頼性情報

利用者数

公式情報を要確認が利用中

最終確認

2026年7月

※料金は変更される場合があります。最新情報は公式サイトでご確認ください。

ひと目でわかるditto.siteの概要

カテゴリ:
Webサイト制作
料金:
無料
利用者数:
公式情報を要確認
公式サイト:
ditto.site
主な機能:
サイト→コード変換、デザイン保持、コンポーネント抽出

ditto.siteとは?

ditto.site(ディット・サイト)は、公開されているWebサイトを読み取り、そのまま使える形のコードに変換するオープンソースのツールです。ion.designのチームが開発し、2026年7月21日に公開されました。ライセンスはMITで、GitHubで配布されています。

公開情報によると、出力はコンポーネントに分割されたNext.jsまたはVite向けのTypeScriptコードです。デザイントークン、ホバー時の見た目、アニメーション、フォント、SEO用のメタ情報を保持すると説明されています。繰り返し登場するパターンからは再利用できるコンポーネントとコンテンツモデルを抽出します。JavaScript実行後のDOMや、外から観測できる操作も取り込む設計です。

料金プラン

料金は無料と案内されています。REST API、MCPサーバー、セルフホストという3つの使い方が用意されているとされています。開発元は、WordPressやWebflow、Shopifyといったサイトビルダーからの移行時に「ロックインからの逃げ道」になると説明しています。実行のたびに同じ結果が得られる決定論的な出力を掲げており、この点をAI生成型の類似ツールとの違いとして挙げています。日本語サイトでの再現精度は公開情報では確認できませんでした。最新の情報は公式サイトでご確認ください。これらは提供元・公開情報です。

無料で始められます

登録するだけで全機能が使えます

今すぐditto.siteを始める

ditto.siteを今すぐ始めよう

完全無料で全機能を利用できます

ditto.siteを無料で利用開始

ditto.siteに関するよくある質問

ditto.siteとは何ですか?
ditto.siteは、Webサイト制作分野で活用できるAIツールです。公開中のWebサイトをNext.jsやViteのTypeScriptコードに変換するオープンソースツールです。無料で、APIやセルフホストにも対応します。 主な特徴としてサイト→コード変換、デザイン保持、コンポーネント抽出などの機能を備えています。個人利用からビジネス用途まで幅広いシーンで活用されており、作業効率の向上やコスト削減に貢献します。初心者から上級者まで、目的に応じた使い方が可能です。
ditto.siteは無料で使えますか?
はい、ditto.siteは公式サイトの記載では無料で利用できます。サイト→コード変換、デザイン保持、コンポーネント抽出などの機能が案内されています。登録の条件や利用範囲の詳細は、公式サイトの最新の記載でご確認ください。
ditto.siteの料金はいくらですか?
ditto.siteには1つの料金プランが用意されています。Free(オープンソース)プランは無料となっています。最新の料金情報は公式サイトでご確認ください。
ditto.siteの主な機能は?
ditto.siteの主な機能として、「サイト→コード変換」(公開サイトをNext.js/Viteのコードに変換)、「デザイン保持」(トークン・アニメーション・SEO情報を維持)、「コンポーネント抽出」(繰り返しパターンを再利用可能な単位に分解)、「MCPサーバー対応」(APIやセルフホストでの利用が可能)などがあります。これらの機能を活用することで、Webサイト制作に関する作業を効率化し、生産性を大幅に向上させることができます。各機能は直感的なインターフェースで操作でき、専門知識がなくても簡単に使いこなせます。
ditto.siteの使い方は?
ditto.siteの利用開始の手順は公式サイトの案内に従います。無料プランがある旨が案内されています。主な機能としてサイト→コード変換が案内されています。このページの記述は公開情報にもとづくもので、実際の操作画面は公式サイトでご確認ください。

ditto.siteのユーザーレビュー

AI Scout編集部の評価

メリット

  • +完全無料で利用可能
  • +機能が充実(4機能以上)
  • +Webサイト制作分野で実績のあるツール

注意点

  • -日本語サポートの充実度は要確認
  • -他ツールとの機能比較を推奨

この評価はAI Scout編集部が公開情報をもとに独自に行ったものです。

ユーザーレビュー機能は準備中です

実際のユーザーの声を参考にツール選びができるよう、レビュー機能を開発中です。

料金プランの詳細を見る

ditto.siteの料金・価格を詳しく解説

料金プランを見る
A
編集部

AI Scout 編集部

AI Scout編集部は、合同会社Radineerが運営するAIツール比較メディアの編集チームです。200社以上のAI導入支援実績を持つメンバーが、実際にツールを検証してレビューしています。

AIツール比較AI導入支援DXコンサルティング
公開日: 2026年7月28日
最終更新: 2026年7月28日