【VS Code】巨大なMermaid図が見づらい！を解決するズーム＆パン機能付き拡張機能を作って公開した話

はじめにVS Code Marketplace に「mermaid-pan-zoom」を公開しました！この拡張は、Markdown に書いた Mermaid 記法の図を、拡大・縮小・パン操作しながらプレビューできる VS Code 拡張機能です。この記事では、開発の過程でや

Next.js 15 App Router で CSP対応

最近、Next.js App Router で CSP 対応したので、備忘として書こうと思います。Next.js のチュートリアルと Google が推奨する Strict CSP に基づいて、nonce と strict-dynamic を利用した Next.js での CS

インターフェースとDIで実現する柔軟なアーキテクチャ

はじめに本稿では、インターフェースについてまだよく知らない方を対象に、ソフトウェア開発におけるインターフェースの重要性とその活用法について解説します。 プログラムは基本的には依存関係を持つプログラムのソースコードは基本的に依存関係を持ちます。一つのソースコード内に全てを

Docker + Embulk でDBからCSVを抽出するだけの最小構成ガイド

はじめにシステムリプレイスに伴うデータ移行対応で、Embulk を使って DB からデータを抽出する必要があり、Docker 上に実行環境を構築しました。本記事では、その構築手順と設定内容を備忘としてまとめています。対象範囲は、Docker + Embulk 環境で「DB か