Development tutorial - IT technology blog
Posted inDevelopment

React Hook Form + Zod: ReactとNext.jsでType-Safeなフォームバリデーションを構築する

React Hook FormとZodを組み合わせてReactおよびNext.jsでtype-safeなフォームバリデーションを構築する方法を解説。Zodスキーマの定義、zodResolverの統合、サーバーサイドのエラー処理、Server Actionsまで——クライアントとサーバーで同じスキーマを共有する実践的な手法を紹介する。
Git tutorial - IT technology blog
Posted inGit

BFG Repo-Cleanerの使い方：Gitリポジトリから機密データを削除してサイズを超高速で圧縮する

BFG Repo-Cleanerは、機密ファイル、ハードコードされたパスワード、大きなファイルをgit履歴全体からgit filter-branchの最大720倍の速さで削除できるツールです。.envの削除、large blobの除去、テキスト置換など実際のユースケース別に解説し、安全なverifyとforce pushの手順も紹介します。
Network tutorial - IT technology blog
Posted inNetwork

ethtool Linux：コマンドラインでNICの状態確認・速度設定・パフォーマンス最適化を完全解説

ethtoolはip linkでは表示できないNICのあらゆる情報を可視化するLinuxコマンドだ——実際のspeed/duplex、エラーカウンタからリングバッファ、オフロードまで。サーバー全体のNICヘルスチェックスクリプトとreboot後も設定を永続化する方法も解説する。
Network tutorial - IT technology blog
Posted inNetwork

PacketFenceによるNetwork Access Controlの展開：セキュリティポリシーに基づく社内ネットワーク接続デバイスの制御

PacketFenceを使った社内ネットワーク接続デバイスの制御方法を解説：インストールから始まり、Ciscoスイッチでの802.1X設定、Active Directoryの統合、モニタリング、認証非対応のIoTデバイスへの対応まで。50人規模のオフィス環境での実践経験をもとにした内容。
Development tutorial - IT technology blog
Posted inDevelopment

Next.js 15 App Router: Server Components、Server Actions、Partial Prerenderingをマスターしてパフォーマンスを最適化する

Next.js 15 App RouterはServer ComponentsとServer Actionsによってデータフェッチとフォーム処理の方法を根本的に変える。この記事では大規模なコードベースのリファクタリング経験から得た実践的なTipsと、1つのページでstaticとdynamicを組み合わせるPartial Prerenderingの設定方法を紹介する。