🗂

Vim操作で遊べるマインスイーパーを作りました (Svelte 5 Runes + TypeScript)

に公開
Vim
個人開発
Svelte
Neovim
oos
tech

Hi Zenn! 👋

(I am mainly an English speaker, so I will write in English below. Thanks for reading!)

個人的に開発しているオープンソースプロジェクト 「zsweep」 を紹介します。
Vimのキーバインド（h j k l w b など）を使って遊ぶマインスイーパーです。

!Demo: https://zsweep.com

🚀 Tech Stack

This project was built to experiment with the new Svelte 5 Runes syntax.

  • Framework: Svelte 5 (Runes) + SvelteKit
  • Language: TypeScript
  • State Management: Custom Finite State Machine
  • Styling: Tailwind CSS

🎮 How it works

Instead of clicking, you use Vim motions to navigate the grid:

  • w / b: Jump forward/backward by word (cell groups)
  • } / {: Jump vertically by paragraph (rows)
  • f{char}: Find specific cell types

🤝 Looking for Contributors (Mobile Support)

Currently, the desktop experience is great, but mobile support is missing.
If you are interested in Svelte 5 or UI/UX design, I would love your help!

GitHub: https://github.com/oug-t/zsweep

Pull RequestやIssueでのフィードバックをお待ちしています！
(We welcome Pull Requests and Issues!)

GitHub GistのページURLを指定してください

Discussion