riku@portfolio:~$
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢠⣤⣤⡀⠀⡤⠀⣤⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢸⡇⢀⣿⠀⣶⠀⣿⢠⡶⠀⣶⠀⢰⡆⠀⠀⠀⢸⡟⢻⡅⠀⣿⠀⣿⢿⡄⠀⣿⠀⣸⡇⠀⠀⠀⠘⠃⠀⠛⠀⠛⠀⠛⠀⠛⠀⠙⠛⠙⠃⠀⠀⠀⣤⠀⢀⡤⠀⠀⠀⠀⠀⣤⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢠⡄⠀⠀⠀⣤⠀⠀⠀⠀⠀⣿⣠⡟⠁⢀⣴⠶⣦⠀⣿⠴⢶⡄⠠⡶⢶⡄⢰⡆⠀⡶⠠⡴⠶⣄⢀⡴⠶⡄⢸⣧⠶⣦⠀⣶⠀⠀⠀⠀⠀⣿⠋⢿⡄⢸⣇⠀⣽⠂⣿⠀⢸⡇⢠⡖⢺⡇⠀⣷⣸⠃⢠⡖⠚⣿⠈⡛⠲⣦⢸⡇⠀⣿⠀⣿⠀⠀⠀⠀⠀⠛⠀⠀⠛⠀⠙⠛⠋⠀⠛⠙⠛⠁⠈⠓⠋⠃⠀⢸⡟⠀⠈⠛⠋⠛⠈⠛⠛⠋⠘⠃⠀⠛⠀⠛⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠈⠉⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀

Freelance Engineer — Full Stack / Web / DB / AWS

[ contact ][ blog ]

riku@portfolio:~$

[Frontend]BackendAWS
⣀⣀⣀⣀⣀⣀⣀⣀⣀⣀⣀⣀⣀⣀⣀⣀⣀⣀⣀⣀⣀⣀⣀⣀⣀⣀⣼⠋⢉⣉⠉⠉⣉⡉⠉⢉⣉⠉⠉⠉⠉⠉⠉⠉⠉⠉⠉⠉⠉⠉⠉⠉⠉⣷⣿⣏⣹⠇⢸⣉⡷⣏⣹⠆⣿⣿⣤⣬⣥⣤⣤⣭⣤⣤⣬⣥⣤⣤⣤⣤⣤⣤⣤⣤⣤⣤⣤⣤⣤⣤⣤⣤⣿⣿⣿⣿⣿⣿⡀⣀⣿⣿⢠⣾⡷⢸⡟⠠⣿⣦⡀⣿⣿⢀⣴⣿⠋⢀⣿⠁⠈⢿⣷⣄⣿⣿⠘⣿⣧⡀⣼⡏⢠⣿⡿⠃⣿⣿⠈⠻⣿⣆⢰⡿⢀⣴⣿⠋⣿⣿⠘⠋⣿⠃⠈⠛⠁⣿⣿⣿⣿⣿⢻⣄⣀⣀⣀⣀⣀⣀⣀⣀⣀⣀⣀⣀⣀⣀⣀⣀⣀⣀⣀⣀⣀⣀⣀⣀⣀⡿⠉⠉⠉⠉⠉⠉⠉⠉⠉⠉⠉⠉⠉⠉⠉⠉⠉⠉⠉⠉⠉⠉⠉⠉⠉⠉

Markup : HTML

Language : JavaScript / TypeScript

Library : React / Vue.js / jQuery

Framework: Next.js

Styling : Tailwind CSS

scroll ↓

riku@portfolio:~$

┌────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────┐│ ││ 2026-10-21 ││ ││ Cookieを守る属性 — Secure・HttpOnly・SameSiteを図解する ││ ││ セッションIDを入れるCookie ││ が狙われる3つの経路(盗聴・XSSによる窃取・CSRF)と、それぞれを防ぐSecure・HttpOnly・SameSite属性の仕組みを図解します。__Host-プレフィックスや、SameSiteのsiteとoriginの違いも整理します。 ││ │└────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────┘┌────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────┐│ ││ 2026-10-14 ││ ││ HTTPSでも守れないものがある — セキュリティヘッダを図解する ││ ││ HTTPSで通信路を暗号化して ││ も防げない攻撃を、レスポンスヘッダでブラウザに指示して防ぐ仕組みを図解します。HSTS・X-Frame-Options・CSP・X-Content-Type-Options・Referrer-Policyの5つを、何を防ぐヘッダなのかという観点で整理します。 ││ │└────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────┘┌────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────┐│ ││ 2026-10-08 ││ ││ PostgreSQLのWALを図解する ││ ││ PostgreSQLのWrite-Ahead Lo ││ g（WAL）の仕組みをチェックポイントとクラッシュリカバリの流れで図解し、Amazon Aurora PostgreSQLがWALをどう扱っているか、RDS for PostgreSQLとの違いを整理します。 ││ │└────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────┘
[ View all posts ]
██
█████
▀▀████▄█
███
█▀█
█ █
█ █▄

>