ホーム / 事業概要 / UTNOA HTMLエディタ

UTNOAのサービス

UTNOA HTMLエディタ

AIが作った資料を、
画面の上で直せる。

文章の言い回し、色、余白。HTMLのコードが分からなくても、直したい場所を選んで編集できます。Web版とChrome拡張機能を、無料で使えます。

UTNOA HTMLエディタのイメージ
文字を選び、その場で編集。HTML資料をすぐに仕上げる

UTNOAHTMLエディタとは

AIが作ったHTMLの資料やページを、表示された画面の上で手直しできる無料ツールです。コードの編集に慣れていなくても、直したい場所を選んで操作できます。

文章と見た目の修正

気になるところを、その場で直す

文章、文字の大きさ・色、余白、画像などを画面上で編集。小さな修正のたびにAIへ頼み直す手間を減らせます。

できることを見る

修正から保存まで

HTMLを開いて、直して保存

Web版とChrome拡張版の2つから選べます。どちらも登録不要・無料で、開いたファイルはパソコンの中で処理します。

料金・利用方法を見る

Web版はブラウザで開くだけ。Chrome拡張版はインストールして使えます。どちらも登録不要・無料です。

よくある課題

  • 一文字の誤字を直すために、AI に説明し直して、全体を作り直してもらっている。
  • 見出しの大きさや色を少しだけ変えたいのに、コードのどこを触ればよいか分からない。
  • 画像を差し替えたいだけなのに、ファイルの中身を開くのがこわい。

できること

01 文章を直す

ダブルクリックで、その場で直す。

画面の上でクリックして選び、ダブルクリックで文章を直せます。日本語の変換入力や改行にも対応しています。

✓文章をダブルクリックすると、その場で入力できます。Enter で改行、Esc で確定します。実際の画面から、選んだところと右のパネルを切り出しています。
02 見た目を整える

見た目は、右のパネルで整える。

文字の大きさ・色・太字・揃え、背景の色、余白、横幅を変えられます。画像も差し替えられ、大きな写真は自動で縮小して埋め込みます。

✓見出しを選ぶと、右のパネルで文字の大きさ・色・余白・横幅を変えられます。実際の画面から、選んだところと右のパネルを切り出しています。
03 まとまりの操作

まとまりごと、並べ替える。

段落やカード、セクションを複製・削除・上下の入れ替えできます。「外側を選ぶ」で、選ぶ範囲を段落からセクションまで広げられます。

✓カードをまとまりごと選び、複製・削除・上下の入れ替えができます。実際の画面から、選んだところと右のパネルを切り出しています。
04 送信しない

ファイルは、どこにも送らない。

開いた HTML はパソコンの中だけで処理します。UTNOA を含め、どこにも送信しません。

✓開いたファイルは、パソコンの中だけで処理します。

元に戻せて、
元の形のまま保存できる。

元に戻せるから、安心して試せる。

最大100回まで元に戻せます。保存していない変更があるときは、閉じる前に確認します。

元の資料の形のまま、保存する。

標準は「別名で保存」です。対応するブラウザでは、元のファイルへの上書きもできます。タイトルやスタイル、スクリプトなど、元の構造を保ちます。

できないこと

  • React などのプログラムで作られた画面を、元のプログラムに戻すこと
  • グラフ・動画・埋め込みの中身を直すこと、自由な位置へのドラッグでの配置
  • 保存したファイルを、元とまったく同じ文字の並びにすること(引用符や空白の一部は、ブラウザの標準の形に整います)
  • HTML を無害にすること。保存したファイルには元のスクリプトが残り、ブラウザで開くと動きます

料金・利用方法

項目Web 版Chrome 拡張版
始め方ページを開いて、手元の HTML を選ぶChrome で開いている HTML のタブで、右側のパネルから編集を始める
別のファイルの画像・CSS資料のフォルダを選ぶと表示できるそのまま表示される
UTNOA の案内画面の端と、ファイルを開いたときに表示(保存したファイルには入りません)右のパネルの下に表示(開いている資料と保存したファイルには入りません)
料金無料登録なし・回数の上限なしで無料
登録不要不要

Chrome 拡張版の使い始め方

  1. Chrome に追加

    Chrome ウェブストアの掲載ページで「Chrome に追加」を押します。

  2. ファイルへのアクセスを許可

    拡張機能の詳細で「ファイルの URL へのアクセスを許可する」をオンにします。

  3. HTML を Chrome で開く

    直したい HTML ファイルを Chrome で開き、ツールバーの拡張機能のアイコンを押します。

  4. このページを編集する

    右側のパネルで「このページを編集する」を押すと、画面の上で直せます。

よくあるご質問

無料で使えますか?

はい。Web 版も Chrome 拡張版も無料で、登録も回数の上限もありません。どちらも、UTNOA のサービスのお知らせを画面に表示します(開いている資料と保存したファイルには入りません)。

開いたファイルは、どこかに送られますか?

いいえ。開いた HTML はパソコンの中だけで処理し、UTNOA を含め、どこにも送信しません。

どのブラウザで使えますか?

Chrome 拡張版は Google Chrome で使えます。Web 版は Chrome などで使え、上書き保存に対応していないブラウザでは、保存はダウンロードになります。

AI に作ってもらった HTML なら、どれでも直せますか?

多くの資料は直せます。ただし、プログラムを動かさないと中身ができないページや、外部のプログラムで見た目を作る資料は、Web 版では元どおりに表示されない場合があります。拡張版なら、実際のページのまま直せます。

保存したファイルは、元のファイルと同じ形ですか?

タイトル、スタイル、スクリプト、リンク先など、元の構造を保って保存します。引用符や空白の一部は、ブラウザの標準の形に整います。

直すたびに、AI へ頼み直さなくていい。

AIが作った資料の最後の手直しは、画面の上で。

拡大した操作画面
左右にスクロール

操作画面