ENGINEERING ARTICLES & TROUBLESHOOTING LOGS
自分のリポジトリやプロダクト開発において、実際に直面した課題・アーキテクチャの選択理由・障害対応ログをまとめた実践技術記事です。一般論ではなく、一次情報と実証コードに基づいて執筆しています。
SECURITY / CORS & CSRF
解決課題: GitHub Pagesから外部PHP APIへの送信時に発生した303 Redirect追従エラー、DOM再構成時のチェックボックス値フォールバック、およびスパム用invalid_timing判定の現場デバッグ。
技術スタック: Vanilla JS, Fetch API, PHP 8.2, Simple CORS, CSRF Token
対象読者: 静的ホスティングと外部APIを安全に接続したいWeb開発者
PWA / SERVICE WORKER
解決課題: Webpack/Vite等のバンドラーを挟まないPure Static構成で、GitHub Pagesサブパス環境とカスタムドメイン環境の双方でオフラインキャッシュ整合性を保つ設計。
技術スタック: Service Worker API, Native ES Modules, Python (Pre-flight verify)
対象読者: ビルドツール非依存のPure Static PWAアプリを運用したいエンジニア
STATIC WEB / ARCHITECTURE
解決課題: ビルド不要の単一HTML構成で、多言語切替、GitHub API連携、SEO、および障害時Fallback表示を整理する設計パターン。
技術スタック: HTML5, CSS3, Vanilla JS, GitHub Pages, JSON-LD
対象読者: 高速・軽量で多言語対応した個人ポートフォリオを構築したいエンジニア