個人的VSCodeの設定まとめ

個人的に使っているVSCodeの設定をまとめました。

クロスサイト・リクエストフォージェリ(CSRF）について勉強してみた

CSRF（クロスサイト・リクエストフォージェリ）についての仕組みや原因、具体的な対策（トークン、Referer/Origin チェックなど）をわかりやすく解説します。

TypeScript にパターンマッチングを導入するメリット

ts-pattern を使って TypeScript にパターンマッチングを導入するメリットと実践的な使い方をわかりやすく解説します。

CSS で 3D な本を作る

CSS（Tailwind）だけで作る本の 3D アニメーション解説。完成サンプルと手順、ポイント別のクラス指定で実装を丁寧に説明します。

GitHub Foundations 認定 合格体験記

GitHub Foundations に合格した勉強法・学習期間・模試の使い方を実体験ベースでまとめた合格体験記です。

サクッと始める TypeScript

初心者向け TypeScript 環境構築まとめ。npx/tsc、tsx による実行、ウォッチモードや package.json スクリプトの設定まで実用的に説明します。

Zod で実現！型安全性を強化するブランド型（Branded Type）の活用法

TypeScriptとZodで型の混同を防ぐブランド型（Branded Type）入門。構造的型付けの問題点を解説し、Zodのbrand()でIDやドメイン型を安全に扱う実装例を紹介します。

Issue ドリブン開発を個人開発に取り入れてみた話

Issueを中心に回す開発手法を個人プロジェクトで実践した体験談。ブランチ命名、PR連携、自動クローズやラベル運用など、すぐ使える運用例付き。

乱数と暗号技術について解説

乱数と暗号技術の関係や、JavaScriptによる疑似乱数生成の仕組み、セキュリティ上の注意点について初心者向けにわかりやすく解説。日常や暗号技術での乱数の使われ方、擬似乱数生成器の種類、Math.random()の危険性、より安全な乱数生成方法など、実例を交えてまとめています。

Prettier + ESLint を卒業して Biome を導入する手順と所感

JavaScript・TypeScriptプロジェクトでPrettierとESLintに代わる新しいツール「Biome」の導入手順を詳しく解説。設定の一元管理、高速なフォーマット・リント機能、VSCode拡張機能の設定、Git Hooksを使った自動チェックまで、実際の設定例とともに紹介。開発効率を向上させたい方におすすめの記事です。

MDX のコードブロックにシンタックスハイライトを適用する方法

Next.jsでMDXのコードブロックにシンタックスハイライトを適用する方法を解説。rehype-pretty-codeを使った実装手順から、コピー機能付きコードブロックの作成まで詳しく紹介。tailwindcss/typography、remark-gfmなどの必要なプラグインの設定方法も含めて、技術ブログでよく見るきれいなコードブロックを実現する方法をまとめています。

プログラマーの基礎を「プリンシプルオブプログラミング」で学ぶ！

プログラミングの原理原則を体系的に学べる「プリンシプルオブプログラミング」を読んだ感想・レビュー記事です。初心者から中級者まで、実務で役立つ101のプリンシプルをわかりやすく紹介。実際に読んで印象に残ったポイントや、エンジニアとして成長するためのヒントをまとめています。

暗号化についてよく理解していなかったので「暗号技術入門」を読んでみた！

セキュリティ（暗号化）について素人レベルの知識しかなかったので、「暗号技術入門」という書籍で暗号化の基礎を学んでみました！

自己紹介

自己紹介です。筆者の経歴やスキルセット、趣味などについて、ざっくばらんに書いています。