ditto.site
- ditto.siteとは
- ditto.siteは、Webサイト制作分野で活用できる無料のWebサイト制作ツールです。公開中のWebサイトをNext.jsやViteのTypeScriptコードに変換するオープンソースツールです。無料で、APIやセルフホストにも対応します。
- •サイト→コード変換: 公開サイトをNext.js/Viteのコードに変換
- •デザイン保持: トークン・アニメーション・SEO情報を維持
- •コンポーネント抽出: 繰り返しパターンを再利用可能な単位に分解
公開中のWebサイトをNext.jsやViteのTypeScriptコードに変換するオープンソースツールです。無料で、APIやセルフホストにも対応します。
ひと目でわかる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の使い方は？
ditto.siteのユーザーレビュー
AI Scout編集部の評価
メリット
- +完全無料で利用可能
- +機能が充実（4機能以上）
- +Webサイト制作分野で実績のあるツール
注意点
- -日本語サポートの充実度は要確認
- -他ツールとの機能比較を推奨
この評価はAI Scout編集部が公開情報をもとに独自に行ったものです。
ユーザーレビュー機能は準備中です
実際のユーザーの声を参考にツール選びができるよう、レビュー機能を開発中です。
料金プランの詳細を見る
ditto.siteの料金・価格を詳しく解説
AI Scout 編集部
AI Scout編集部は、合同会社Radineerが運営するAIツール比較メディアの編集チームです。200社以上のAI導入支援実績を持つメンバーが、実際にツールを検証してレビューしています。