渡辺橋のJSON → TOON 変換ツール

概要

このツールは、JSON形式のデータをTOON形式に変換するためのウェブアプリケーションです。 すべての変換はブラウザ内で完結し、入力されたデータがサーバーに送信されることはありません。

主な機能

• JSONからTOONへの変換: 入力されたJSONデータをTOON形式に変換します。
• クライアントサイド処理: サーバーにデータを送信することなく、ブラウザ上で安全に変換処理を行います。
• クリップボードへのコピー: 変換結果を簡単にコピーできます。
• UIのクリア: 入力と出力エリアを一度にクリアできます。

技術スタック

• HTML, CSS, JavaScript
• CSSフレームワークはBootstrapを使用
• JSONからTOONへの変換で公式の@toon-format/toonライブラリを使用

使い方

1. Webページを開きます。
2. 左側の「JSON入力エリア」に、変換したいJSONデータを貼り付けます。
3. 「変換」ボタンをクリックします。
4. 右側の「TOON出力エリア」に変換結果が表示されます。
5. 「コピー」ボタンで結果をクリップボードにコピーできます。

ローカルでの実行方法

1. リポジトリをクローンします。

   git clone https://git.watanabebashi.net/Watanabebashi/WB-ToonTools
   cd WB-ToonTools
   

2. 依存関係をインストールします。

   npm install
   

3. 開発用サーバーを起動します。

   npx http-server
   

4. ブラウザで http://127.0.0.1:8080 にアクセスします。

開発予定の機能

• TOON形式からJSON形式への逆変換
• 入力されたJSON/TOONの構文ハイライト
• CSV等の形式への対応
• 節約トークン数の表示

ライセンス

このプロジェクトは AGPLv3 の下でライセンスされています。

© 2025 Watanabebashi Alpha