jQuery依存の実装を、コピペしやすい Vanilla JS / CSS-only スニペットに置き換えるためのスニペット集です。
ビルドツール不要。index.html を開くだけで使えます。
- モーダル
- ドロワー
- ページ内リンク
- カルーセル
- アコーディオン
- Scroll Reveal
- タブ
- ハンバーガーメニュー
- DOM操作ユーティリティ
- その他UI小物（トースト / ツールチップ など）
さらに、GUIでスニペットを管理できる管理画面（admin.html）付きです。
特徴
- ビルド不要（HTML/CSS/JSのみ）
- カテゴリフィルタ + 検索
- HTML / CSS / JS を個別コピー
- CSS-only 実装パターンも収録
- GUIでスニペット追加・編集・削除・並び替え
- localStorage保存でデータ永続化（ブラウザ単位）
ディレクトリ構成
“`txt
jquery-replacement-snippets/
├── index.html # スニペット閲覧ページ
├── admin.html # スニペット管理画面（GUI）
├── style.css # 共通スタイル
├── app.js # 閲覧ページUI制御（検索 / コピー / 絞り込み）
├── admin.js # 管理画面UI制御（ログイン / CRUD / 保存）
└── snippets.js # 初期スニペットデータ（初回ロード用）