released: 2021.06.01

portfolio

website
javascript

自分の制作物の管理・公開と、情報発信の場を設ける為にポートフォリオを作成しました。

ポイント

せっかくなので、当時流行りの技術を詰め込みました

  • JAMStack 構成で、表示速度とメンテナンス性を両立
    • 最近リリースされ、気になっていた Cloudflare Pages でホスティングしています
  • Composition API を採用しています
  • nuxt/content を用い、外部サービスに頼らないheadless CMSとして運用しています

また、以下のようなデザイン上の工夫も加えました

  • 制作したものや、ブログ記事それぞれを "商品" として見せるようなUI設計にしました
  • サイトの見やすさ、使いやすさを念頭に、テーマカラーである 294 C を中心としたシンプルな配色を意識しています
  • くろやぎまゆこ さんにキャラクターデザインをお願いし、シンプルなだけでなく、目を引くアクセントを加えています

技術仕様