記事一覧

フォーム実装における数値入力制御の決定版ガイド。「type=number」の限界を克服し、モバイル端末での入力キーボードの自動最適化からZodによる堅牢なスキーマバリデーションまで、現場レベルの実装手法をコード例付きで解説します。

mainブランチへの直接pushはなぜ危険なのか？GitHubを使ったチーム開発・個人開発において守るべきブランチ運用ルールを、実例とともに解説します。

WordPressはもう古い？お金をかけずに、より高速で安全なブログを運営するための「Jamstack」構成を解説。サーバー代0円・運用コスト0円でブログを構築する現実的なステップと、VercelやCloudflare Pagesの使い分けをまとめました。

create-next-appで終わらせない。実務でそのまま使える Next.js 環境構築の手順を、設計の考え方と保守性を高める設定込みで解説。プロジェクトの「寿命」を決める最初の1時間でやるべきことを網羅しました。

「それ、実は危険です」。実務のセキュリティレビューや障害対応で実際に見てきた、Webセキュリティにおける致命的なNG判断をケース別に解説。SameSite=Laxの過信や管理画面の油断など、実務者がハマりやすい罠を網羅します。

「このコード、何をしているのかわからない…」から卒業するための決定版。『リーダブルコード』のエッセンスを、実務で多用する TypeScript や React のコード例に落とし込んで解説。読みやすいコードを「技術」として習得しましょう。

FFmpegで生成した動画がスマホで再生できない原因は、ビットレート過多やH.264 Profile設定にあります。ffprobeでの調査からモバイル向け最適化設定、Goでの実装例まで、実体験ベースで徹底解説します。

動くけれど触りたくないコードから卒業したい人へ。『改訂新版 良いコード／悪いコードで学ぶ設計入門』は、実務でよくある悪いコードを題材に、保守しやすい設計の考え方を学べる良書です。