ソフトウェア開発

プログラミング言語、フレームワーク、開発ツール、設計手法など、現場で役立つエンジニアリング知識を共有します。シニアエンジニアの視点から、コードの品質向上や生産性向上のためのヒントをまとめます。

全環境の通信をAI解析！Anything Analyzer

by

全環境の通信をAI解析！Anything Analyzer 「このリクエストヘッダーの X-Signature、一体どうやって計算してるんだ？」——深夜のオフィスで、難読化された数万行のJavaScriptを前にブラウザ … 続きを読む

光る枠線をReactで実装！border-beamの使い方

by

光る枠線をReactで実装！border-beamの使い方 2010年代初頭、私たちはボタンを一つ光らせるためだけに巨大なスプライト画像を切り出し、重たいJavaScriptのタイマーを回していた。今思えば苦笑してしまう … 続きを読む

Windows Defenderの奇妙な脆弱性「RedSun」とは

by

Windows Defenderの奇妙な脆弱性「RedSun」とは インシデントレスポンスの現場でログを追いかけていると、時折、モニターの前で頭を抱えながら乾いた笑いを漏らしてしまうことがある。システムを破壊した真犯人が … 続きを読む

K8sで動く次世代PostgresプラットフォームXata

by

データの重力に縛られてきた私たち 「本番相当のデータを使ってテストしたいんですが、ダンプのリストアに一晩かかります」。若手エンジニアからそう相談されたのは、もう10年以上前のことだ。当時はストレージも高価で、開発チーム全 … 続きを読む

Vercel発のWeb向け爆速ターミナル「wterm」

by

Vercel発のWeb向け爆速ターミナル「wterm」 ブラウザ上で動くターミナルを実装しようとしたとき、我々エンジニアには長らく「xterm.js」という強大な一択しか存在しなかった。VS Codeの統合ターミナルを支 … 続きを読む

サーバー不要！Vue3で作るアニメキャラMBTI診断アプリ

by

サーバー不要！Vue3で作るアニメキャラMBTI診断アプリ 15年前、ちょっとした性格診断やアンケートアプリを作るとなれば、LAMPスタック一択という時代があった。ユーザーがラジオボタンをポチポチと押し、「結果を見る」を … 続きを読む

UIコンポーネントを独立ウィジェット化する「isolet」

by

「他所の庭」にUIを植え付ける苦労 「この予約フォーム、別チームが運用しているキャンペーンサイトにもそのまま埋め込みたいんだけど」。開発現場に長く身を置いていると、数年に一度は必ずこの手の相談が舞い込む。要件としては極め … 続きを読む

S3 Filesが変えるAWS設計：不要になる中間層と新たな可能性

by

データ同期という「無駄な儀式」からの解放 我々エンジニアがこれまでクラウドアーキテクチャの設計において、どれほどの時間を「データの移動」という本質的ではない作業に費やしてきたかを考えてみてください。S3にあるデータを処理 … 続きを読む