はじめに

こんにちは！ヒヨドリです
HTML/JS/CSS 高機能な、論理回路シミュレータを作りました！
AIも活用しました！
github page で公開しているのでぜひ何か作ってみてください！
リンクはこちら

📖 使い方マニュアル

ブラウザだけで動作する高機能論理回路シミュレーターです。
インストール不要で、直感的な操作で回路設計からCPU作成まで行えます。

マウスとキーボードを使って操作します。

作業効率を上げるためのショートカットキーです。

部品の端にある「丸い点」が接続ピンです。

部品を選択してキーボードの E を押すと、部品に応じた詳細設定が可能です。

作った回路を一つのブラックボックス（ICチップ）として保存・再利用できる強力な機能です。

作成した回路はテキストデータとして扱えます。

サイドバーにあるスライダーでシミュレーション速度を変更できます。
大規模な回路や、クロックを高速に動かしたい場合は x10 や x100 に設定してください。

このツールは元々、「CPUの仕組みをブラックボックスなしで、ゼロから理解したい」という自分の学習用に作り始めたものです。

既存のシミュレーターはインストールが必要だったり、操作が複雑だったりすることが多かったため、**「URLを開くだけで誰でもすぐに実験できる環境」**を目指して、HTML1ファイル完結にこだわりました。

フレームワークを使わずにVanilla JSとCanvas APIだけで実装するのは泥臭い作業でしたが、その分、描画パフォーマンスのチューニングやデータ構造の設計など、Webフロントエンドの基礎体力をつける良い経験になりました。

電子工作の学習用としてはもちろん、パズル感覚で遊ぶだけでも楽しいと思います。
もし気に入っていただけたら、LGTM（いいね）やストックをいただけると開発の励みになります！

バグ報告や「こんな機能が欲しい」といったアイデアがあれば、コメント欄やGitHubのIssueでお気軽にお知らせください。

最後まで読んでいただきありがとうございました。

(この記事を書くのにもAIを活用しています)