• チーズアカデミーを D&D で 簡単に HTML 生成できるツール

• タブレットでも操作しやすいように D&D できる画像を大きめにした
• ファビコンがかわいいチーズアイコンになってます ('ω')
• 生成される HTML は Tailwind CSS を使用してコードが書かれています

• HTML を生成するための テンプレートになる HTML ファイルを作成するが大変だった
• レスポンシブ対応したかった！

使用したオープンソースやライブラリなど

Stitches https://github.com/amiechen/stitches-template-generator このアプリの基礎になっている HTML を生成するツールです。GitHub で公開されています。

Dragula https://github.com/bevacqua/dragula D&D ライブラリです。

Tailwind CSS https://tailwindcss.com/ CSS フレームワークです。生成された HTML ファイルは Tailwind CSS に対応したクラス名でコードが書かれています。