Engineer Quiz — エンジニア面接対策クイズ

プロジェクト概要

Backend / Frontend / DevOps / Security / CI/CD / Coding / LLM / Program の 8 カテゴリ、計 351 問 の実践的な技術面接問題と、12 本の技術解説記事をまとめた学習 Web アプリ。自ドメイン quiz.yoshikiohashi.dev で公開。

主な機能

• 8 カテゴリ: Backend(90) / Frontend(99) / DevOps(177) / Security(98) / CI/CD(94) / Coding(95) / LLM(99) / Program(4)
• 技術解説記事: 12 本の記事で Markdown + Mermaid 図表を埋め込み
• カテゴリ別出題: 学びたい領域だけをピンポイントで演習
• 完全静的: フレームワークなし、CDN のみで動作

技術的な特徴

• Vanilla JavaScript: あえてフレームワークを使わず、依存を最小に
• Tailwind CSS (CDN): ビルド不要でスタイルを一気に適用
• Marked.js + Mermaid.js: Markdown 記事とアーキ図をブラウザで直接レンダリング
• 静的ホスティング前提: GitHub Pages / Vercel / Cloudflare Pages のどこでも動く

成果

• 自ドメインでの継続運用
• LLM を含む現代的な設問カバレッジ
• フレームワークなしでも十分に使える UX が成立することの実証