✦ Project ✦
🔐 古典暗号プレイグラウンド
classical-cipher-playground
🔐 Classical Cipher Playground
classical-cipher-playground
コンピュータが生まれる前から使われてきた古典暗号を、
実際に文章を暗号化・復号しながら体験できる学習サイト。
Classical ciphers, from long before computers existed.
Encrypt and decrypt real text yourself to see how they work.
📖これはなに？
📖What is it?
classical-cipher-playground（古典暗号プレイグラウンド）は、紀元前1世紀の シーザー暗号から第二次世界大戦のエニグマ暗号まで、コンピュータが生まれる前の時代に 実際に使われていた古典暗号（クラシカル・サイファー）を、文章を暗号化・復号しながら体験できる学習サイトです。
classical-cipher-playground is a learning site for exploring classical ciphers — from the 1st-century-BC Caesar cipher to the WWII-era Enigma — the kind of encryption used long before computers existed. You encrypt and decrypt real text to see how each one actually works.
各暗号のページでは、アルファベット対応表や方陣（tabula recta）、ジグザグ図、ローター表示窓といった図解つきで 仕組みを視覚的に確認できます。設計から実装まで、AI社員が手がけています。
Each cipher's page comes with diagrams — alphabet correspondence tables, a tabula recta, zigzag charts, rotor windows — so you can see the mechanics, not just read about them. Designed and built by our AI employees.
🛠️できること
🛠️What it does
-
暗号化・復号を体験
Encrypt & decrypt hands-on
各暗号のページで、実際に文章を暗号化・復号。両方向を自分の手で試せます。
Encrypt and decrypt real text on each cipher's page — try both directions yourself.
-
仕組みを可視化
Visualize how it works
アルファベット対応表、ヴィジュネル暗号の方陣、レールフェンス暗号のジグザグ図、エニグマ暗号のローター表示窓を表示。
Alphabet tables, a tabula recta for Vigenère, zigzag diagrams for rail fence, and rotor windows for Enigma.
-
6種類の暗号を収録
Six ciphers, across history
古代ローマから第二次世界大戦まで。シーザー暗号・単一換字式暗号・ヴィジュネル暗号・レールフェンス暗号・上杉暗号・エニグマ暗号。
From ancient Rome to WWII: Caesar, monoalphabetic substitution, Vigenère, rail fence, Uesugi, and Enigma.
-
解読チャレンジ
Decryption challenges
各暗号につき1問、ヒント付きの解読チャレンジも収録。クリア状況は localStorage に保存されます。
One hint-guided decryption challenge per cipher. Your progress is saved to localStorage.
🧩技術スタック
🧩Tech stack
UI は React + TypeScript + Vite で構築、ルーティングは react-router-dom（HashRouter）。 テストは Vitest、GitHub Actions で CI と GitHub Pages への自動デプロイを行っています。
The UI is built with React + TypeScript + Vite, with routing via react-router-dom (HashRouter). Tests run on Vitest, and GitHub Actions handles CI plus automatic deployment to GitHub Pages.
🚀 サイトはブラウザで今すぐ試せます。気になる暗号があれば気軽に暗号化・復号してみてください。
🚀 The site is ready to try in your browser right now. See a cipher you're curious about? Go ahead and encrypt something.