nekozuki.me

nekozuki.me猫月遥歩(ねこづきあゆむ)のポータルサイト

Category: web

  • Nuxt.js
  • microCMS
  • Vercel

    概要

    当サイト。
    猫月遥歩(ねこづきあゆむ)のポータルサイト兼ポートフォリオ的な役割を持つ。

    過去バージョン

    v5.1 (2021/11/19~現在)

    Nuxt.js × microCMS ×. Vercel で構築。v5の懸念点としてOGPが死んでいたのでそれの対策。firebaseのままVercelに移そうとしたが、Vercel(の中のAWS Lambda)とFirebaseの相性が悪いらしく詰んだので、microCMSに移行。そしてStaticをやめSSRで動作中。OGPも復活した。

    v5 (2021/10/01 ~ 2021/11/19)

    Nuxt.js × Firebaseで構築。Vキャス新聞とは違いStatic化し、GitHubPagesにてホスティングを行っている。

    製作中、エラーが発生し、ネットの隅から隅まで調べたが対策できず、半ばあきらめてStatic化した。その関連でFirebaseを利用するページのOGPが死んでしまったのでなんとかしたい。

    前回からの変更としては、Bootstrap-vueを導入。見やすいデザインになり、最近流行りのカード型デザインにしてみた。また、Firebase(firestore)にデータを格納し、makes/以下ページのコンテンツを動的に変更している。

    v4 (2020/07/22 ~ 2021/10/01)

    barba.jsを導入し、ajax対応。動的にコンテンツを変更しているが、うまく行かなかったりする。

    前回との変更点は、makesページなどサイトのいたるところがflex化した。

    v3 (2020/??/?? ~ 2020/07/22)

    同時期にねころぐを立てた関係でデザインが凄く引っ張られてしまった。背景が変哲もない夜空になってしまい、あんまり面白くない。

    前回の反省から、無理に2カラム構成にせず、1カラムで安定を取った。

    v2 (2019/??/?? ~ 2020/??/??)

    2カラムレイアウトに初挑戦した。

    色々と外部からデータを拾ってきたかったが、静的サイトでのやり方をまだ知らず、いろんなウィジェットサービスを駆使している。

    今見るとあんまり見やすくないね。

    v1 (2018/??/?? ~ 2019/??/??)

    いわゆる初版。

    なんだかんだで、v2, v3よりは見やすかった気がする。

    関連コンテンツ

    VRポートフォリオ

    詳細は こちら

    ポートフォリオサイト

    静的サイトジェネレーター「Hugo」を活用し、ポートフォリオを作った。

    が、自由度が低く、あまり活用できない。また、ポートフォリオという面では作品の特徴を最大限引き出すことができないため、廃止し、当サイトに統合した。