TOML エディター オンライン

コード

エクスポート

マイドキュメント

ドキュメントをクリックすると開きます。ドキュメントはこのブラウザーにだけ保存され、アップロードはされません。ブラウザーのサイトデータを消去すると削除されるので、残したいものはダウンロードしてください。

AI アシスタント

どの AI とも一緒に作業できます - ChatGPT、Claude、Gemini、Copilot。

  1. プロンプトをコピー をクリックします。
  2. AI に貼り付けて、何を変更するか伝えてください。
AI にしてもらうこと

ドキュメントはリンクの「#」より後ろに入って運ばれ、どのサーバーにも見えません。AI に貼り付けた内容はその提供元が処理します。

自分のサーバーに保存

エディターは保存した版をそのつど自分のサーバー (Webhook) に送れるので、作業内容を好きな場所に保管できます。ここにアドレスを入力するまでは何も送信されません。

サーバーが受け取るもの

JSON 形式の POST リクエスト (サーバーは https://toml.giit.ch からの CORS を許可する必要があります)。content はドキュメントの文字列です:

{ "editor": "toml", "event": "save", "id": "…", "name": "Settings",
  "content": "debug = false\nport = 8080\n",
  "updated": "2026-01-15T09:30:00.000Z" }
エディターを自分のサイトに埋め込む
<iframe src="https://toml.giit.ch/?embed=1" style="width:100%;height:80vh;border:0"></iframe>
<script>
const frame = document.querySelector('iframe');
addEventListener('message', e => {
  if (e.origin !== 'https://toml.giit.ch' || e.source !== frame.contentWindow) return;
  if (e.data.type === 'tomleditor:ready')
    frame.contentWindow.postMessage({ type: 'tomleditor:load', name: 'Settings',
      content: settingsToml }, 'https://toml.giit.ch');
  if (e.data.type === 'tomleditor:save') saveOnYourServer(e.data.content);
});
</script>

ほかにも: ?src=<.toml ファイルの URL> でファイルを開き、&webhook=<URL> でこのドキュメントをそこへ保存します。エディターは専用のウィンドウでも開けます (?embed=window)。また、ページから独自の AI プロンプトとセッションキーを渡して、AI が結果をあなたのサーバーへ送るようにもできます (tomleditor:ai、tomleditor:key-request)。エディターの下の「エディターを自分の Web サイトで使う」を参照してください。詳細は llms.txt にあります。

ヘルプ

使い方

  1. 左側に TOML を書くか、新規とテンプレートのどれかで始めます。中央のツリーは入力に合わせてデータを表示します。テーブルと配列は折りたためて、各値には型が表示され、{3} と [5] は項目数を示し、複数の場所に書かれたテーブルは 1 つの項目になります。
  2. ツリーのキーや値をクリック すると、その場で変更できます。Enter またはほかの場所をクリックすると、変更がコードのちょうどその位置に書き込まれ、コメントと書式は残ります (元に戻す 1 回分)。Escape で取り消します。ツリーの上のボタンで項目の追加、複製、移動、削除、値の型の変更ができます。
  3. ツリーでクリックすると、コードのカーソルがその値に移動します。コード内のカーソルはツリーのその値を示します。選択した値のパス ($.items[3].name) はツリーの下にあります。日付と時刻には種類が表示されます。
  4. 問題 (2 回定義されたキーやテーブル、引用符のない値、無効な数値や日付、スキーマに合わないもの) は行と列とともにコードの上に一覧表示されます。クリックするとその場所に移動します。
  5. 右側の 値 には選択したキーと値が表示されます。挿入 で項目やコードの部品を追加し、変換 でドキュメントを整形したり JSON、YAML、CSV、XML に変換したりします。スキーマ では自分のドキュメントの JSON Schema で検証します。
  6. マイドキュメント (左上のフォルダーボタン) には、このブラウザーに保存されたすべてのドキュメントが一覧表示されます。エクスポート で TOML、JSON、YAML、CSV、テキストとして保存します。
  7. エクスポートには別のエディターで開くもあります。文書を変換し、そちらで新しい文書として開きます。相手の形式に入らないものは先に一覧表示されます。

キーボードショートカット

↑ ↓ ← →
ツリー内: 上下に移動、折りたたみと展開
Enter
ツリー内: 値を変更 (F2: キー)
削除
ツリー内: 項目を削除
Alt + ↑ / ↓
ツリー内: 項目を上 / 下へ移動
Ctrl + F
ツリーのキーと値を検索
Ctrl + Shift + F
ドキュメントを整形
Tab / Shift + Tab
コードのインデントを増やす / 減らす
Ctrl + /
行をコメント化 / 解除 (#)
Ctrl + Z / Y
元に戻す / やり直す
Ctrl + S / E
保存 (ダウンロードまたはサーバーへ) / エクスポート
Ctrl + O
マイドキュメント

Enter は行のインデントを保ち、[ や { の後では 1 段インデントします。引用符と括弧は選択範囲を自動で囲みます。

TOML をコードとツリーでオンライン編集

TOML エディターは、TOML コードとデータのツリーを並べて表示します: pyproject.toml、Cargo.toml、Hugo や Netlify、自分のアプリの設定など。テーブルと配列を折りたたみ、各値の型と項目数を確認し、キーと値をツリーで直接変更できます。変更はコードのまさにその場所に書き込まれ、コメントと書式はそのまま残ります。エラーは行と列とともに一覧表示され (2 回定義されたキーから存在しない日付まで)、データは JSON Schema で検証し、JSON、YAML、CSV、XML に変換できます。

すべてブラウザー内で動作します。ドキュメントは当サイトのサーバーではなくブラウザー内に保存され、登録も広告もありません。

エディターでできること

コードとツリー

左に色分けされた TOML 1.0、中央に折りたためるツリー。ツリーでクリックするとコードに移動し、コードのカーソルはツリーのその値を示します。

ツリーで編集、コメントはそのまま

キーと値の変更、項目の追加、複製、移動、削除、型の変更。それぞれがコードへの小さな編集なので、コメントと空行はそのまま残ります。

見つけやすいエラー

2 回定義されたキーやテーブル、引用符のないテキスト、先頭がゼロの数値、存在しない日付、JSON Schema に合わない値を、それぞれ行と列とともに表示します。

複数の場所にあるテーブル

[server] のようなテーブル、[[servers]] のようなテーブルの配列、server.port のようなドット付きキー、{ x = 1 } のようなインラインテーブルが 1 つのツリーになります。キーの名前を変えると、それを指すすべてのヘッダーで変わります。

変換

1 つのレイアウトに整形するか、JSON、YAML、CSV (テーブルの配列は表になります)、XML に変換します。JSON、YAML、CSV、XML ファイルは TOML として開きます。

多数のドキュメント

ドキュメントをいくつでもブラウザー内に保管でき、それぞれに元に戻す履歴があり、すべてを ZIP でダウンロードできます。

使い方

  1. 始める - 「新規」でテンプレート (pyproject.toml、Cargo.toml、Hugo サイト、Netlify) を選ぶか、.toml ファイルを開くか、TOML を貼り付けます。
  2. 編集 - コードでもツリーでも編集できます。両方とも常に同じデータを表示します。
  3. 確認してエクスポート - 一覧の問題を直し、スキーマを選んで、TOML、JSON、YAML、CSV、テキストでダウンロードします。

エディターを自分の Web サイトで使う

iframe や専用ウィンドウを使って、このエディターを自分の Web サイトに組み込めます。ページからドキュメントを渡し、変更や保存をすべて受け取り、AI の結果を自分のサーバーに送らせることもできます。登録もキーも不要です。

エディターを自分の Web サイトに埋め込む →

よくある質問

データはアップロードされますか?

いいえ。エディターはブラウザー内で動作し、ドキュメントは当サイトのサーバーではなくブラウザー内に保存されます。ドキュメントがサーバーに送られるのは、自分のサーバーへの Webhook を自分で設定した場合、このエディターを埋め込んだ Web サイトが自身のサーバーに保存した場合、またはほかの Web サイトがフォーム (post.php) を使ってこのエディターで開いた場合だけです。その場合も当サイトのサーバーは保存せず、そのままブラウザーに渡します。ほかの Web サイトと同じく、サーバーはアクセスごとにログを記録し、ページビューは匿名で集計しています。詳しくはプライバシーポリシーをご覧ください。

ツリーで編集してもコメントは残りますか?

はい。ツリーでの変更はコードのちょうどその位置に書き込まれ、コメント、空行、そのほかの書式はそのまま残ります。「元に戻す」ですべての変更を戻せます。

どの TOML を読めますか?

TOML 1.0 です: テーブル、テーブルの配列、ドット付きキー、インラインテーブル、4 種類の文字列、10 進・16 進・8 進・2 進の整数、inf と nan を含む浮動小数点数、日付と時刻。Python の tomllib が受け付けるものを受け付け、それ以外はすべて行と列とともに報告します (2 回定義されたキーやテーブル、先頭がゼロの数値、存在しない日付など)。

複数の場所に書かれたテーブルは?

ツリーにはすべてのキーとともに 1 回だけ表示されます。名前を変えると、それを指すすべてのヘッダーとドット付きキーが変わります。その場でできない変更 (ファイルに散らばったテーブルの移動など) は、ファイルを書き換える代わりにメッセージを出して断ります。

TOML を JSON、YAML、CSV、XML に変換できますか?

はい、変換 タブまたはエクスポートで変換できます。日付と時刻はテキストになります。開いた JSON、YAML、CSV、XML ファイルは TOML に変換されます。TOML には null がないため、空の値は省かれ、その旨が表示されます。

ドキュメントはどこに保存されますか?

ブラウザー内だけです。左上のフォルダーボタン (マイドキュメント) をクリックすると、開く、名前の変更、複製、ダウンロード、削除ができます。ブラウザーのサイトデータを消去すると削除されるので、残したいものはダウンロードするか、エディターから自分のサーバーに送ってください (「サーバーに保存」)。

AI に TOML エディターで書いてもらえますか?

はい、どの AI でも使えます。ChatGPT、Claude、Gemini、Copilot、またはコーディングツールの AI です。「AI アシスタント」、続いて「プロンプトをコピー」をクリックし、AI に貼り付けて何を変更するか伝えてください。AI はリンクで回答します。クリックするとデータがエディターに表示されます。「元に戻す」ですべての変更を戻せます。

TOML エディターは有料ですか?

いいえ。エディターは無料で、広告も登録もありません。