SVG SVGのビューポートとビューボックスの関係について SVGを使う上で最初に躓く(かもしれない) ビューポート (viewport) とビューボックス (viewBox) の関係について解説します。ビューポートとビューボックスを実際に定義してその結果を確認できる可視化ツールも提供しています。 2024.08.19 SVG
SVG SVG要素の分類について SVG (Scalable Vector Graphics) 仕様書に定義されている要素のカテゴリを分かりやすいように図式化してみました。 2024.07.14 SVG
SVG SVGとマウスイベントの処理について Webブラウザ上でのScalable Vector Graphics (SVG) のマウスイベントの処理について解説します。<use>, <symbol>, <marker>といったのHTMLには無い位置付けの要素について注意点をまとめました。 2024.07.14 SVG
React 備忘録: Reactコンポーネントの純粋性と副作用について理解する Reactではコンポーネントは純粋 (Pure) であることが求められる。純粋であるとは具体的にはどういうことか、またなぜ純粋性が求められるのか、そして副作用との関係は、といった疑問について考察してみた。 2024.05.11 React
Nginx Nginxをプライベート認証局やオレオレ証明書でHTTPS化 Nginxで構築したWebサーバーのHTTPS化について紹介します。サーバー証明書には、プライベート認証局で署名した証明書、または自己署名した証明書を使っています。 2024.03.29 NginxSecurity
Apache UbuntuのRedmineをApacheで動かす (HTTPSとCORSに対応) (旧版) UbuntuにインストールされたRedmine 5.0をApacheと組み合わせて稼働する手順を紹介します。自己証明書を使ったHTTPS化、またCORSの対応方法についても紹介しています。 2024.03.25 ApacheRedmine
Nginx UbuntuのRedmineをNginxで動かす (HTTPSとCORSに対応) UbuntuにインストールされたRedmineをNginxと組み合わせて稼働する手順を紹介します。自己証明書を使ってHTTPS化し、またCORS対応も行っています。コピー&ペーストで実行可能です。 2024.03.21 NginxRedmine
React 備忘録: React useStateのバッチ処理と落とし穴 ReactのuseStateでは、複数ステートを同時に更新しても、Reactがバッチにまとめてくれる。しかし条件によってはバッチ処理が行われず、余分なレンダリングや不整合が発生することがある。この問題の発生するケースとその回避策についてまとめて見た。 2023.09.14 React
Security HTTPSにおける認証局の役割を理解する HTTPS通信における認証局の役割について説明しています。HTTPS通信における暗号化を実現する鍵の役割と、鍵を安全にやり取りする仕組み、その仕組みを支える認証局とサーバー証明書について解説しています。 2023.07.11 Security
Apache 備忘録: Apacheから304が返ってこないときの対処方法 Apache 2.4のサーバーから304 (Not Modified) のレスポンスが返るべき状況で、常に200 (OK) が返るという問題に遭遇した。その解決方法について調べたので備忘録を残す。 2023.05.14 Apache備忘録