Compare commits
4 Commits
2a2b24d11a
...
main
| Author | SHA1 | Date | |
|---|---|---|---|
| 7569ff6930 | |||
| 3b1792df01 | |||
| fc1f04fa12 | |||
| 7c58848869 |
56
README.md
56
README.md
@@ -1,2 +1,56 @@
|
||||
# WB-ToonTools
|
||||
渡辺橋のJSON → TOON 変換ツール
|
||||
|
||||
## 概要
|
||||
|
||||
このツールは、JSON形式のデータをTOON形式に変換するためのウェブアプリケーションです。
|
||||
すべての変換はブラウザ内で完結し、入力されたデータがサーバーに送信されることはありません。
|
||||
|
||||
## 主な機能
|
||||
|
||||
- **JSONからTOONへの変換**: 入力されたJSONデータをTOON形式に変換します。
|
||||
- **クライアントサイド処理**: サーバーにデータを送信することなく、ブラウザ上で安全に変換処理を行います。
|
||||
- **クリップボードへのコピー**: 変換結果を簡単にコピーできます。
|
||||
- **UIのクリア**: 入力と出力エリアを一度にクリアできます。
|
||||
|
||||
## 技術スタック
|
||||
- HTML, CSS, JavaScript
|
||||
- CSSフレームワークはBootstrapを使用
|
||||
- JSONからTOONへの変換で公式の[@toon-format/toon](https://github.com/toon-format/toon)ライブラリを使用
|
||||
|
||||
## 使い方
|
||||
|
||||
1. Webページを開きます。
|
||||
2. 左側の「JSON入力エリア」に、変換したいJSONデータを貼り付けます。
|
||||
3. 「変換」ボタンをクリックします。
|
||||
4. 右側の「TOON出力エリア」に変換結果が表示されます。
|
||||
5. 「コピー」ボタンで結果をクリップボードにコピーできます。
|
||||
|
||||
## ローカルでの実行方法
|
||||
|
||||
1. リポジトリをクローンします。
|
||||
```bash
|
||||
git clone https://git.watanabebashi.net/Watanabebashi/WB-ToonTools
|
||||
cd WB-ToonTools
|
||||
```
|
||||
2. 依存関係をインストールします。
|
||||
```bash
|
||||
npm install
|
||||
```
|
||||
3. 開発用サーバーを起動します。
|
||||
```bash
|
||||
npx http-server
|
||||
```
|
||||
4. ブラウザで `http://127.0.0.1:8080` にアクセスします。
|
||||
|
||||
## 開発予定の機能
|
||||
|
||||
- TOON形式からJSON形式への逆変換
|
||||
- 入力されたJSON/TOONの構文ハイライト
|
||||
- CSV等の形式への対応
|
||||
- 節約トークン数の表示
|
||||
|
||||
## ライセンス
|
||||
|
||||
このプロジェクトは [AGPLv3](https://www.gnu.org/licenses/agpl-3.0.html) の下でライセンスされています。
|
||||
|
||||
© 2025 Watanabebashi Alpha
|
||||
@@ -3,7 +3,7 @@
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>JSON to TOON Converter</title>
|
||||
<title>渡辺橋のJSON → TOON 変換ツール</title>
|
||||
<link href="css/bootstrap.min.css" rel="stylesheet">
|
||||
<style>
|
||||
.io-box {
|
||||
@@ -11,7 +11,7 @@
|
||||
overflow-y: auto;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
</head>て
|
||||
<body>
|
||||
|
||||
<div class="container mt-4">
|
||||
@@ -88,7 +88,7 @@
|
||||
const pageTitle = encodeURIComponent(document.title);
|
||||
|
||||
const twitterShare = document.getElementById('shareTwitter');
|
||||
twitterShare.href = `https://twitter.com/intent/tweet?url=${pageUrl}&text=${pageTitle}`;
|
||||
twitterShare.href = `https://x.com/intent/post?url=${pageUrl}&text=${pageTitle}`;
|
||||
|
||||
const facebookShare = document.getElementById('shareFacebook');
|
||||
facebookShare.href = `https://www.facebook.com/sharer/sharer.php?u=${pageUrl}`;
|
||||
|
||||
Reference in New Issue
Block a user