Monthly Newsletter 8月号

2025年7月に投稿した記事のトピックをタグごとにまとめて紹介する。今月はCSSやJavaScriptの最新技術、AIの基礎、セキュリティ、知識系まで幅広い内容をカバーしている。

CSS

要素数に応じてスタイルを切り替えるテクニック「Quantity Queries」について解説。:has()や:nth-child()を組み合わせることで、Gridレイアウトなどで柔軟なデザインが可能になる。

CSSのsibling-indexとsibling-countを活用し、兄弟要素の数や位置を取得してリング状のメニューUIを実装する方法を紹介。角度計算などもCSSのみで完結できる。

ユーザーのフォントサイズ設定に対応する際の課題と、clamp()や加重平均を使った解決策を提案。デザイン崩れやユーザー体験の損失を防ぐための実践的なアプローチを解説。

JavaScriptの新提案「using」によるリソース管理の仕組みを解説。ガベージコレクションだけでは解決できない非メモリリソースの明示的な解放方法や、TypeScriptでの先行実装についてまとめている。

JavaScriptとCSS Custom Highlight APIを使い、任意のテキスト範囲にハイライトを適用する方法を紹介。::selectionや::target-textとの違い、動的なハイライトの実装例も解説。

TreeWalkerオブジェクトとNodeFilterを活用し、DOMツリーを効率的に走査する方法を解説。SHOW_ELEMENTやSHOW_TEXTの使い分けや、実用的なサンプルも掲載。

Element.closest()を使い、現在の要素から親方向に向かってCSSセレクタに一致するノードを取得する方法と注意点をまとめている。

RAG（Retrieval-Augmented Generation）の基礎を、手作業でモデル作成・ベクトル変換・ベクトル検索を行いながら解説。AIの仕組みを数式や具体例で丁寧に説明している。

ChatGPTやCopilotなどAIツールを日々の学びや調査、ブログ執筆にどう活用しているかを実体験ベースでまとめている。

公開情報を収集・分析するOSINTの概要と、サイバー攻撃への悪用事例、個人情報を守るための具体的な対策を解説。SNSやブログの利用方法の見直しも提案。

現代貨幣理論（MMT）の基本的な考え方と、日本の財政政策への応用可能性、インフレ制御の課題や賛否両論を整理している。

OOPの「継承を使うな」と言われる理由や背景、インターフェースやコンポジションなど現代的な設計手法との比較を解説。抽象化の失敗や多重継承の複雑性についても触れている。