Editor.do
Editor.do · コーディング
Editor.do はオンラインコードエディタと静的サイトホスティングを一つにしたサービスだ。無料SSL、1000種類以上のウェブサイトテンプレート、AIアシスタントが付く。
Editor.do について
What Is Editor.do
Editor.do はブラウザで動く開発環境で、その中で作ったサイトの配信まで引き受ける。プロジェクトを開いて HTML、CSS、JavaScript を書き、保存すればプレビューがすぐ切り替わる。デスクトップへのインストールも、ローカルサーバの設定も要らない。
単なるコードの練習場と違うのはホスティングだ。プロジェクトごとに NVMe ストレージ、自動発行の SSL 証明書、毎日のバックアップが付き、DNS レコード2件で独自ドメインもつなげる。ドメインを持っていなくても、editor.do の無料サブドメインで数分後には公開できる。
制約ははっきりしている。静的サイト専用だ。サーバが実行するのは HTML、CSS、JS だけ。PHP や Python のファイルはブラウザエディタで開いて書き換えられるが、動かない。データベースやバックエンドが必要なプロジェクトには向かない。
Getting Started
- editor.do でアカウントを作る。試用は7日間で、クレジットカードの登録は不要だ。
- プロジェクトを開き、editor.do の無料サブドメインを選ぶか、手持ちのドメインを入力する。
- ブラウザエディタで新規作成するか、手元のファイルをアップロードするか、既存サイトの zip をそのまま放り込む。
- 編集して保存する。公開サイトは即座に反映され、ファイル管理画面からテンプレートの導入や GitHub の公開プロジェクトの取り込みもできる。
AIツール情報
Editor.doの料金、対応プラットフォーム、性能を簡単に確認できます。
こんな人におすすめ
このツールが最も力を発揮するユーザー、タスク、シーン。
ユーザー
- Web制作を始めた学生：エディタ、プレビュー、ホスティングが同じタブに収まるので、最初の HTML ファイルから公開リンクまでに何も導入しなくていい。
- 小さなサイトを回すフリーランス：5ページのポートフォリオやランディングページなら Starter プランに収まり、SSL も込みなので証明書を別に買わずに済む。
- 手早く検証環境が欲しい開発者：ビルドを固めてアップロードすれば共有できる URL が出る。静的サイトであることが条件だ。
タスク
- ランディングページとポートフォリオ：テンプレートを入れて文言と画像を差し替え、公開する。作業の大半はコードではなくビジュアルビルダー側で進む。
- 静的サイトの配信：dist フォルダを zip に固めて送れば、プロジェクト内に自動で展開される。
- フロントエンドの練習：HTML、CSS、JS を即時プレビュー、ショートカット、GitHub からのライブラリ取り込みと一緒に書ける。
- テンプレートの調整：無料のウェブサイトテンプレートから始め、ドラッグ操作で足りない部分はソースを直接触る。
シーン
- 金曜までに1ページの販促サイトが要る：作って客先のドメインをつなぎ、HTTPS のリンクを渡せば終わる。サーバには触らない。
- スマホや借り物のノート PC でデザイン案を試す：作業環境がまるごとブラウザ側にあるので、ログインすればどの端末でも同じプロジェクトが開く。
- ドキュメントサイトやイベントページを長く安く置いておきたい：何年も残す前提なら買い切りライセンスで月額が消える。
主な機能
ライブプレビュー付きエディタ
保存した瞬間に変更が描画済みのページへ渡る。再読み込みもビルドも挟まずに結果が見える。シンタックスハイライト、検索と置換、いつものショートカットを備える。編集はどの言語でもできるが、サーバ上で動くのは HTML、CSS、JS だけだ。
組み込みの静的ホスティング
プロジェクトごとに NVMe SSD と 1 Gbit の回線が付く。画像、動画、音声、その他のファイルを上げれば HTTPS で配信される。バックアップは毎日勝手に走り、離れたいときはデータをいつでも書き出せる。
無料SSLと独自ドメイン
無料SSLは自動で発行・更新される。手動の CSR も、公開日に混在コンテンツの警告が出ることもない。ドメインの接続は DNS レコード2件で、反映後にダッシュボードの確認ボタンを押す。ドメインがなければ editor.do のサブドメインで足りる。
テンプレートライブラリ
1000種類以上の無料ウェブサイトテンプレートがファイル管理画面に入っている。導入すると選んだフォルダの中身は置き換わる。作業中のフォルダに当てる前に知っておきたい仕様だ。多くはオープンソースなので、マークアップは最後の div まで編集できる。
ビジュアルビルダー
コンポーネントを並べてページを組めるパネルで、タグを全部手書きしなくて済む。コードパネルの代わりではなく隣に置かれ、ビルダーが扱わないレイアウトはソースに戻って書く。素早い骨組みに向き、変わった動きの実装には不十分だ。
AIアシスタント
Editor.do が「ChatGPT を手元に」と説明する AIアシスタントは、コードの修正、補完、解説をこなし、学習中なら手順を追って教えてくれる。構文エラーのときは助かる。出力は下書きとして扱いたい。貼り付けた範囲しかプロジェクトを把握していないからだ。
メリットとデメリット
メリット
- エディタ、ホスティング、SSL、バックアップが1アカウントにまとまり、静的サイトの下準備がほぼ消える。
- 試用にクレジットカードが不要で、有料プランは月4ドルから。49ドルからの買い切りも選べる。
- テンプレートと GitHub 取り込みで、空のプロジェクトから動くページまでの距離が短い。
- 毎日のバックアップとデータ書き出しがあるので、移転を決めても足を取られない。
- ブラウザさえあればどの端末でも動く。Chromebook やタブレットでも同じだ。
デメリット
- PHP、Python、データベースに対応しないため、WordPress や Laravel、大半のバックエンドは使えない。
- 1ファイルあたりのアップロード上限が50 MB で、大きな動画を直接置くには足りない。
- 永続的な無料プランはない。7日を過ぎたら支払うかプロジェクトを失う。
- AIアシスタントは外部モデルに依存し、ファイル構成と噛み合わないコードを返すことがある。
よくある質問
ブラウザから静的サイトを書いて公開するためのサービスだ。ブラウザエディタで HTML、CSS、JavaScript を書き、独自ドメインか editor.do の無料サブドメインに公開する。SSL はすでに用意されている。
関連コンテンツ
Editor.doに関連するツール、スキル、記事を探す。
Editor.doの代替ツール
Udon
Udon · コーディング · 生産性向上Udon は Apple Silicon の Mac を Mac 家庭用サーバーに変えるソフトだ。ブラウザからコンテナとファイル共有を操作でき、AI システム管理者も任意で使える。
offstage
offstage cloud · コーディング · 生産性向上offstage は AI エージェントと CI ジョブに本物の Mac を渡す。Apple Silicon 上の macOS 27 アカウントを API で操作し、秒単位で課金される。
BotBus
Chengdu Tuyang Tusen Technology Co., Ltd. · コーディング · 生産性向上BotBusを使えば、スマホからAIコーディングエージェントを操作できる。席を外したままコマンドを承認し、タスクを始め、結果を確認できる。