ポートフォリオサイトを公開しました

はじめに

自分のポートフォリオサイトを公開しました. 作るにあたって考えたことを書いておきます.

デザインについて

背景は紙に近い暖色系で, 本文は明朝体にしました. 派手にするよりも, 読んでいて疲れない方向にしたかったからです. 英字にはInterを使っています. 和文の明朝体と並べたときにちょうど読みやすかったので採用しました.

サイトの構成は, About・Works・Skills・Internship・Certifications・Articlesの6セクションです. 1ページをスクロールで読み進める形にしていて, セクション間は独立しているので, 途中から読んでも分かるようにしてあります.

技術面について

静的HTMLとして配信しているので, 表示は速いです. JavaScriptはスクロールアニメーション程度にしか使っていません.

アクセシビリティはセマンティックなHTML構造とaria-labelの設定, キーボードナビゲーション対応を意識しました. 正直なところ完璧ではないですが, 最低限は押さえたつもりです.

今後

この記事セクションで, 技術的なことを少しずつ書いていきます.