itorr · OHMORIYUSUKE · Sep 7, 2026
diff --git a/README.ja.md b/README.ja.md
@@ -0,0 +1,24 @@
+![アニメ遍歴 個人的ベスト表](https://github.com/itorr/anime-grid/blob/master/simple.jpg?raw=true)
+
+# 🤖「アニメ遍歴 個人的ベスト表ジェネレーター」
+
+自分のアニメ遍歴や好みを1枚の表にまとめられるオンラインツールです。
+
+通常版に加えて、項目数を増やした[拡張版](https://lab.magiconch.com/anime-grid/ja/ex.html)もあります。
+
+## URL
+
+https://lab.magiconch.com/anime-grid/ja/
+
+## GitHub
+
+https://github.com/itorr/anime-grid
+
+## 利用について
+
+- アニメ情報は [Bangumi 番组计划](https://bangumi.tv/) から取得しています。
+- 商用・営利目的での利用は禁止されています。
+
+## 中文
+
+[中文 README](README.md)
diff --git a/README.md b/README.md
@@ -1,5 +1,7 @@
 ![动画生涯个人喜好表](https://github.com/itorr/anime-grid/blob/master/simple.jpg?raw=true)
 
+[日本語版 README](README.ja.md)
+
 # 🤖「动画生涯个人喜好表生成器」
 
 一个生成 动画生涯个人喜好表 的在线网页工具

diff --git a/html/ex.html b/html/ex.html
@@ -11,7 +11,7 @@
 <body>
     <div class="anime-grid-box"></div>
     <div class="more-link-box">
-        <a href="./">太多了，回普通版</a>
+        <a href="./">太多了，回普通版</a> · <a href="ja/ex.html">日本語</a>
     </div>
     <footer>
         <a href="https://lab.magiconch.com/" target="_blank">神奇海螺试验场</a>

diff --git a/html/index.html b/html/index.html
@@ -11,7 +11,7 @@
 <body>
     <div class="anime-grid-box"></div>
     <div class="more-link-box">
-        <a href="ex.html">不够填？来试试格子超多的扩展版</a>
+        <a href="ex.html">不够填？来试试格子超多的扩展版</a> · <a href="ja/">日本語</a>
     </div>
     <footer>
         <a href="https://lab.magiconch.com/" target="_blank">神奇海螺试验场</a>

diff --git a/html/ja/anime-grid.js b/html/ja/anime-grid.js
@@ -0,0 +1,34 @@
+class JapaneseAnimeGrid extends AnimeGrid {
+    generatorHTML({title}){
+        return `<canvas></canvas>
+<div class="ctrl-box">
+    <a class="generator-btn ui-btn" action="downloadImage">${title}を生成</a>
+</div>
+<div class="search-bangumis-box ui-shadow" data-show="false">
+    <div class="content-box">
+        <form>
+            <input type="text" placeholder="キーワードを入力してEnterで検索">
+        </form>
+        <div class="anime-list"></div>
+        <div class="foot">
+            <a class="close ui-btn" action="searchFromBangumi">Bangumiで検索</a>
+            <a class="close ui-btn" action="setInputText">見つからない場合は入力した文字を使う</a>
+            <a class="close ui-btn" action="setNull">空欄に戻す</a>
+            <a class="close ui-btn current" action="closeSearchBox">選択画面を閉じる</a>
+        </div>
+    </div>
+</div>
+<div class="output-box ui-shadow" data-show="false">
+    <div class="content-box">
+        <h3>完成しました！</h3>
+        <img>
+        <div class="body">
+            <p>画像を長押し、または右クリックして保存してください</p>
+        </div>
+        <div class="foot">
+            <a class="close ui-btn current" action="closeOutput">閉じる</a>
+        </div>
+    </div>
+</div>`;
+    }
+}
diff --git a/html/ja/ex.html b/html/ja/ex.html
@@ -0,0 +1,105 @@
+<!DOCTYPE html>
+<html lang="ja">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>アニメ遍歴 個人的ベスト表ジェネレーター 拡張版 - 神奇海螺试验场</title>
+    <meta name="keywords" content="アニメ遍歴,個人的ベスト表,ジェネレーター,拡張版,神奇海螺试验场,magiconch">
+    <link rel="stylesheet" href="../document.css">
+</head>
+<body>
+    <div class="anime-grid-box"></div>
+    <div class="more-link-box">
+        <a href="./">多すぎる？ 通常版に戻る</a> · <a href="../ex.html">中文</a>
+    </div>
+    <footer>
+        <a href="https://lab.magiconch.com/" target="_blank">神奇海螺试验场</a>
+        <a href="https://weibo.com/reiove" target="_blank">@卜卜口</a>
+        <a href="https://github.com/itorr/anime-grid" target="_blank">GitHub</a>
+        <span>アニメ情報提供：<a href="https://bgm.tv/" target="_blank">Bangumi 番组计划</a></span>
+    </footer>
+    <script src="../anime-grid.js"></script>
+    <script src="anime-grid.js"></script>
+<script>
+const typeTexts = `初ハマり
+一番好き
+一番語れる
+一番見た
+一番おすすめ
+一目惚れ
+
+一番課金した
+創作意欲が湧く
+一緒に見たい
+好きだが未完走
+議論したい
+心の支え
+
+癒される
+一番笑った
+一番感動
+一番熱い
+気楽に見れる
+一番こじれた
+
+一番切ない
+一番衝撃
+一番抽象的
+一番リアル
+一番怖い
+一番電波
+
+物語が最高
+作画が最高
+曲が最高
+声優が最高
+主題歌が最高
+一番グロい
+
+恋愛もの
+バトル
+ファンタジー
+SF
+ミステリー
+頭脳戦
+
+オリジナル作品
+最高のアニメ化
+漫画原作
+小説原作
+ゲーム原作
+劇場版
+
+隠れた名作
+好きな絵柄
+好きな長編
+積みっぱなし
+切るに切れない
+余韻が最高
+
+人気作だが苦手
+苦手な絵柄
+好きな短編
+名前だけ知ってる
+薦めにくい
+一番難解
+
+続編待ち
+胃が痛くなる
+過小評価
+過大評価
+意味不明
+一番嫌い`;
+new JapaneseAnimeGrid({
+    el: document.querySelector('.anime-grid-box'),
+    title: 'アニメ遍歴 個人的ベスト表 拡張版',
+    urlExt: '/ja/ex.html',
+    key: 'margiconch-animes-grid-ex-ja',
+    typeTexts,
+    col: 6,
+    row: 10,
+})
+</script>
+</body>
+</html>
diff --git a/html/ja/index.html b/html/ja/index.html
@@ -0,0 +1,54 @@
+<!DOCTYPE html>
+<html lang="ja">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>アニメ遍歴 個人的ベスト表ジェネレーター - 神奇海螺試验场</title>
+    <meta name="keywords" content="アニメ遍歴,個人的ベスト表,ジェネレーター,神奇海螺试验场,magiconch">
+    <link rel="stylesheet" href="../document.css">
+</head>
+<body>
+    <div class="anime-grid-box"></div>
+    <div class="more-link-box">
+        <a href="ex.html">枠が足りない？ 拡張版を試す</a> · <a href="../">中文</a>
+    </div>
+    <footer>
+        <a href="https://lab.magiconch.com/" target="_blank">神奇海螺试验场</a>
+        <a href="https://weibo.com/reiove" target="_blank">@卜卜口</a>
+        <a href="https://github.com/itorr/anime-grid" target="_blank">GitHub</a>
+        <span>アニメ情報提供：<a href="https://bgm.tv/" target="_blank">Bangumi 番组计划</a></span>
+    </footer>
+    <script src="../anime-grid.js"></script>
+    <script src="anime-grid.js"></script>
+<script>
+const typeTexts = `初ハマり
+一番好き
+一番見た
+一番おすすめ
+
+物語が最高
+作画が最高
+曲が最高
+声優が最高
+
+癒される
+感動した
+切ない
+過小評価
+
+過大評価
+ぶっ飛んでる
+一番苦手`;
+new JapaneseAnimeGrid({
+    el: document.querySelector('.anime-grid-box'),
+    title: 'アニメ遍歴 個人的ベスト表',
+    key: 'margiconch-animes-grid-ja',
+    typeTexts,
+    col: 5,
+    row: 3,
+    urlExt: '/ja/',
+})
+</script>
+</body>
+</html>